@saasquatch/mint-components 1.3.3-7 → 1.5.0-1

package/dist/types/components.d.ts

@@ -29,6 +29,9 @@ import { PortalVerifyEmailViewProps } from "./components/sqm-portal-verify-email
 import { ReferralIframeViewProps } from "./components/sqm-referral-iframe/sqm-referral-iframe-view";
 import { ReferralTableViewProps } from "./components/sqm-referral-table/sqm-referral-table-view";
 import { ReferralDates } from "./components/sqm-referral-table/useReferralTable";
+import { RewardExchangeViewProps } from "./components/sqm-reward-exchange-list/sqm-reward-exchange-list-view";
+import { GenericTableViewProps } from "./tables/GenericTableView";
+import { Reward } from "./components/sqm-rewards-table/useRewardsTable";
 import { ShareButtonViewProps } from "./components/sqm-share-button/sqm-share-button-view";
 import { ShareLinkViewProps } from "./components/sqm-share-link/sqm-share-link-view";
 import { UserNameViewProps } from "./components/sqm-user-name/sqm-user-name-view";
@@ -403,10 +406,6 @@ export namespace Components {
           * @uiName Email verification header text
          */
         "emailVerificationHeader": string;
-        /**
-          * @uiName Base path of verify email link
-         */
-        "redirectPath": string;
         /**
           * @uiName Re-send email button text
          */
@@ -476,14 +475,6 @@ export namespace Components {
           * @uiName Email label
          */
         "emailLabel": string;
-        /**
-          * @uiName Routing path to login page
-         */
-        "loginPath": string;
-        /**
-          * @uiName Base path of reset password email link
-         */
-        "redirectPath": string;
         /**
           * @uiName Password reset button text
          */
@@ -510,10 +501,6 @@ export namespace Components {
           * @uiName Label for forgotten password button
          */
         "forgotPasswordLabel": string;
-        /**
-          * @uiName Routing path to forgot password page
-         */
-        "forgotPasswordPath": string;
         /**
           * @uiName Page navigated to after sign-in
          */
@@ -530,10 +517,6 @@ export namespace Components {
           * @uiName Label for register navigation button
          */
         "registerLabel": string;
-        /**
-          * @uiName Routing path to register page
-         */
-        "registerPath": string;
         /**
           * @uiName Label for submit button
          */
@@ -628,10 +611,6 @@ export namespace Components {
           * @uiName Label for login navigation button
          */
         "loginLabel": string;
-        /**
-          * @uiName Routing path to login page
-         */
-        "loginPath": string;
         /**
           * @uiName Page navigated to after registration
          */
@@ -644,10 +623,6 @@ export namespace Components {
           * @uiName Label for password field
          */
         "passwordLabel": string;
-        /**
-          * @uiName Base path of verify email link
-         */
-        "redirectPath": string;
         /**
           * @uiName Label for submit button
          */
@@ -672,10 +647,6 @@ export namespace Components {
           * @uiType object
          */
         "demoData"?: DemoData<PortalResetPasswordViewProps>;
-        /**
-          * @uiName Failed page path
-         */
-        "failedPage": string;
         /**
           * @uiName Next page path
          */
@@ -704,10 +675,6 @@ export namespace Components {
           * @uiType object
          */
         "demoData"?: DemoData<PortalVerifyEmailViewProps>;
-        /**
-          * @uiName Failed page path
-         */
-        "failedPage": string;
         /**
           * @uiName Next page path
          */
@@ -850,6 +817,65 @@ export namespace Components {
         "renderCell": (data: Referral) => Promise<any>;
         "renderLabel": () => Promise<string>;
     }
+    interface SqmRewardExchangeList {
+        /**
+          * @uiName Exchange button text
+         */
+        "buttonText": string;
+        /**
+          * @undocumented 
+          * @uiType object
+         */
+        "demoData"?: DemoData<RewardExchangeViewProps>;
+        /**
+          * @uiName Exchange button text
+         */
+        "notAvailableError": string;
+    }
+    interface SqmRewardsTable {
+        /**
+          * @undocumented 
+          * @uiType object
+         */
+        "demoData"?: DemoData<GenericTableViewProps>;
+        /**
+          * @uiName View More button text
+         */
+        "moreLabel"?: string;
+        /**
+          * @uiName Number of rewards per page
+         */
+        "perPage": number;
+        /**
+          * @uiName Previous button text
+         */
+        "prevLabel"?: string;
+        /**
+          * Filters to only show rewards in this program. Will default to filtering by the program context where this table lives. If no program ID is set or provided by context, then shows all rewards from all programs.
+          * @uiName Program
+         */
+        "programId": string;
+        /**
+          * @uiName Show column labels
+         */
+        "showLabels"?: boolean;
+        /**
+          * @uiName Show Referred by user in table
+         */
+        "showReferrer"?: boolean;
+    }
+    interface SqmRewardsTableColumn {
+        /**
+          * @uiName Reward column title
+         */
+        "columnTitle": string;
+        /**
+          * @uiName Hide dropdown details of reward
+         */
+        "hideDetails": boolean;
+        "renderCell": (data: Reward[]) => Promise<any>;
+        "renderLabel": () => Promise<string>;
+    }
     interface SqmRoute {
         /**
           * @uiName Navigation path name
@@ -1004,6 +1030,77 @@ export namespace Components {
     interface SqmTableRow {
         "border": string;
     }
+    interface SqmTaskCard {
+        /**
+          * @uiName CTA Button Link
+         */
+        "buttonLink": string;
+        /**
+          * @uiName CTA Button Text
+         */
+        "buttonText": string;
+        /**
+          * @uiName Title Text
+         */
+        "cardTitle": string;
+        /**
+          * @uiName Description Text
+         */
+        "description": string;
+        /**
+          * @uiName Repeat Amount (0 for no limit)
+         */
+        "finite": number;
+        /**
+          * @uiName Goal Completion Number
+         */
+        "goal": number;
+        /**
+          * @uiName CTA Button Link Open in New Tab
+         */
+        "openNewTab": boolean;
+        /**
+          * @uiName Progress Bar Unit
+         */
+        "progressBarUnit"?: string;
+        /**
+          * @uiName Goal Repeatable
+         */
+        "repeatable": boolean;
+        /**
+          * @uiName Reward Amount
+         */
+        "rewardAmount": number;
+        /**
+          * @uiName Reward Duration
+          * @uiWidget DateRange
+          * @uiOptions {"allowPastDates":true, "months": 1}
+         */
+        "rewardDuration": string;
+        /**
+          * @uiName Reward Unit
+         */
+        "rewardUnit": string;
+        /**
+          * @uiName Show Goal Expiry
+         */
+        "showExpiry": boolean;
+        /**
+          * @uiName Show Progress Bar
+         */
+        "showProgressBar": boolean;
+        /**
+          * Select what type of stat to display for the goal. Manual paths are also supported.
+          * @uiWidget StatTypeSelectWidget
+          * @uiName Goal Progress Source
+          * @uiOptions {"version": 1.1}
+         */
+        "statType": string;
+        /**
+          * @uiName Progress Bar Steps
+         */
+        "steps": boolean;
+    }
     interface SqmText {
     }
     interface SqmTextSpan {
@@ -1302,6 +1399,24 @@ declare global {
         prototype: HTMLSqmReferralTableUserColumnElement;
         new (): HTMLSqmReferralTableUserColumnElement;
     };
+    interface HTMLSqmRewardExchangeListElement extends Components.SqmRewardExchangeList, HTMLStencilElement {
+    }
+    var HTMLSqmRewardExchangeListElement: {
+        prototype: HTMLSqmRewardExchangeListElement;
+        new (): HTMLSqmRewardExchangeListElement;
+    };
+    interface HTMLSqmRewardsTableElement extends Components.SqmRewardsTable, HTMLStencilElement {
+    }
+    var HTMLSqmRewardsTableElement: {
+        prototype: HTMLSqmRewardsTableElement;
+        new (): HTMLSqmRewardsTableElement;
+    };
+    interface HTMLSqmRewardsTableColumnElement extends Components.SqmRewardsTableColumn, HTMLStencilElement {
+    }
+    var HTMLSqmRewardsTableColumnElement: {
+        prototype: HTMLSqmRewardsTableColumnElement;
+        new (): HTMLSqmRewardsTableColumnElement;
+    };
     interface HTMLSqmRouteElement extends Components.SqmRoute, HTMLStencilElement {
     }
     var HTMLSqmRouteElement: {
@@ -1356,6 +1471,12 @@ declare global {
         prototype: HTMLSqmTableRowElement;
         new (): HTMLSqmTableRowElement;
     };
+    interface HTMLSqmTaskCardElement extends Components.SqmTaskCard, HTMLStencilElement {
+    }
+    var HTMLSqmTaskCardElement: {
+        prototype: HTMLSqmTaskCardElement;
+        new (): HTMLSqmTaskCardElement;
+    };
     interface HTMLSqmTextElement extends Components.SqmText, HTMLStencilElement {
     }
     var HTMLSqmTextElement: {
@@ -1423,6 +1544,9 @@ declare global {
         "sqm-referral-table-status-column": HTMLSqmReferralTableStatusColumnElement;
         "sqm-referral-table-user-cell": HTMLSqmReferralTableUserCellElement;
         "sqm-referral-table-user-column": HTMLSqmReferralTableUserColumnElement;
+        "sqm-reward-exchange-list": HTMLSqmRewardExchangeListElement;
+        "sqm-rewards-table": HTMLSqmRewardsTableElement;
+        "sqm-rewards-table-column": HTMLSqmRewardsTableColumnElement;
         "sqm-route": HTMLSqmRouteElement;
         "sqm-router": HTMLSqmRouterElement;
         "sqm-share-button": HTMLSqmShareButtonElement;
@@ -1432,6 +1556,7 @@ declare global {
         "sqm-stencilbook": HTMLSqmStencilbookElement;
         "sqm-table-cell": HTMLSqmTableCellElement;
         "sqm-table-row": HTMLSqmTableRowElement;
+        "sqm-task-card": HTMLSqmTaskCardElement;
         "sqm-text": HTMLSqmTextElement;
         "sqm-text-span": HTMLSqmTextSpanElement;
         "sqm-titled-section": HTMLSqmTitledSectionElement;
@@ -1809,10 +1934,6 @@ declare namespace LocalJSX {
           * @uiName Email verification header text
          */
         "emailVerificationHeader"?: string;
-        /**
-          * @uiName Base path of verify email link
-         */
-        "redirectPath"?: string;
         /**
           * @uiName Re-send email button text
          */
@@ -1882,14 +2003,6 @@ declare namespace LocalJSX {
           * @uiName Email label
          */
         "emailLabel"?: string;
-        /**
-          * @uiName Routing path to login page
-         */
-        "loginPath"?: string;
-        /**
-          * @uiName Base path of reset password email link
-         */
-        "redirectPath"?: string;
         /**
           * @uiName Password reset button text
          */
@@ -1916,10 +2029,6 @@ declare namespace LocalJSX {
           * @uiName Label for forgotten password button
          */
         "forgotPasswordLabel"?: string;
-        /**
-          * @uiName Routing path to forgot password page
-         */
-        "forgotPasswordPath"?: string;
         /**
           * @uiName Page navigated to after sign-in
          */
@@ -1936,10 +2045,6 @@ declare namespace LocalJSX {
           * @uiName Label for register navigation button
          */
         "registerLabel"?: string;
-        /**
-          * @uiName Routing path to register page
-         */
-        "registerPath"?: string;
         /**
           * @uiName Label for submit button
          */
@@ -2034,10 +2139,6 @@ declare namespace LocalJSX {
           * @uiName Label for login navigation button
          */
         "loginLabel"?: string;
-        /**
-          * @uiName Routing path to login page
-         */
-        "loginPath"?: string;
         /**
           * @uiName Page navigated to after registration
          */
@@ -2050,10 +2151,6 @@ declare namespace LocalJSX {
           * @uiName Label for password field
          */
         "passwordLabel"?: string;
-        /**
-          * @uiName Base path of verify email link
-         */
-        "redirectPath"?: string;
         /**
           * @uiName Label for submit button
          */
@@ -2078,10 +2175,6 @@ declare namespace LocalJSX {
           * @uiType object
          */
         "demoData"?: DemoData<PortalResetPasswordViewProps>;
-        /**
-          * @uiName Failed page path
-         */
-        "failedPage"?: string;
         /**
           * @uiName Next page path
          */
@@ -2110,10 +2203,6 @@ declare namespace LocalJSX {
           * @uiType object
          */
         "demoData"?: DemoData<PortalVerifyEmailViewProps>;
-        /**
-          * @uiName Failed page path
-         */
-        "failedPage"?: string;
         /**
           * @uiName Next page path
          */
@@ -2246,6 +2335,63 @@ declare namespace LocalJSX {
          */
         "deletedUser"?: string;
     }
+    interface SqmRewardExchangeList {
+        /**
+          * @uiName Exchange button text
+         */
+        "buttonText"?: string;
+        /**
+          * @undocumented 
+          * @uiType object
+         */
+        "demoData"?: DemoData<RewardExchangeViewProps>;
+        /**
+          * @uiName Exchange button text
+         */
+        "notAvailableError"?: string;
+    }
+    interface SqmRewardsTable {
+        /**
+          * @undocumented 
+          * @uiType object
+         */
+        "demoData"?: DemoData<GenericTableViewProps>;
+        /**
+          * @uiName View More button text
+         */
+        "moreLabel"?: string;
+        /**
+          * @uiName Number of rewards per page
+         */
+        "perPage"?: number;
+        /**
+          * @uiName Previous button text
+         */
+        "prevLabel"?: string;
+        /**
+          * Filters to only show rewards in this program. Will default to filtering by the program context where this table lives. If no program ID is set or provided by context, then shows all rewards from all programs.
+          * @uiName Program
+         */
+        "programId"?: string;
+        /**
+          * @uiName Show column labels
+         */
+        "showLabels"?: boolean;
+        /**
+          * @uiName Show Referred by user in table
+         */
+        "showReferrer"?: boolean;
+    }
+    interface SqmRewardsTableColumn {
+        /**
+          * @uiName Reward column title
+         */
+        "columnTitle"?: string;
+        /**
+          * @uiName Hide dropdown details of reward
+         */
+        "hideDetails"?: boolean;
+    }
     interface SqmRoute {
         /**
           * @uiName Navigation path name
@@ -2400,6 +2546,77 @@ declare namespace LocalJSX {
     interface SqmTableRow {
         "border"?: string;
     }
+    interface SqmTaskCard {
+        /**
+          * @uiName CTA Button Link
+         */
+        "buttonLink"?: string;
+        /**
+          * @uiName CTA Button Text
+         */
+        "buttonText"?: string;
+        /**
+          * @uiName Title Text
+         */
+        "cardTitle"?: string;
+        /**
+          * @uiName Description Text
+         */
+        "description"?: string;
+        /**
+          * @uiName Repeat Amount (0 for no limit)
+         */
+        "finite"?: number;
+        /**
+          * @uiName Goal Completion Number
+         */
+        "goal"?: number;
+        /**
+          * @uiName CTA Button Link Open in New Tab
+         */
+        "openNewTab"?: boolean;
+        /**
+          * @uiName Progress Bar Unit
+         */
+        "progressBarUnit"?: string;
+        /**
+          * @uiName Goal Repeatable
+         */
+        "repeatable"?: boolean;
+        /**
+          * @uiName Reward Amount
+         */
+        "rewardAmount"?: number;
+        /**
+          * @uiName Reward Duration
+          * @uiWidget DateRange
+          * @uiOptions {"allowPastDates":true, "months": 1}
+         */
+        "rewardDuration"?: string;
+        /**
+          * @uiName Reward Unit
+         */
+        "rewardUnit"?: string;
+        /**
+          * @uiName Show Goal Expiry
+         */
+        "showExpiry"?: boolean;
+        /**
+          * @uiName Show Progress Bar
+         */
+        "showProgressBar"?: boolean;
+        /**
+          * Select what type of stat to display for the goal. Manual paths are also supported.
+          * @uiWidget StatTypeSelectWidget
+          * @uiName Goal Progress Source
+          * @uiOptions {"version": 1.1}
+         */
+        "statType"?: string;
+        /**
+          * @uiName Progress Bar Steps
+         */
+        "steps"?: boolean;
+    }
     interface SqmText {
     }
     interface SqmTextSpan {
@@ -2487,6 +2704,9 @@ declare namespace LocalJSX {
         "sqm-referral-table-status-column": SqmReferralTableStatusColumn;
         "sqm-referral-table-user-cell": SqmReferralTableUserCell;
         "sqm-referral-table-user-column": SqmReferralTableUserColumn;
+        "sqm-reward-exchange-list": SqmRewardExchangeList;
+        "sqm-rewards-table": SqmRewardsTable;
+        "sqm-rewards-table-column": SqmRewardsTableColumn;
         "sqm-route": SqmRoute;
         "sqm-router": SqmRouter;
         "sqm-share-button": SqmShareButton;
@@ -2496,6 +2716,7 @@ declare namespace LocalJSX {
         "sqm-stencilbook": SqmStencilbook;
         "sqm-table-cell": SqmTableCell;
         "sqm-table-row": SqmTableRow;
+        "sqm-task-card": SqmTaskCard;
         "sqm-text": SqmText;
         "sqm-text-span": SqmTextSpan;
         "sqm-titled-section": SqmTitledSection;
@@ -2548,6 +2769,9 @@ declare module "@stencil/core" {
             "sqm-referral-table-status-column": LocalJSX.SqmReferralTableStatusColumn & JSXBase.HTMLAttributes<HTMLSqmReferralTableStatusColumnElement>;
             "sqm-referral-table-user-cell": LocalJSX.SqmReferralTableUserCell & JSXBase.HTMLAttributes<HTMLSqmReferralTableUserCellElement>;
             "sqm-referral-table-user-column": LocalJSX.SqmReferralTableUserColumn & JSXBase.HTMLAttributes<HTMLSqmReferralTableUserColumnElement>;
+            "sqm-reward-exchange-list": LocalJSX.SqmRewardExchangeList & JSXBase.HTMLAttributes<HTMLSqmRewardExchangeListElement>;
+            "sqm-rewards-table": LocalJSX.SqmRewardsTable & JSXBase.HTMLAttributes<HTMLSqmRewardsTableElement>;
+            "sqm-rewards-table-column": LocalJSX.SqmRewardsTableColumn & JSXBase.HTMLAttributes<HTMLSqmRewardsTableColumnElement>;
             "sqm-route": LocalJSX.SqmRoute & JSXBase.HTMLAttributes<HTMLSqmRouteElement>;
             "sqm-router": LocalJSX.SqmRouter & JSXBase.HTMLAttributes<HTMLSqmRouterElement>;
             "sqm-share-button": LocalJSX.SqmShareButton & JSXBase.HTMLAttributes<HTMLSqmShareButtonElement>;
@@ -2557,6 +2781,7 @@ declare module "@stencil/core" {
             "sqm-stencilbook": LocalJSX.SqmStencilbook & JSXBase.HTMLAttributes<HTMLSqmStencilbookElement>;
             "sqm-table-cell": LocalJSX.SqmTableCell & JSXBase.HTMLAttributes<HTMLSqmTableCellElement>;
             "sqm-table-row": LocalJSX.SqmTableRow & JSXBase.HTMLAttributes<HTMLSqmTableRowElement>;
+            "sqm-task-card": LocalJSX.SqmTaskCard & JSXBase.HTMLAttributes<HTMLSqmTaskCardElement>;
             "sqm-text": LocalJSX.SqmText & JSXBase.HTMLAttributes<HTMLSqmTextElement>;
             "sqm-text-span": LocalJSX.SqmTextSpan & JSXBase.HTMLAttributes<HTMLSqmTextSpanElement>;
             "sqm-titled-section": LocalJSX.SqmTitledSection & JSXBase.HTMLAttributes<HTMLSqmTitledSectionElement>;

package/dist/types/global/styles.d.ts

@@ -1,2 +1,2 @@
-declare const style = "\n/* vietnamese */\n@font-face {\n  font-family: 'Nunito Sans';\n  font-style: normal;\n  font-weight: 400;\n  font-display: swap;\n  src: url(https://fonts.gstatic.com/s/nunitosans/v6/pe0qMImSLYBIv1o4X1M8cceyI9tScg.woff2) format('woff2');\n  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;\n}\n/* latin-ext */\n@font-face {\n  font-family: 'Nunito Sans';\n  font-style: normal;\n  font-weight: 400;\n  font-display: swap;\n  src: url(https://fonts.gstatic.com/s/nunitosans/v6/pe0qMImSLYBIv1o4X1M8ccezI9tScg.woff2) format('woff2');\n  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;\n}\n/* latin */\n@font-face {\n  font-family: 'Nunito Sans';\n  font-style: normal;\n  font-weight: 400;\n  font-display: swap;\n  src: url(https://fonts.gstatic.com/s/nunitosans/v6/pe0qMImSLYBIv1o4X1M8cce9I9s.woff2) format('woff2');\n  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;\n}\n/* vietnamese */\n@font-face {\n  font-family: 'Nunito Sans';\n  font-style: normal;\n  font-weight: 600;\n  font-display: swap;\n  src: url(https://fonts.gstatic.com/s/nunitosans/v6/pe03MImSLYBIv1o4X1M8cc9iB85iU1EQVg.woff2) format('woff2');\n  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;\n}\n/* latin-ext */\n@font-face {\n  font-family: 'Nunito Sans';\n  font-style: normal;\n  font-weight: 600;\n  font-display: swap;\n  src: url(https://fonts.gstatic.com/s/nunitosans/v6/pe03MImSLYBIv1o4X1M8cc9iB85jU1EQVg.woff2) format('woff2');\n  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;\n}\n/* latin */\n@font-face {\n  font-family: 'Nunito Sans';\n  font-style: normal;\n  font-weight: 600;\n  font-display: swap;\n  src: url(https://fonts.gstatic.com/s/nunitosans/v6/pe03MImSLYBIv1o4X1M8cc9iB85tU1E.woff2) format('woff2');\n  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;\n}\n/* vietnamese */\n@font-face {\n  font-family: 'Nunito Sans';\n  font-style: normal;\n  font-weight: 700;\n  font-display: swap;\n  src: url(https://fonts.gstatic.com/s/nunitosans/v6/pe03MImSLYBIv1o4X1M8cc8GBs5iU1EQVg.woff2) format('woff2');\n  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;\n}\n/* latin-ext */\n@font-face {\n  font-family: 'Nunito Sans';\n  font-style: normal;\n  font-weight: 700;\n  font-display: swap;\n  src: url(https://fonts.gstatic.com/s/nunitosans/v6/pe03MImSLYBIv1o4X1M8cc8GBs5jU1EQVg.woff2) format('woff2');\n  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;\n}\n/* latin */\n@font-face {\n  font-family: 'Nunito Sans';\n  font-style: normal;\n  font-weight: 700;\n  font-display: swap;\n  src: url(https://fonts.gstatic.com/s/nunitosans/v6/pe03MImSLYBIv1o4X1M8cc8GBs5tU1E.woff2) format('woff2');\n  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;\n}\n:root {\n  --sl-color-black: #141414;\n  --sl-color-white: #fff;\n  /** Anvil uses a different scale (from 0-400), but has 10 increments.\n    Just ported the 10 incrementals colors over for a slightly-less-dark palette than Shoelace **/\n  --sl-color-gray-50: #f7f7f7;\n  --sl-color-gray-100: #f5f5f5;\n  --sl-color-gray-200: #eeeeee;\n  --sl-color-gray-300: #dfe0e1;\n  --sl-color-gray-400: #bcbcbd;\n  --sl-color-gray-500: #9e9ea0;\n  --sl-color-gray-600: #737475;\n  --sl-color-gray-700: #606162;\n  --sl-color-gray-800: #444445;\n  --sl-color-gray-900: #2d2e31;\n  --sl-color-gray-950: #141414;\n  /** Primary Colors from: https://anvil.servicetitan.com/foundations/color/ **/\n  --sl-color-primary-50: #f0f9ff;\n  --sl-color-primary-100: #ecf4fd;\n  --sl-color-primary-200: #a9d1ff;\n  --sl-color-primary-300: #3684f5;\n  --sl-color-primary-400: #2270ee;\n  --sl-color-primary-500: #1360d9;\n  --sl-color-primary-600: #004cc3;\n  /** ServiceTitan Anvil doesn't have colors over 600 **/\n  --sl-color-primary-700: var(--sl-color-primary-600);\n  --sl-color-primary-800: var(--sl-color-primary-600);\n  --sl-color-primary-900: var(--sl-color-primary-600);\n  --sl-color-primary-950: var(--sl-color-primary-600);\n\n  --sl-color-primary-text: var(--sl-color-white);\n\n  /** Syuccess Colors from: https://anvil.servicetitan.com/foundations/color/ **/\n  --sl-color-success-50: #f0fdf4;\n  --sl-color-success-100: #e1fdef;\n  --sl-color-success-200: #90efc0;\n  --sl-color-success-300: #60dfa6;\n  --sl-color-success-400: #1fbc70;\n  --sl-color-success-500: #18a761;\n  --sl-color-success-600: #10864b;\n  /** ServiceTitan Anvil doesn't have colors over 600 **/\n  --sl-color-success-700: var(--sl-color-success-600);\n  --sl-color-success-800: var(--sl-color-success-600);\n  --sl-color-success-900: var(--sl-color-success-600);\n  --sl-color-success-950: var(--sl-color-success-600);\n\n  --sl-color-success-text: var(--sl-color-white);\n\n  /** Delegating to Anvil Grey colors from above **/\n  --sl-color-info-50: var(--sl-color-gray-50);\n  --sl-color-info-100: var(--sl-color-gray-100);\n  --sl-color-info-200: var(--sl-color-gray-200);\n  --sl-color-info-300: var(--sl-color-gray-300);\n  --sl-color-info-400: var(--sl-color-gray-400);\n  --sl-color-info-500: var(--sl-color-gray-500);\n  --sl-color-info-600: var(--sl-color-gray-600);\n  --sl-color-info-700: var(--sl-color-gray-700);\n  --sl-color-info-800: var(--sl-color-gray-800);\n  --sl-color-info-900: var(--sl-color-gray-900);\n  --sl-color-info-950: var(--sl-color-gray-950);\n  /** Colors from Anvil **/\n  --sl-color-info-text: var(--sl-color-white);\n  --sl-color-warning-50: #fffbeb;\n  --sl-color-warning-100: #fff2dc;\n  --sl-color-warning-200: #ffcc80;\n  --sl-color-warning-300: #ffa23a;\n  --sl-color-warning-400: #ff9116;\n  --sl-color-warning-500: #ee8400;\n  --sl-color-warning-600: #df7600;\n  /** LV: Note - Anvil doesn't list color weights over 600 **/\n  --sl-color-warning-700: var(--sl-color-warning-600);\n  --sl-color-warning-800: var(--sl-color-warning-600);\n  --sl-color-warning-900: var(--sl-color-warning-600);\n  --sl-color-warning-950: var(--sl-color-warning-600);\n  /** Colors from Anvil **/\n  --sl-color-warning-text: var(--sl-color-white);\n  --sl-color-danger-10: #fff9f8;\n  --sl-color-danger-50: #fef2f2;\n  --sl-color-danger-100: #ffece9;\n  --sl-color-danger-200: #ffb2a0;\n  --sl-color-danger-300: #ff745f;\n  --sl-color-danger-400: #f94d32;\n  --sl-color-danger-500: #e63717;\n  --sl-color-danger-600: #bf2a00;\n  /** LV: Note - ServiceTitan Anvil doesn't list color weights over 600 **/\n  --sl-color-danger-700: var(--sl-color-danger-600);\n  --sl-color-danger-800: var(--sl-color-danger-600);\n  --sl-color-danger-900: var(--sl-color-danger-600);\n  --sl-color-danger-950: var(--sl-color-danger-600);\n  --sl-color-danger-text: var(--sl-color-white);\n  --sl-border-radius-small: 0.125rem;\n  --sl-border-radius-medium: 0.25rem;\n  --sl-border-radius-large: 0.5rem;\n  --sl-border-radius-x-large: 1rem;\n  --sl-border-radius-circle: 50%;\n  --sl-border-radius-pill: 9999px;\n  --sl-shadow-x-small: 0 1px 0 #0d131e0d;\n  --sl-shadow-small: 0 1px 2px #0d131e1a;\n  --sl-shadow-medium: 0 2px 4px #0d131e1a;\n  --sl-shadow-large: 0 2px 8px #0d131e1a;\n  --sl-shadow-x-large: 0 4px 16px #0d131e1a;\n  /** LV: Could use the Anvil spacing rules, but probably not necessary **/\n  --sl-spacing-xxx-small: 0.125rem;\n  --sl-spacing-xx-small: 0.25rem;\n  --sl-spacing-x-small: 0.5rem;\n  --sl-spacing-small: 0.75rem;\n  --sl-spacing-medium: 1rem;\n  --sl-spacing-large: 1.25rem;\n  --sl-spacing-x-large: 1.75rem;\n  --sl-spacing-xx-large: 2.25rem;\n  --sl-spacing-xxx-large: 3rem;\n  --sl-spacing-xxxx-large: 4.5rem;\n  --sl-transition-x-slow: 1000ms;\n  --sl-transition-slow: 500ms;\n  --sl-transition-medium: 250ms;\n  --sl-transition-fast: 150ms;\n  --sl-transition-x-fast: 50ms;\n  --sl-font-mono: SFMono-Regular, Consolas, \"Liberation Mono\", Menlo, monospace;\n  --sl-font-sans: \"Nunito Sans\", sans;\n  --sl-font-serif: Georgia, \"Times New Roman\", serif;\n  --sl-font-size-xx-small: 0.625rem;\n  --sl-font-size-x-small: 0.75rem;\n  --sl-font-size-small: 0.875rem;\n  --sl-font-size-medium: 1rem;\n  --sl-font-size-large: 1.25rem;\n  --sl-font-size-x-large: 1.5rem;\n  --sl-font-size-xx-large: 2.25rem;\n  --sl-font-size-xxx-large: 3rem;\n  --sl-font-size-xxxx-large: 4.5rem;\n  --sl-font-weight-light: 300;\n  --sl-font-weight-normal: 400;\n  --sl-font-weight-semibold: 600;\n  --sl-font-weight-bold: 700;\n  --sl-letter-spacing-dense: -0.015em;\n  --sl-letter-spacing-normal: normal;\n  --sl-letter-spacing-loose: 0.075em;\n  --sl-line-height-dense: 1.4;\n  --sl-line-height-normal: 1.8;\n  --sl-line-height-loose: 2.2;\n  --sl-focus-ring-color-primary: #0ea5e954;\n  --sl-focus-ring-color-success: #22c55e54;\n  --sl-focus-ring-color-info: #6b728054;\n  --sl-focus-ring-color-warning: #f59e0b54;\n  --sl-focus-ring-color-danger: #ef444454;\n  --sl-focus-ring-width: 3px;\n  --sl-button-font-size-small: var(--sl-font-size-x-small);\n  --sl-button-font-size-medium: var(--sl-font-size-small);\n  --sl-button-font-size-large: var(--sl-font-size-medium);\n  --sl-input-height-small: 1.875rem;\n  --sl-input-height-medium: 2.5rem;\n  --sl-input-height-large: 3.125rem;\n  --sl-input-background-color: var(--sl-color-white);\n  --sl-input-background-color-hover: var(--sl-color-white);\n  --sl-input-background-color-focus: var(--sl-color-white);\n  --sl-input-background-color-disabled: var(--sl-color-gray-100);\n  --sl-input-border-color: var(--sl-color-gray-300);\n  --sl-input-border-color-hover: var(--sl-color-gray-400);\n  --sl-input-border-color-focus: var(--sl-color-primary-500);\n  --sl-input-border-color-disabled: var(--sl-color-gray-300);\n  --sl-input-border-width: 1px;\n  --sl-input-border-radius-small: var(--sl-border-radius-medium);\n  --sl-input-border-radius-medium: var(--sl-border-radius-medium);\n  --sl-input-border-radius-large: var(--sl-border-radius-medium);\n  --sl-input-font-family: var(--sl-font-sans);\n  --sl-input-font-weight: var(--sl-font-weight-normal);\n  --sl-input-font-size-small: var(--sl-font-size-small);\n  --sl-input-font-size-medium: var(--sl-font-size-medium);\n  --sl-input-font-size-large: var(--sl-font-size-large);\n  --sl-input-letter-spacing: var(--sl-letter-spacing-normal);\n  --sl-input-color: var(--sl-color-gray-700);\n  --sl-input-color-hover: var(--sl-color-gray-700);\n  --sl-input-color-focus: var(--sl-color-gray-700);\n  --sl-input-color-disabled: var(--sl-color-gray-900);\n  --sl-input-icon-color: var(--sl-color-gray-400);\n  --sl-input-icon-color-hover: var(--sl-color-gray-600);\n  --sl-input-icon-color-focus: var(--sl-color-gray-600);\n  --sl-input-placeholder-color: var(--sl-color-gray-400);\n  --sl-input-placeholder-color-disabled: var(--sl-color-gray-600);\n  --sl-input-spacing-small: var(--sl-spacing-small);\n  --sl-input-spacing-medium: var(--sl-spacing-medium);\n  --sl-input-spacing-large: var(--sl-spacing-large);\n  --sl-input-label-font-size-small: var(--sl-font-size-small);\n  --sl-input-label-font-size-medium: var(--sl-font-size-medium);\n  --sl-input-label-font-size-large: var(--sl-font-size-large);\n  --sl-input-label-color: inherit;\n  --sl-input-help-text-font-size-small: var(--sl-font-size-x-small);\n  --sl-input-help-text-font-size-medium: var(--sl-font-size-small);\n  --sl-input-help-text-font-size-large: var(--sl-font-size-medium);\n  --sl-input-help-text-color: var(--sl-color-gray-400);\n  --sl-toggle-size: 1rem;\n  --sl-overlay-background-color: #37415180;\n  --sl-panel-background-color: var(--sl-color-white);\n  --sl-panel-border-color: var(--sl-color-gray-200);\n  --sl-tooltip-border-radius: var(--sl-border-radius-medium);\n  --sl-tooltip-background-color: var(--sl-color-gray-900);\n  --sl-tooltip-color: var(--sl-color-white);\n  --sl-tooltip-font-family: var(--sl-font-sans);\n  --sl-tooltip-font-weight: var(--sl-font-weight-normal);\n  --sl-tooltip-font-size: var(--sl-font-size-small);\n  --sl-tooltip-line-height: var(--sl-line-height-dense);\n  --sl-tooltip-padding: var(--sl-spacing-xxx-small) var(--sl-spacing-x-small);\n  --sl-tooltip-arrow-size: 5px;\n  --sl-tooltip-arrow-start-end-offset: 8px;\n  --sl-z-index-drawer: 700;\n  --sl-z-index-dialog: 800;\n  --sl-z-index-dropdown: 900;\n  --sl-z-index-toast: 950;\n  --sl-z-index-tooltip: 1000;\n}\n:root {\n  --sqm-header-background: var(--sl-color-white);\n  --sqm-footer-background: var(--sl-color-white);\n\n  // --st-color-text-error, --st-content-max-width, --st-content-background, and --st-portal-background are no longer provided by mint-component\n  // These variables should be supplied by the Service Titan project\n\n  --sqm-color-text-error: #e63717;\n  --sqm-content-max-width: 700px;\n  --sqm-content-background: var(--sl-color-white);\n  --sqm-portal-background: var(--sl-color-gray-50);\n  --widget-background-color: var(--sl-color-white);\n  --sqm-portal-main-width: 900px;\n  --sqm-max-width: 1280px;\n}\nbody {\n  font-family: var(--sl-font-sans);\n  font-size: var(--sl-font-size-medium);\n  font-weight: var(--sl-font-weight-normal);\n  letter-spacing: var(--sl-letter-spacing-small);\n  color: var(--sl-color-gray-800);\n  line-height: var(--sl-line-height-normal);\n  margin: 0;\n  background-color: var(--sqm-portal-background);\n}\na,\na:visited {\n  text-decoration: none;\n  color: var(--sl-color-primary-500);\n}\na:hover {\n  color: var(--sl-color-primary-600);\n}\nh2, .Title {\n  font-size: var(--sl-font-size-large);\n  font-weight: var(--sl-font-weight-semibold);\n  margin: 0;\n}\n.H4 {\n  font-size: var(--sl-font-size-medium);\n  font-weight: var(--sl-font-weight-semibold);\n  margin: 0;\n}\n.P {\n  font-size: var(--sl-font-size-small);\n  color: var(--sl-color-gray-800);\n  margin-top: 0px;\n}\n\n.Title {\n  text-align: center;\n}\n\n.Subtitle {\n  text-align: center;\n  margin-bottom: 0px;\n  color: var(--sl-color-gray-500);\n}\n.SupportText{\n  margin-top: var(--sl-spacing-small);\n  text-align: center;\n}\n\nsl-button::part(base){\n  width: 100%;\n}\n\nsqm-share-button{\n  flex: 1;\n}\n\nsqm-hero img {\n  max-width: 100%;\n  display: block;\n}\n\nsl-details::part(base){\n  background-color: var(--sl-color-white);\n  border-color: var(--sl-color-gray-300)\n}\nsl-details::part(summary) {\n  font-size: var(--sl-font-size-medium);\n  font-weight: var(--sl-font-weight-semibold);\n  margin: 0px;\n}\n*::part(defaultbutton-base){\n  background-color: rgba(0,0,0,0);\n  color: var(--sl-color-gray-800);\n  border-color: var(--sl-color-gray-800);\n}\n*::part(defaultbutton-base):hover{\n  background-color: rgba(20,20,20,.08);\n}\n*::part(defaultbutton-base):active{\n  background-color: rgba(20,20,20,.16);\n}\n*::part(defaultbutton-base):focus{\n  box-shadow: none;\n}\n*::part(primarybutton-base){\n  background-color: var(--sl-color-primary-400);\n  color: var(--sl-color-white);\n  border-color: var(--sl-color-primary-400);\n}\n*::part(primarybutton-base):hover{\n  background-color: var(--sl-color-primary-300);\n  border-color: var(--sl-color-primary-300);\n}\n*::part(primarybutton-base):active{\n  background-color: var(--sl-color-primary-500);\n  border-color: var(--sl-color-primary-500);\n}\n\n*::part(primarybutton-base):focus{\n  box-shadow: none;\n}\n\n*::part(input-label), *::part(select-label), *::part(textarea-label){\n  font-size: var(--sl-input-font-size-small);\n  font-weight: var(--sl-font-weight-semibold);\n}\n\nsl-input::part(label){\n  font-size: var(--sl-input-label-font-size-small);\n  font-weight: var(--sl-font-weight-semibold);\n}\n\n*::part(menuitem-base):hover{\n  background-color: var(--sl-color-gray-200);\n  color: var(--sl-color-gray-700);\n}\n\n.poweredBy {\n  color: var(--sl-color-gray-400);\n  font-size: var(--sl-font-size-xx-small);\n}\n\n.poweredBy:hover {\n  color: var(--sl-color-gray-900);\n}\n\n// The following commented out styles should be moved to Service Titan\n\n// stn-row[topmargin=\"x-large\"] {\n//   margin-top: var(--sl-spacing-x-large);\n// }\n\n// stn-wrapper-column {\n//   max-width: var(--sqm-content-max-width);\n//   margin: var(--sl-spacing-x-large) auto;\n//   background-color: var(--sqm-content-background);\n// }\n\n// stn-wrapper-column > :not(:first-child), stn-wrapper-item > :not(:first-child) {\n//   margin-top: var(--sl-spacing-medium);\n// }\n\n// stn-wrapper-item, stn-wrapper-column{\n//   display: flex;\n//   flex-direction: column;\n//   box-sizing: border-box;\n//   width: 100%;\n//   height: auto;\n// }\n// stn-wrapper-item {\n//   padding: var(--sl-spacing-large);\n//   background-color: var(--sqm-content-background);\n// }\n\n// stn-row {\n//   display: flex;\n// }\n\n// stn-row[gap=\"medium\"] > :not(:first-child) {\n//   margin-left: var(--sl-spacing-medium);\n// }\n\n// stn-row[space=\"even\"] > * {\n//   flex: 1 1 0;\n// }\n\n// *::part(erroralert-icon), *::part(successalert-icon){\n//   align-items: flex-start;\n//   padding-top: var(--sl-spacing-large);\n// }\n\n// *::part(erroralert-text){\n//   color: var(--sl-color-danger-500);\n// }\n\n// *::part(successalert-text) {\n//   color: var(--sl-color-success-600);\n// }\n\n// *::part(successalert-text),\n// *::part(erroralert-text) {\n//   font-size: var(--sl-font-size-medium);\n//   font-weight: var(--sl-font-weight-semibold);\n//   width: 100%;\n// }\n// *::part(successalert-subtext){\n//   font-size: var(--sl-font-size-medium);\n//   font-weight: var(--sl-font-weight-normal);\n//   color: var(--sl-color-gray-800);\n//   width: 100%;\n// }\n\n.FooterEmail{\n  text-decoration: none;\n  font-size: var(--sl-font-size-medium);\n  color: var(--sl-color-gray-800);\n  margin: 0px;\n  cursor:pointer;\n}\n\n\n\n";
+declare const style = "\n/* vietnamese */\n@font-face {\n  font-family: 'Nunito Sans';\n  font-style: normal;\n  font-weight: 400;\n  font-display: swap;\n  src: url(https://fonts.gstatic.com/s/nunitosans/v6/pe0qMImSLYBIv1o4X1M8cceyI9tScg.woff2) format('woff2');\n  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;\n}\n/* latin-ext */\n@font-face {\n  font-family: 'Nunito Sans';\n  font-style: normal;\n  font-weight: 400;\n  font-display: swap;\n  src: url(https://fonts.gstatic.com/s/nunitosans/v6/pe0qMImSLYBIv1o4X1M8ccezI9tScg.woff2) format('woff2');\n  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;\n}\n/* latin */\n@font-face {\n  font-family: 'Nunito Sans';\n  font-style: normal;\n  font-weight: 400;\n  font-display: swap;\n  src: url(https://fonts.gstatic.com/s/nunitosans/v6/pe0qMImSLYBIv1o4X1M8cce9I9s.woff2) format('woff2');\n  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;\n}\n/* vietnamese */\n@font-face {\n  font-family: 'Nunito Sans';\n  font-style: normal;\n  font-weight: 600;\n  font-display: swap;\n  src: url(https://fonts.gstatic.com/s/nunitosans/v6/pe03MImSLYBIv1o4X1M8cc9iB85iU1EQVg.woff2) format('woff2');\n  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;\n}\n/* latin-ext */\n@font-face {\n  font-family: 'Nunito Sans';\n  font-style: normal;\n  font-weight: 600;\n  font-display: swap;\n  src: url(https://fonts.gstatic.com/s/nunitosans/v6/pe03MImSLYBIv1o4X1M8cc9iB85jU1EQVg.woff2) format('woff2');\n  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;\n}\n/* latin */\n@font-face {\n  font-family: 'Nunito Sans';\n  font-style: normal;\n  font-weight: 600;\n  font-display: swap;\n  src: url(https://fonts.gstatic.com/s/nunitosans/v6/pe03MImSLYBIv1o4X1M8cc9iB85tU1E.woff2) format('woff2');\n  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;\n}\n/* vietnamese */\n@font-face {\n  font-family: 'Nunito Sans';\n  font-style: normal;\n  font-weight: 700;\n  font-display: swap;\n  src: url(https://fonts.gstatic.com/s/nunitosans/v6/pe03MImSLYBIv1o4X1M8cc8GBs5iU1EQVg.woff2) format('woff2');\n  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;\n}\n/* latin-ext */\n@font-face {\n  font-family: 'Nunito Sans';\n  font-style: normal;\n  font-weight: 700;\n  font-display: swap;\n  src: url(https://fonts.gstatic.com/s/nunitosans/v6/pe03MImSLYBIv1o4X1M8cc8GBs5jU1EQVg.woff2) format('woff2');\n  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;\n}\n/* latin */\n@font-face {\n  font-family: 'Nunito Sans';\n  font-style: normal;\n  font-weight: 700;\n  font-display: swap;\n  src: url(https://fonts.gstatic.com/s/nunitosans/v6/pe03MImSLYBIv1o4X1M8cc8GBs5tU1E.woff2) format('woff2');\n  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;\n}\nhtml {\n  visibility:hidden;\n}\n:root {\n  --sl-color-gray-50: hsl(0 0% 97.5%);\n  --sl-color-gray-100: hsl(240 4.8% 95.9%);\n  --sl-color-gray-200: hsl(240 5.9% 90%);\n  --sl-color-gray-300: hsl(240 4.9% 83.9%);\n  --sl-color-gray-400: hsl(240 5% 64.9%);\n  --sl-color-gray-500: hsl(240 3.8% 46.1%);\n  --sl-color-gray-600: hsl(240 5.2% 33.9%);\n  --sl-color-gray-700: hsl(240 5.3% 26.1%);\n  --sl-color-gray-800: hsl(240 3.7% 15.9%);\n  --sl-color-gray-900: hsl(240 5.9% 10%);\n  --sl-color-gray-950: hsl(240 7.3% 8%);\n\n  --sl-color-red-50: hsl(0 85.7% 97.3%);\n  --sl-color-red-100: hsl(0 93.3% 94.1%);\n  --sl-color-red-200: hsl(0 96.3% 89.4%);\n  --sl-color-red-300: hsl(0 93.5% 81.8%);\n  --sl-color-red-400: hsl(0 90.6% 70.8%);\n  --sl-color-red-500: hsl(0 84.2% 60.2%);\n  --sl-color-red-600: hsl(0 72.2% 50.6%);\n  --sl-color-red-700: hsl(0 73.7% 41.8%);\n  --sl-color-red-800: hsl(0 70% 35.3%);\n  --sl-color-red-900: hsl(0 62.8% 30.6%);\n  --sl-color-red-950: hsl(0 60% 19.6%);\n\n  --sl-color-orange-50: hsl(33.3 100% 96.5%);\n  --sl-color-orange-100: hsl(34.3 100% 91.8%);\n  --sl-color-orange-200: hsl(32.1 97.7% 83.1%);\n  --sl-color-orange-300: hsl(30.7 97.2% 72.4%);\n  --sl-color-orange-400: hsl(27 96% 61%);\n  --sl-color-orange-500: hsl(24.6 95% 53.1%);\n  --sl-color-orange-600: hsl(20.5 90.2% 48.2%);\n  --sl-color-orange-700: hsl(17.5 88.3% 40.4%);\n  --sl-color-orange-800: hsl(15 79.1% 33.7%);\n  --sl-color-orange-900: hsl(15.3 74.6% 27.8%);\n  --sl-color-orange-950: hsl(15.2 69.1% 19%);\n\n  --sl-color-amber-50: hsl(48 100% 96.1%);\n  --sl-color-amber-100: hsl(48 96.5% 88.8%);\n  --sl-color-amber-200: hsl(48 96.6% 76.7%);\n  --sl-color-amber-300: hsl(45.9 96.7% 64.5%);\n  --sl-color-amber-400: hsl(43.3 96.4% 56.3%);\n  --sl-color-amber-500: hsl(37.7 92.1% 50.2%);\n  --sl-color-amber-600: hsl(32.1 94.6% 43.7%);\n  --sl-color-amber-700: hsl(26 90.5% 37.1%);\n  --sl-color-amber-800: hsl(22.7 82.5% 31.4%);\n  --sl-color-amber-900: hsl(21.7 77.8% 26.5%);\n  --sl-color-amber-950: hsl(22.9 74.1% 16.7%);\n\n  --sl-color-yellow-50: hsl(54.5 91.7% 95.3%);\n  --sl-color-yellow-100: hsl(54.9 96.7% 88%);\n  --sl-color-yellow-200: hsl(52.8 98.3% 76.9%);\n  --sl-color-yellow-300: hsl(50.4 97.8% 63.5%);\n  --sl-color-yellow-400: hsl(47.9 95.8% 53.1%);\n  --sl-color-yellow-500: hsl(45.4 93.4% 47.5%);\n  --sl-color-yellow-600: hsl(40.6 96.1% 40.4%);\n  --sl-color-yellow-700: hsl(35.5 91.7% 32.9%);\n  --sl-color-yellow-800: hsl(31.8 81% 28.8%);\n  --sl-color-yellow-900: hsl(28.4 72.5% 25.7%);\n  --sl-color-yellow-950: hsl(33.1 69% 13.9%);\n\n  --sl-color-lime-50: hsl(78.3 92% 95.1%);\n  --sl-color-lime-100: hsl(79.6 89.1% 89.2%);\n  --sl-color-lime-200: hsl(80.9 88.5% 79.6%);\n  --sl-color-lime-300: hsl(82 84.5% 67.1%);\n  --sl-color-lime-400: hsl(82.7 78% 55.5%);\n  --sl-color-lime-500: hsl(83.7 80.5% 44.3%);\n  --sl-color-lime-600: hsl(84.8 85.2% 34.5%);\n  --sl-color-lime-700: hsl(85.9 78.4% 27.3%);\n  --sl-color-lime-800: hsl(86.3 69% 22.7%);\n  --sl-color-lime-900: hsl(87.6 61.2% 20.2%);\n  --sl-color-lime-950: hsl(86.5 60.6% 13.9%);\n\n  --sl-color-green-50: hsl(138.5 76.5% 96.7%);\n  --sl-color-green-100: hsl(140.6 84.2% 92.5%);\n  --sl-color-green-200: hsl(141 78.9% 85.1%);\n  --sl-color-green-300: hsl(141.7 76.6% 73.1%);\n  --sl-color-green-400: hsl(141.9 69.2% 58%);\n  --sl-color-green-500: hsl(142.1 70.6% 45.3%);\n  --sl-color-green-600: hsl(142.1 76.2% 36.3%);\n  --sl-color-green-700: hsl(142.4 71.8% 29.2%);\n  --sl-color-green-800: hsl(142.8 64.2% 24.1%);\n  --sl-color-green-900: hsl(143.8 61.2% 20.2%);\n  --sl-color-green-950: hsl(144.3 60.7% 12%);\n\n  --sl-color-emerald-50: hsl(151.8 81% 95.9%);\n  --sl-color-emerald-100: hsl(149.3 80.4% 90%);\n  --sl-color-emerald-200: hsl(152.4 76% 80.4%);\n  --sl-color-emerald-300: hsl(156.2 71.6% 66.9%);\n  --sl-color-emerald-400: hsl(158.1 64.4% 51.6%);\n  --sl-color-emerald-500: hsl(160.1 84.1% 39.4%);\n  --sl-color-emerald-600: hsl(161.4 93.5% 30.4%);\n  --sl-color-emerald-700: hsl(162.9 93.5% 24.3%);\n  --sl-color-emerald-800: hsl(163.1 88.1% 19.8%);\n  --sl-color-emerald-900: hsl(164.2 85.7% 16.5%);\n  --sl-color-emerald-950: hsl(164.3 87.5% 9.4%);\n\n  --sl-color-teal-50: hsl(166.2 76.5% 96.7%);\n  --sl-color-teal-100: hsl(167.2 85.5% 89.2%);\n  --sl-color-teal-200: hsl(168.4 83.8% 78.2%);\n  --sl-color-teal-300: hsl(170.6 76.9% 64.3%);\n  --sl-color-teal-400: hsl(172.5 66% 50.4%);\n  --sl-color-teal-500: hsl(173.4 80.4% 40%);\n  --sl-color-teal-600: hsl(174.7 83.9% 31.6%);\n  --sl-color-teal-700: hsl(175.3 77.4% 26.1%);\n  --sl-color-teal-800: hsl(176.1 69.4% 21.8%);\n  --sl-color-teal-900: hsl(175.9 60.8% 19%);\n  --sl-color-teal-950: hsl(176.5 58.6% 11.4%);\n\n  --sl-color-cyan-50: hsl(183.2 100% 96.3%);\n  --sl-color-cyan-100: hsl(185.1 95.9% 90.4%);\n  --sl-color-cyan-200: hsl(186.2 93.5% 81.8%);\n  --sl-color-cyan-300: hsl(187 92.4% 69%);\n  --sl-color-cyan-400: hsl(187.9 85.7% 53.3%);\n  --sl-color-cyan-500: hsl(188.7 94.5% 42.7%);\n  --sl-color-cyan-600: hsl(191.6 91.4% 36.5%);\n  --sl-color-cyan-700: hsl(192.9 82.3% 31%);\n  --sl-color-cyan-800: hsl(194.4 69.6% 27.1%);\n  --sl-color-cyan-900: hsl(196.4 63.6% 23.7%);\n  --sl-color-cyan-950: hsl(196.8 61% 16.1%);\n\n  --sl-color-sky-50: hsl(204 100% 97.1%);\n  --sl-color-sky-100: hsl(204 93.8% 93.7%);\n  --sl-color-sky-200: hsl(200.6 94.4% 86.1%);\n  --sl-color-sky-300: hsl(199.4 95.5% 73.9%);\n  --sl-color-sky-400: hsl(198.4 93.2% 59.6%);\n  --sl-color-sky-500: hsl(198.6 88.7% 48.4%);\n  --sl-color-sky-600: hsl(200.4 98% 39.4%);\n  --sl-color-sky-700: hsl(201.3 96.3% 32.2%);\n  --sl-color-sky-800: hsl(201 90% 27.5%);\n  --sl-color-sky-900: hsl(202 80.3% 23.9%);\n  --sl-color-sky-950: hsl(202.3 73.8% 16.5%);\n\n  --sl-color-blue-50: hsl(213.8 100% 96.9%);\n  --sl-color-blue-100: hsl(214.3 94.6% 92.7%);\n  --sl-color-blue-200: hsl(213.3 96.9% 87.3%);\n  --sl-color-blue-300: hsl(211.7 96.4% 78.4%);\n  --sl-color-blue-400: hsl(213.1 93.9% 67.8%);\n  --sl-color-blue-500: hsl(217.2 91.2% 59.8%);\n  --sl-color-blue-600: hsl(221.2 83.2% 53.3%);\n  --sl-color-blue-700: hsl(224.3 76.3% 48%);\n  --sl-color-blue-800: hsl(225.9 70.7% 40.2%);\n  --sl-color-blue-900: hsl(224.4 64.3% 32.9%);\n  --sl-color-blue-950: hsl(226.2 55.3% 18.4%);\n\n  --sl-color-indigo-50: hsl(225.9 100% 96.7%);\n  --sl-color-indigo-100: hsl(226.5 100% 93.9%);\n  --sl-color-indigo-200: hsl(228 96.5% 88.8%);\n  --sl-color-indigo-300: hsl(229.7 93.5% 81.8%);\n  --sl-color-indigo-400: hsl(234.5 89.5% 73.9%);\n  --sl-color-indigo-500: hsl(238.7 83.5% 66.7%);\n  --sl-color-indigo-600: hsl(243.4 75.4% 58.6%);\n  --sl-color-indigo-700: hsl(244.5 57.9% 50.6%);\n  --sl-color-indigo-800: hsl(243.7 54.5% 41.4%);\n  --sl-color-indigo-900: hsl(242.2 47.4% 34.3%);\n  --sl-color-indigo-950: hsl(243.5 43.6% 22.9%);\n\n  --sl-color-violet-50: hsl(250 100% 97.6%);\n  --sl-color-violet-100: hsl(251.4 91.3% 95.5%);\n  --sl-color-violet-200: hsl(250.5 95.2% 91.8%);\n  --sl-color-violet-300: hsl(252.5 94.7% 85.1%);\n  --sl-color-violet-400: hsl(255.1 91.7% 76.3%);\n  --sl-color-violet-500: hsl(258.3 89.5% 66.3%);\n  --sl-color-violet-600: hsl(262.1 83.3% 57.8%);\n  --sl-color-violet-700: hsl(263.4 70% 50.4%);\n  --sl-color-violet-800: hsl(263.4 69.3% 42.2%);\n  --sl-color-violet-900: hsl(263.5 67.4% 34.9%);\n  --sl-color-violet-950: hsl(265.1 61.5% 21.4%);\n\n  --sl-color-purple-50: hsl(270 100% 98%);\n  --sl-color-purple-100: hsl(268.7 100% 95.5%);\n  --sl-color-purple-200: hsl(268.6 100% 91.8%);\n  --sl-color-purple-300: hsl(269.2 97.4% 85.1%);\n  --sl-color-purple-400: hsl(270 95.2% 75.3%);\n  --sl-color-purple-500: hsl(270.7 91% 65.1%);\n  --sl-color-purple-600: hsl(271.5 81.3% 55.9%);\n  --sl-color-purple-700: hsl(272.1 71.7% 47.1%);\n  --sl-color-purple-800: hsl(272.9 67.2% 39.4%);\n  --sl-color-purple-900: hsl(273.6 65.6% 32%);\n  --sl-color-purple-950: hsl(276 59.5% 16.5%);\n\n  --sl-color-fuchsia-50: hsl(289.1 100% 97.8%);\n  --sl-color-fuchsia-100: hsl(287 100% 95.5%);\n  --sl-color-fuchsia-200: hsl(288.3 95.8% 90.6%);\n  --sl-color-fuchsia-300: hsl(291.1 93.1% 82.9%);\n  --sl-color-fuchsia-400: hsl(292 91.4% 72.5%);\n  --sl-color-fuchsia-500: hsl(292.2 84.1% 60.6%);\n  --sl-color-fuchsia-600: hsl(293.4 69.5% 48.8%);\n  --sl-color-fuchsia-700: hsl(294.7 72.4% 39.8%);\n  --sl-color-fuchsia-800: hsl(295.4 70.2% 32.9%);\n  --sl-color-fuchsia-900: hsl(296.7 63.6% 28%);\n  --sl-color-fuchsia-950: hsl(297.1 56.8% 14.5%);\n\n  --sl-color-pink-50: hsl(327.3 73.3% 97.1%);\n  --sl-color-pink-100: hsl(325.7 77.8% 94.7%);\n  --sl-color-pink-200: hsl(325.9 84.6% 89.8%);\n  --sl-color-pink-300: hsl(327.4 87.1% 81.8%);\n  --sl-color-pink-400: hsl(328.6 85.5% 70.2%);\n  --sl-color-pink-500: hsl(330.4 81.2% 60.4%);\n  --sl-color-pink-600: hsl(333.3 71.4% 50.6%);\n  --sl-color-pink-700: hsl(335.1 77.6% 42%);\n  --sl-color-pink-800: hsl(335.8 74.4% 35.3%);\n  --sl-color-pink-900: hsl(335.9 69% 30.4%);\n  --sl-color-pink-950: hsl(336.2 65.4% 15.9%);\n\n  --sl-color-rose-50: hsl(355.7 100% 97.3%);\n  --sl-color-rose-100: hsl(355.6 100% 94.7%);\n  --sl-color-rose-200: hsl(352.7 96.1% 90%);\n  --sl-color-rose-300: hsl(352.6 95.7% 81.8%);\n  --sl-color-rose-400: hsl(351.3 94.5% 71.4%);\n  --sl-color-rose-500: hsl(349.7 89.2% 60.2%);\n  --sl-color-rose-600: hsl(346.8 77.2% 49.8%);\n  --sl-color-rose-700: hsl(345.3 82.7% 40.8%);\n  --sl-color-rose-800: hsl(343.4 79.7% 34.7%);\n  --sl-color-rose-900: hsl(341.5 75.5% 30.4%);\n  --sl-color-rose-950: hsl(341.3 70.1% 17.1%);\n\n  --sl-color-black: #141414;\n  --sl-color-white: #fff;\n\n  --sl-color-neutral-50: var(--sl-color-gray-50);\n  --sl-color-neutral-100: var(--sl-color-gray-100);\n  --sl-color-neutral-200: var(--sl-color-gray-200);\n  --sl-color-neutral-300: var(--sl-color-gray-300);\n  --sl-color-neutral-400: var(--sl-color-gray-400);\n  --sl-color-neutral-500: var(--sl-color-gray-500);\n  --sl-color-neutral-600: var(--sl-color-gray-600);\n  --sl-color-neutral-700: var(--sl-color-gray-700);\n  --sl-color-neutral-800: var(--sl-color-gray-800);\n  --sl-color-neutral-900: var(--sl-color-gray-900);\n  --sl-color-neutral-950: var(--sl-color-gray-950);\n\n  --sl-color-neutral-0: hsl(0, 0%, 100%);\n  --sl-color-neutral-1000: hsl(0, 0%, 0%);\n\n  --sl-color-primary-50: var(--sl-color-sky-50);\n  --sl-color-primary-100: var(--sl-color-sky-100);\n  --sl-color-primary-200: var(--sl-color-sky-200);\n  --sl-color-primary-300: var(--sl-color-sky-300);\n  --sl-color-primary-400: var(--sl-color-sky-400);\n  --sl-color-primary-500: var(--sl-color-sky-500);\n  --sl-color-primary-600: var(--sl-color-sky-600);\n  --sl-color-primary-700: var(--sl-color-sky-700);\n  --sl-color-primary-800: var(--sl-color-sky-800);\n  --sl-color-primary-900: var(--sl-color-sky-900);\n  --sl-color-primary-950: var(--sl-color-sky-950);\n  --sl-color-primary-text: var(--sl-color-white);\n\n  --sl-color-success-50: var(--sl-color-green-50);\n  --sl-color-success-100: var(--sl-color-green-100);\n  --sl-color-success-200: var(--sl-color-green-200);\n  --sl-color-success-300: var(--sl-color-green-300);\n  --sl-color-success-400: var(--sl-color-green-400);\n  --sl-color-success-500: var(--sl-color-green-500);\n  --sl-color-success-600: var(--sl-color-green-600);\n  --sl-color-success-700: var(--sl-color-green-700);\n  --sl-color-success-800: var(--sl-color-green-800);\n  --sl-color-success-900: var(--sl-color-green-900);\n  --sl-color-success-950: var(--sl-color-green-950);\n  --sl-color-success-text: var(--sl-color-white);\n\n  --sl-color-info-50: var(--sl-color-gray-50);\n  --sl-color-info-100: var(--sl-color-gray-100);\n  --sl-color-info-200: var(--sl-color-gray-200);\n  --sl-color-info-300: var(--sl-color-gray-300);\n  --sl-color-info-400: var(--sl-color-gray-400);\n  --sl-color-info-500: var(--sl-color-gray-500);\n  --sl-color-info-600: var(--sl-color-gray-600);\n  --sl-color-info-700: var(--sl-color-gray-700);\n  --sl-color-info-800: var(--sl-color-gray-800);\n  --sl-color-info-900: var(--sl-color-gray-900);\n  --sl-color-info-950: var(--sl-color-gray-950);\n\n  --sl-color-warning-50: var(--sl-color-amber-50);\n  --sl-color-warning-100: var(--sl-color-amber-100);\n  --sl-color-warning-200: var(--sl-color-amber-200);\n  --sl-color-warning-300: var(--sl-color-amber-300);\n  --sl-color-warning-400: var(--sl-color-amber-400);\n  --sl-color-warning-500: var(--sl-color-amber-500);\n  --sl-color-warning-600: var(--sl-color-amber-600);\n  --sl-color-warning-700: var(--sl-color-amber-700);\n  --sl-color-warning-800: var(--sl-color-amber-800);\n  --sl-color-warning-900: var(--sl-color-amber-900);\n  --sl-color-warning-950: var(--sl-color-amber-950);\n  --sl-color-warning-text: var(--sl-color-white);\n\n  --sl-color-danger-50: var(--sl-color-red-50);\n  --sl-color-danger-100: var(--sl-color-red-100);\n  --sl-color-danger-200: var(--sl-color-red-200);\n  --sl-color-danger-300: var(--sl-color-red-300);\n  --sl-color-danger-400: var(--sl-color-red-400);\n  --sl-color-danger-500: var(--sl-color-red-500);\n  --sl-color-danger-600: var(--sl-color-red-600);\n  --sl-color-danger-700: var(--sl-color-red-700);\n  --sl-color-danger-800: var(--sl-color-red-800);\n  --sl-color-danger-900: var(--sl-color-red-900);\n  --sl-color-danger-950: var(--sl-color-red-950);\n  --sl-color-danger-text: var(--sl-color-white);\n\n  --sl-border-radius-small: 0.125rem;\n  --sl-border-radius-medium: 0.25rem;\n  --sl-border-radius-large: 0.5rem;\n  --sl-border-radius-x-large: 1rem;\n  --sl-border-radius-circle: 50%;\n  --sl-border-radius-pill: 9999px;\n  --sl-shadow-x-small: 0 1px 0 #0d131e0d;\n  --sl-shadow-small: 0 1px 2px #0d131e1a;\n  --sl-shadow-medium: 0 2px 4px #0d131e1a;\n  --sl-shadow-large: 0 2px 8px #0d131e1a;\n  --sl-shadow-x-large: 0 4px 16px #0d131e1a;\n  /** LV: Could use the Anvil spacing rules, but probably not necessary **/\n  --sl-spacing-xxx-small: 0.125rem;\n  --sl-spacing-xx-small: 0.25rem;\n  --sl-spacing-x-small: 0.5rem;\n  --sl-spacing-small: 0.75rem;\n  --sl-spacing-medium: 1rem;\n  --sl-spacing-large: 1.25rem;\n  --sl-spacing-x-large: 1.75rem;\n  --sl-spacing-xx-large: 2.25rem;\n  --sl-spacing-xxx-large: 3rem;\n  --sl-spacing-xxxx-large: 4.5rem;\n  --sl-transition-x-slow: 1000ms;\n  --sl-transition-slow: 500ms;\n  --sl-transition-medium: 250ms;\n  --sl-transition-fast: 150ms;\n  --sl-transition-x-fast: 50ms;\n  --sl-font-mono: SFMono-Regular, Consolas, \"Liberation Mono\", Menlo, monospace;\n  --sl-font-sans: \"Nunito Sans\", sans;\n  --sl-font-serif: Georgia, \"Times New Roman\", serif;\n  --sl-font-size-xx-small: 0.625rem;\n  --sl-font-size-x-small: 0.75rem;\n  --sl-font-size-small: 0.875rem;\n  --sl-font-size-medium: 1rem;\n  --sl-font-size-large: 1.25rem;\n  --sl-font-size-x-large: 1.5rem;\n  --sl-font-size-xx-large: 2.25rem;\n  --sl-font-size-xxx-large: 3rem;\n  --sl-font-size-xxxx-large: 4.5rem;\n  --sl-font-weight-light: 300;\n  --sl-font-weight-normal: 400;\n  --sl-font-weight-semibold: 600;\n  --sl-font-weight-bold: 700;\n  --sl-letter-spacing-dense: -0.015em;\n  --sl-letter-spacing-normal: normal;\n  --sl-letter-spacing-loose: 0.075em;\n  --sl-line-height-dense: 1.4;\n  --sl-line-height-normal: 1.8;\n  --sl-line-height-loose: 2.2;\n  --sl-focus-ring-color-primary: #0ea5e954;\n  --sl-focus-ring-color-success: #22c55e54;\n  --sl-focus-ring-color-info: #6b728054;\n  --sl-focus-ring-color-warning: #f59e0b54;\n  --sl-focus-ring-color-danger: #ef444454;\n  --sl-focus-ring-width: 3px;\n  --sl-button-font-size-small: var(--sl-font-size-x-small);\n  --sl-button-font-size-medium: var(--sl-font-size-small);\n  --sl-button-font-size-large: var(--sl-font-size-medium);\n  --sl-input-height-small: 1.875rem;\n  --sl-input-height-medium: 2.5rem;\n  --sl-input-height-large: 3.125rem;\n  --sl-input-background-color: var(--sl-color-white);\n  --sl-input-background-color-hover: var(--sl-color-white);\n  --sl-input-background-color-focus: var(--sl-color-white);\n  --sl-input-background-color-disabled: var(--sl-color-gray-100);\n  --sl-input-border-color: var(--sl-color-gray-300);\n  --sl-input-border-color-hover: var(--sl-color-gray-400);\n  --sl-input-border-color-focus: var(--sl-color-primary-500);\n  --sl-input-border-color-disabled: var(--sl-color-gray-300);\n  --sl-input-border-width: 1px;\n  --sl-input-border-radius-small: var(--sl-border-radius-medium);\n  --sl-input-border-radius-medium: var(--sl-border-radius-medium);\n  --sl-input-border-radius-large: var(--sl-border-radius-medium);\n  --sl-input-font-family: var(--sl-font-sans);\n  --sl-input-font-weight: var(--sl-font-weight-normal);\n  --sl-input-font-size-small: var(--sl-font-size-small);\n  --sl-input-font-size-medium: var(--sl-font-size-medium);\n  --sl-input-font-size-large: var(--sl-font-size-large);\n  --sl-input-letter-spacing: var(--sl-letter-spacing-normal);\n  --sl-input-color: var(--sl-color-gray-700);\n  --sl-input-color-hover: var(--sl-color-gray-700);\n  --sl-input-color-focus: var(--sl-color-gray-700);\n  --sl-input-color-disabled: var(--sl-color-gray-900);\n  --sl-input-icon-color: var(--sl-color-gray-400);\n  --sl-input-icon-color-hover: var(--sl-color-gray-600);\n  --sl-input-icon-color-focus: var(--sl-color-gray-600);\n  --sl-input-placeholder-color: var(--sl-color-gray-400);\n  --sl-input-placeholder-color-disabled: var(--sl-color-gray-600);\n  --sl-input-spacing-small: var(--sl-spacing-small);\n  --sl-input-spacing-medium: var(--sl-spacing-medium);\n  --sl-input-spacing-large: var(--sl-spacing-large);\n  --sl-input-label-font-size-small: var(--sl-font-size-small);\n  --sl-input-label-font-size-medium: var(--sl-font-size-medium);\n  --sl-input-label-font-size-large: var(--sl-font-size-large);\n  --sl-input-label-color: inherit;\n  --sl-input-help-text-font-size-small: var(--sl-font-size-x-small);\n  --sl-input-help-text-font-size-medium: var(--sl-font-size-small);\n  --sl-input-help-text-font-size-large: var(--sl-font-size-medium);\n  --sl-input-help-text-color: var(--sl-color-gray-400);\n  --sl-toggle-size: 1rem;\n  --sl-overlay-background-color: #37415180;\n  --sl-panel-background-color: var(--sl-color-white);\n  --sl-panel-border-color: var(--sl-color-gray-200);\n  --sl-tooltip-border-radius: var(--sl-border-radius-medium);\n  --sl-tooltip-background-color: var(--sl-color-gray-900);\n  --sl-tooltip-color: var(--sl-color-white);\n  --sl-tooltip-font-family: var(--sl-font-sans);\n  --sl-tooltip-font-weight: var(--sl-font-weight-normal);\n  --sl-tooltip-font-size: var(--sl-font-size-small);\n  --sl-tooltip-line-height: var(--sl-line-height-dense);\n  --sl-tooltip-padding: var(--sl-spacing-xxx-small) var(--sl-spacing-x-small);\n  --sl-tooltip-arrow-size: 5px;\n  --sl-tooltip-arrow-start-end-offset: 8px;\n  --sl-z-index-drawer: 700;\n  --sl-z-index-dialog: 800;\n  --sl-z-index-dropdown: 900;\n  --sl-z-index-toast: 950;\n  --sl-z-index-tooltip: 1000;\n}\n:root {\n  --sqm-header-background: var(--sl-color-white);\n  --sqm-footer-background: var(--sl-color-white);\n\n  // --st-color-text-error, --st-content-max-width, --st-content-background, and --st-portal-background are no longer provided by mint-component\n  // These variables should be supplied by the Service Titan project\n\n  --sqm-color-text-error: #e63717;\n  --sqm-content-max-width: 700px;\n  --sqm-content-background: var(--sl-color-white);\n  --sqm-portal-background: var(--sl-color-gray-50);\n  --widget-background-color: var(--sl-color-white);\n  --sqm-portal-main-width: 900px;\n  --sqm-max-width: 1280px;\n}\nbody {\n  font-family: var(--sl-font-sans);\n  font-size: var(--sl-font-size-medium);\n  font-weight: var(--sl-font-weight-normal);\n  letter-spacing: var(--sl-letter-spacing-small);\n  color: var(--sl-color-gray-800);\n  line-height: var(--sl-line-height-normal);\n  margin: 0;\n  background-color: var(--sqm-portal-background);\n}\na,\na:visited {\n  text-decoration: none;\n  color: var(--sl-color-primary-500);\n}\na:hover {\n  color: var(--sl-color-primary-600);\n}\nh2, .Title {\n  font-size: var(--sl-font-size-large);\n  font-weight: var(--sl-font-weight-semibold);\n  margin: 0;\n}\n.H4 {\n  font-size: var(--sl-font-size-medium);\n  font-weight: var(--sl-font-weight-semibold);\n  margin: 0;\n}\n.P {\n  font-size: var(--sl-font-size-small);\n  color: var(--sl-color-gray-800);\n  margin-top: 0px;\n}\n\n.Title {\n  text-align: center;\n}\n\n.Subtitle {\n  text-align: center;\n  margin-bottom: 0px;\n  color: var(--sl-color-gray-500);\n}\n.SupportText{\n  margin-top: var(--sl-spacing-small);\n  text-align: center;\n}\n\nsl-button::part(base){\n  width: 100%;\n}\n\nsqm-share-button{\n  flex: 1;\n}\n\nsqm-hero img {\n  max-width: 100%;\n  display: block;\n}\n\nsl-details::part(base){\n  background-color: var(--sl-color-white);\n  border-color: var(--sl-color-gray-300)\n}\nsl-details::part(summary) {\n  font-size: var(--sl-font-size-medium);\n  font-weight: var(--sl-font-weight-semibold);\n  margin: 0px;\n}\n*::part(defaultbutton-base){\n  background-color: rgba(0,0,0,0);\n  color: var(--sl-color-gray-800);\n  border-color: var(--sl-color-gray-800);\n}\n*::part(defaultbutton-base):hover{\n  background-color: rgba(20,20,20,.08);\n}\n*::part(defaultbutton-base):active{\n  background-color: rgba(20,20,20,.16);\n}\n*::part(defaultbutton-base):focus{\n  box-shadow: none;\n}\n*::part(primarybutton-base){\n  background-color: var(--sl-color-primary-400);\n  color: var(--sl-color-white);\n  border-color: var(--sl-color-primary-400);\n}\n*::part(primarybutton-base):hover{\n  background-color: var(--sl-color-primary-300);\n  border-color: var(--sl-color-primary-300);\n}\n*::part(primarybutton-base):active{\n  background-color: var(--sl-color-primary-500);\n  border-color: var(--sl-color-primary-500);\n}\n\n*::part(primarybutton-base):focus{\n  box-shadow: none;\n}\n\n*::part(input-label), *::part(select-label), *::part(textarea-label){\n  font-size: var(--sl-input-font-size-small);\n  font-weight: var(--sl-font-weight-semibold);\n}\n\nsl-input::part(label){\n  font-size: var(--sl-input-label-font-size-small);\n  font-weight: var(--sl-font-weight-semibold);\n}\n\n*::part(menuitem-base):hover{\n  background-color: var(--sl-color-gray-200);\n  color: var(--sl-color-gray-700);\n}\n\n.poweredBy {\n  color: var(--sl-color-gray-400);\n  font-size: var(--sl-font-size-xx-small);\n}\n\n.poweredBy:hover {\n  color: var(--sl-color-gray-900);\n}\n\n// The following commented out styles should be moved to Service Titan\n\n// stn-row[topmargin=\"x-large\"] {\n//   margin-top: var(--sl-spacing-x-large);\n// }\n\n// stn-wrapper-column {\n//   max-width: var(--sqm-content-max-width);\n//   margin: var(--sl-spacing-x-large) auto;\n//   background-color: var(--sqm-content-background);\n// }\n\n// stn-wrapper-column > :not(:first-child), stn-wrapper-item > :not(:first-child) {\n//   margin-top: var(--sl-spacing-medium);\n// }\n\n// stn-wrapper-item, stn-wrapper-column{\n//   display: flex;\n//   flex-direction: column;\n//   box-sizing: border-box;\n//   width: 100%;\n//   height: auto;\n// }\n// stn-wrapper-item {\n//   padding: var(--sl-spacing-large);\n//   background-color: var(--sqm-content-background);\n// }\n\n// stn-row {\n//   display: flex;\n// }\n\n// stn-row[gap=\"medium\"] > :not(:first-child) {\n//   margin-left: var(--sl-spacing-medium);\n// }\n\n// stn-row[space=\"even\"] > * {\n//   flex: 1 1 0;\n// }\n\n// *::part(erroralert-icon), *::part(successalert-icon){\n//   align-items: flex-start;\n//   padding-top: var(--sl-spacing-large);\n// }\n\n// *::part(erroralert-text){\n//   color: var(--sl-color-danger-500);\n// }\n\n// *::part(successalert-text) {\n//   color: var(--sl-color-success-600);\n// }\n\n// *::part(successalert-text),\n// *::part(erroralert-text) {\n//   font-size: var(--sl-font-size-medium);\n//   font-weight: var(--sl-font-weight-semibold);\n//   width: 100%;\n// }\n// *::part(successalert-subtext){\n//   font-size: var(--sl-font-size-medium);\n//   font-weight: var(--sl-font-weight-normal);\n//   color: var(--sl-color-gray-800);\n//   width: 100%;\n// }\n\n.FooterEmail{\n  text-decoration: none;\n  font-size: var(--sl-font-size-medium);\n  color: var(--sl-color-gray-800);\n  margin: 0px;\n  cursor:pointer;\n}\n\n\n\n";
 export default style;