@propelinc/citrus-ui 1.0.1 → 1.0.3

package/README.md

@@ -17,50 +17,49 @@ Questions? Ask for eng help in [#unit-eng-frontend-libraries](https://propel-tea
 
 ## CDN Usage
 
-citrus-ui is published to npm as `@propelinc/citrus-ui` and can be loaded via jsDelivr or unpkg. The following peer dependencies must be loaded separately.
+citrus-ui publishes two builds:
 
-> **Note:** `@fortawesome/pro-*` packages require a paid FontAwesome Pro license and are not available on public CDNs. Components that use icons (`CButton`, `CLabel`, `CCheckbox`, `CTextField`, `CSelect`, and others) will not render icons without FontAwesome Pro. See [CDN challenges](#cdn-challenges) below.
+| Build   | File                 | Description                                                                       |
+| ------- | -------------------- | --------------------------------------------------------------------------------- |
+| **npm** | `dist/index.mjs`     | Dependencies externalized — for bundler-based projects                            |
+| **CDN** | `dist/index.cdn.mjs` | All dependencies bundled except `vue` and `vue-router` — for `<script>` tag usage |
+
+The CDN build only requires `vue` and `vue-router` to be loaded separately. Everything else (Shoelace, FontAwesome, dayjs, lodash, maska, scroll-into-view-if-needed, core-js, i18next) is bundled in.
 
 ```html
-<!-- Shoelace styles + assets -->
+<!-- Shoelace styles + assets (still needed for CSS/icons, but JS is bundled) -->
 <link
   rel="stylesheet"
   href="https://cdn.jsdelivr.net/npm/@shoelace-style/shoelace@2.15.0/cdn/themes/light.css"
 />
-<script type="module">
-  import { setBasePath } from 'https://cdn.jsdelivr.net/npm/@shoelace-style/shoelace@2.15.0/cdn/shoelace-autoloader.js';
-  setBasePath('https://cdn.jsdelivr.net/npm/@shoelace-style/shoelace@2.15.0/cdn/');
-</script>
-
-<!-- FontAwesome Pro (self-hosted — not available on public CDNs) -->
-<script src="YOUR_SELF_HOSTED_FONTAWESOME_PRO_URL"></script>
 
 <!-- citrus-ui styles -->
 <link
   rel="stylesheet"
-  href="https://cdn.jsdelivr.net/npm/@propelinc/citrus-ui@1.0.0/dist/styles/main.css"
+  href="https://cdn.jsdelivr.net/npm/@propelinc/citrus-ui/dist/styles/main.css"
 />
 
 <!-- citrus-ui + Vue -->
 <script type="module">
   import { createApp } from 'https://cdn.jsdelivr.net/npm/vue@3/dist/vue.esm-browser.prod.js';
-  import CitrusUi from 'https://cdn.jsdelivr.net/npm/@propelinc/citrus-ui@1.0.0/dist/index.mjs';
+  import {
+    createRouter,
+    createWebHistory,
+  } from 'https://cdn.jsdelivr.net/npm/vue-router@4/dist/vue-router.esm-browser.js';
+  import CitrusUi from 'https://cdn.jsdelivr.net/npm/@propelinc/citrus-ui/dist/index.cdn.mjs';
+
+  const router = createRouter({
+    history: createWebHistory(),
+    routes: [
+      /* ... */
+    ],
+  });
 
   const app = createApp({
     /* ... */
   });
+  app.use(router);
   app.use(CitrusUi);
   app.mount('#app');
 </script>
 ```
-
-### CDN Challenges
-
-| Dependency                                  | CDN available? | Notes                                                 |
-| ------------------------------------------- | -------------- | ----------------------------------------------------- |
-| `vue`                                       | ✅             | jsDelivr / unpkg                                      |
-| `@shoelace-style/shoelace`                  | ✅             | Requires `setBasePath` to point at CDN assets         |
-| `dayjs`, `lodash`, `i18next`, `maska`, etc. | ✅             | All on public npm, available via CDN                  |
-| `@fortawesome/pro-*`                        | ❌             | Paid license, not on public npm — must be self-hosted |
-
-Because FontAwesome Pro cannot be served from a public CDN, components that render icons will require a self-hosted FontAwesome Pro bundle or an alternative delivery mechanism for those packages.

package/dist/index.cdn.css

@@ -0,0 +1 @@
+.c-accordion-item[data-v-5bf59e42]::part(base){background:transparent;border:none}.c-accordion-item[data-v-5bf59e42]::part(header){padding:16px}.c-accordion-item[data-v-5bf59e42]::part(summary){font-size:16px;font-weight:650;letter-spacing:.25px;line-height:140%;padding-right:16px}.c-accordion-item[data-v-5bf59e42]::part(summary-icon){rotate:0;transition-duration:.2s}.c-accordion-item[open][data-v-5bf59e42]::part(summary-icon){rotate:180deg}.c-accordion-item[data-v-5bf59e42]::part(content){padding:0 16px 16px}.c-accordion-item+.c-accordion-item[data-v-5bf59e42]{border-top:1px solid rgba(0,0,0,.1)}.c-accordion-item--fluid[data-v-5bf59e42]::part(content){padding:0}.c-accordion-item__header[data-v-5bf59e42]{width:100%}.c-accordion-item__content[data-v-5bf59e42]{box-sizing:border-box}.fade-enter-active[data-v-50e23043],.fade-leave-active[data-v-50e23043]{transition:opacity .3s ease-out}.fade-enter[data-v-50e23043],.fade-leave-to[data-v-50e23043]{opacity:0}.c-loader[data-v-ab29fb41]{display:inline-flex;font-size:var(--loader-size);height:1em;width:1em}.c-loader__svg[data-v-ab29fb41]{flex:1 1 auto;height:100%;overflow:visible;width:100%}.c-loader__indicator[data-v-ab29fb41],.c-loader__track[data-v-ab29fb41]{cx:.5em;cy:.5em;fill:none;r:calc(.5em - var(--track-width) / 2);stroke-width:var(--track-width)}.c-loader__indicator[data-v-ab29fb41]{animation:spin-ab29fb41 2s linear infinite;stroke:var(--indicator-color);stroke-dasharray:150% 75%;stroke-linecap:round;transform-origin:50% 50%}.c-loader__track[data-v-ab29fb41]{stroke:var(--track-color);transform-origin:0% 0%}@keyframes spin-ab29fb41{0%{stroke-dasharray:.05em 3em;transform:rotate(0)}50%{stroke-dasharray:1.375em 1.375em;transform:rotate(450deg)}to{stroke-dasharray:.05em 3em;transform:rotate(1080deg)}}.c-app-bar[data-v-c39a496d]{align-items:center;background-color:var(--c-app-bar-background-color);color:var(--c-app-bar-color);display:flex;gap:8px;height:42px;padding:0 8px}.c-app-bar--fixed[data-v-c39a496d]{left:0;position:fixed;right:0;top:env(safe-area-inset-top);z-index:5}.c-app-bar--border[data-v-c39a496d]{border-bottom:1px solid rgba(0,0,0,.1)}.c-app-bar__left[data-v-c39a496d]{align-items:center;display:flex;flex:none;min-width:40px;justify-content:flex-start}.c-app-bar__right[data-v-c39a496d]{align-items:center;display:flex;flex:none;min-width:40px;justify-content:flex-end}.c-app-bar__title[data-v-c39a496d]{font-size:16px;font-weight:650;letter-spacing:.25px;line-height:140%;flex:auto;overflow:hidden;text-align:center}.c-app-bar__loader[data-v-c39a496d]{transform:translateY(3px)}.c-app-bar__title-content[data-v-c39a496d]{font-size:16px;font-weight:650;letter-spacing:.25px;line-height:140%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.c-badge[data-v-dbf20410]{--height: 24px;font-size:12px;font-weight:700;letter-spacing:.5px;line-height:120%;text-transform:uppercase;background-color:var(--c-badge-background-color);border:none;border-radius:4px;color:var(--c-badge-text-color);display:inline-block;height:var(--height);line-height:var(--height);padding-inline:12px;white-space:nowrap}[data-v-58eb3097] .c-button+.c-button{margin-top:8px}.c-close-button[data-v-9db7ba0f]{align-items:center;border-radius:50%;cursor:pointer;display:flex;font-size:16px;height:36px;justify-content:center;padding:8px;width:36px;background-color:#fff;border-color:#fff;color:#000}.c-close-button[data-v-9db7ba0f]:hover{background-color:#fff;border-color:#fff;color:#000}.c-close-button[data-v-9db7ba0f]:focus{outline:var(--sl-focus-ring-width) solid var(--sl-focus-ring-color);outline-offset:var(--sl-focus-ring-offset)}.c-bottom-sheet[data-v-adb6a8a1]{--size: auto;--header-spacing: 24px;--body-spacing: 0;--bottom-padding: max(env(safe-area-inset-bottom, 0px), 16px);--footer-spacing: 12px 24px var(--bottom-padding)}.c-bottom-sheet[data-v-adb6a8a1]::part(header-actions){padding:0}.c-bottom-sheet[data-v-adb6a8a1]::part(close-button){border:0;clip:rect(0,0,0,0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.c-bottom-sheet[data-v-adb6a8a1]::part(panel){background:var(--background-color-hex-code, #fff);border-radius:12px 12px 0 0;max-height:90%;overflow:visible;transform:var(--panel-transform, none)}.c-bottom-sheet[data-v-adb6a8a1]::part(panel):after{background:var(--background-color-hex-code, #fff);bottom:-100px;content:"";height:101px;left:0;position:absolute;right:0}.c-bottom-sheet[data-v-adb6a8a1]::part(body){border-radius:12px 12px 0 0;position:relative}.c-bottom-sheet[data-v-adb6a8a1]::part(title){font-family:var(--font-family-headline, Polymath, -apple-system, blinkmacsystemfont, Segoe UI, roboto, Helvetica Neue, arial, sans-serif);font-size:26px;font-weight:650;letter-spacing:-.5px;line-height:120%;padding-bottom:16px}.c-bottom-sheet--with-dismiss[data-v-adb6a8a1]::part(title){margin-right:28px}.c-bottom-sheet[data-v-adb6a8a1]::part(overlay){opacity:var(--overlay-opacity, 1)}.c-bottom-sheet__actions[data-v-adb6a8a1]{position:absolute;right:16px;top:16px}.c-bottom-sheet__body[data-v-adb6a8a1]{padding:0 24px var(--bottom-padding)}.c-bottom-sheet--with-footer .c-bottom-sheet__body[data-v-adb6a8a1]{padding-bottom:12px}.c-bottom-sheet--hide-title .c-bottom-sheet__body[data-v-adb6a8a1]{padding-top:16px}.c-bottom-sheet--hide-overlay[data-v-adb6a8a1]::part(overlay){display:none}.c-button[data-v-892548ad]{-webkit-tap-highlight-color:transparent}.c-button[data-v-892548ad]::part(base){border-width:1px;transition:background-color .2s ease-in-out}.c-button[data-v-892548ad]::part(label){padding:0 16px}.c-button-size--medium[data-v-892548ad]::part(base){--sl-input-height-medium: 40px}.c-button-size--large[data-v-892548ad]::part(base){--sl-input-height-large: 48px}.c-button--has-prefix-icon[data-v-892548ad]::part(base){padding-inline-start:16px}.c-button--has-prefix-icon[data-v-892548ad]::part(label){padding-inline-start:8px}.c-button--has-suffix-icon[data-v-892548ad]::part(base){padding-inline-end:16px}.c-button--has-suffix-icon[data-v-892548ad]::part(label){padding-inline-end:8px}.c-button--block[data-v-892548ad]{min-width:100%}.c-button-variant--primary[data-v-892548ad]::part(base){background-color:#000;border-color:#000;color:#fff}.c-button-variant--primary[data-v-892548ad]::part(base):hover{background-color:#000;border-color:#000;color:#fff}.c-button-variant--primary.c-button-level--danger[data-v-892548ad]::part(base){background-color:#cd000c;border-color:#cd000c;color:#fff}.c-button-variant--primary.c-button-level--danger[data-v-892548ad]::part(base):hover{background-color:#cd000c;border-color:#cd000c;color:#fff}.c-button-variant--secondary[data-v-892548ad]::part(base){background-color:transparent;border-color:#000;color:#000}.c-button-variant--secondary[data-v-892548ad]::part(base):hover{background-color:transparent;border-color:#000;color:#000}.c-button-variant--secondary.c-button-level--danger[data-v-892548ad]::part(base){background-color:#fff;border-color:#cd000c;color:#cd000c}.c-button-variant--secondary.c-button-level--danger[data-v-892548ad]::part(base):hover{background-color:#fff;border-color:#cd000c;color:#cd000c}.c-button-variant--tertiary[data-v-892548ad]::part(base){background-color:transparent;border-color:transparent;color:#000}.c-button-variant--tertiary[data-v-892548ad]::part(base):hover{background-color:transparent;border-color:transparent;color:#000}.c-button-variant--tertiary.c-button-level--danger[data-v-892548ad]::part(base){background-color:transparent;border-color:transparent;color:#cd000c}.c-button-variant--tertiary.c-button-level--danger[data-v-892548ad]::part(base):hover{background-color:transparent;border-color:transparent;color:#cd000c}:not(.c-button-level--danger).c-button-variant--primary[disabled][data-v-892548ad]::part(base){background-color:#0000001a;border-color:#0000001a;color:#0000007a}:not(.c-button-level--danger).c-button-variant--secondary[disabled][data-v-892548ad]::part(base){background-color:transparent;border-color:#0000004f;color:#0000004f}:not(.c-button-level--danger).c-button-variant--tertiary[disabled][data-v-892548ad]::part(base){background-color:transparent;border-color:transparent;color:#0000004f}.c-card-header[data-v-6e3a314e]{font-size:16px;font-weight:650;letter-spacing:.25px;line-height:140%;display:flex}.c-card-header__title[data-v-6e3a314e]{flex:1 1 auto;padding:16px 16px 8px}.c-card-header__append[data-v-6e3a314e]{align-items:center;display:flex;flex:none}.c-card-header__append .c-icon-button[data-v-6e3a314e],.c-card-header__append .c-badge[data-v-6e3a314e]{margin-right:8px}.c-card[data-v-7647ec1b]{--background-color: #fff;--border-color: rgba(0, 0, 0, .1);--border-radius: 12px;--text-color: #000;background-color:var(--background-color);border-color:var(--border-color);border-radius:var(--border-radius);border-style:solid;border-width:1px;color:var(--text-color);display:block;max-width:100%;overflow:hidden}.c-card+.c-card[data-v-7647ec1b]{margin-top:8px}.c-card--tile[data-v-7647ec1b]{--border-radius: 0;border-left:none;border-right:none}.c-card--borderless[data-v-7647ec1b]{--border-color: transparent}.c-card--link[data-v-7647ec1b]{cursor:pointer}.c-card--stretch[data-v-7647ec1b]{height:100%}.c-card-footer[data-v-fd372288],.c-card-section[data-v-bbb3cb05]{padding:0 16px 16px}.c-card-section[data-v-bbb3cb05]:first-child:not(.c-card-section--fluid){padding-top:16px}.c-card-section--fluid[data-v-bbb3cb05]{padding:0}.c-validation-message[data-v-e6f509ae]{font-size:14px;font-weight:400;letter-spacing:.25px;line-height:140%;display:flex;justify-content:space-between;margin-bottom:8px}.c-validation-message--invalid[data-v-e6f509ae]{color:#cd000c}.c-checkbox[data-v-74c82f22]{align-items:flex-start;cursor:pointer;display:flex;gap:8px;transition:border-color .2s ease;--padding: 12px}.c-checkbox--contained[data-v-74c82f22]{background-color:#fff;border:1px solid rgba(0,0,0,.1);border-radius:12px;padding:var(--padding);width:100%}.c-checkbox--contained.c-checkbox--checked[data-v-74c82f22]{border-color:#000;border-width:1px}.c-checkbox--contained.c-checkbox--invalid[data-v-74c82f22]{border-color:#cd000c}.c-checkbox--invalid[data-v-74c82f22]{color:#cd000c}.c-checkbox__input[data-v-74c82f22]{border:0;clip:rect(0,0,0,0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.c-checkbox__control[data-v-74c82f22]{align-items:center;border:rgba(0,0,0,.31) solid 1px;border-radius:4px;color:#fff;display:flex;flex-shrink:0;height:22px;justify-content:center;width:22px}.c-checkbox--checked .c-checkbox__control[data-v-74c82f22]{background-color:#000;border-color:#000}.c-checkbox--invalid .c-checkbox__control[data-v-74c82f22]{border-color:#cd000c}.c-checkbox__input:focus-visible~.c-checkbox__control[data-v-74c82f22]{outline:var(--sl-focus-ring);outline-offset:var(--sl-focus-ring-offset)}.c-checkbox__message[data-v-74c82f22]{margin-top:4px}.c-col[data-v-813fe64a]{flex-basis:0;flex-grow:1;max-width:100%}.c-col[data-v-813fe64a]:not(.c-col-auto){padding:12px;width:100%}.c-col-auto[data-v-813fe64a]{flex:0 0 auto;max-width:100%;width:auto}.c-col-1[data-v-813fe64a]{flex:0 0 calc(1 / 12 * 100%);max-width:calc(1 / 12 * 100%)}.c-col-2[data-v-813fe64a]{flex:0 0 calc(2 / 12 * 100%);max-width:calc(2 / 12 * 100%)}.c-col-3[data-v-813fe64a]{flex:0 0 25%;max-width:25%}.c-col-4[data-v-813fe64a]{flex:0 0 calc(4 / 12 * 100%);max-width:calc(4 / 12 * 100%)}.c-col-5[data-v-813fe64a]{flex:0 0 calc(5 / 12 * 100%);max-width:calc(5 / 12 * 100%)}.c-col-6[data-v-813fe64a]{flex:0 0 50%;max-width:50%}.c-col-7[data-v-813fe64a]{flex:0 0 calc(7 / 12 * 100%);max-width:calc(7 / 12 * 100%)}.c-col-8[data-v-813fe64a]{flex:0 0 calc(8 / 12 * 100%);max-width:calc(8 / 12 * 100%)}.c-col-9[data-v-813fe64a]{flex:0 0 75%;max-width:75%}.c-col-10[data-v-813fe64a]{flex:0 0 calc(10 / 12 * 100%);max-width:calc(10 / 12 * 100%)}.c-col-11[data-v-813fe64a]{flex:0 0 calc(11 / 12 * 100%);max-width:calc(11 / 12 * 100%)}.c-col-12[data-v-813fe64a]{flex:0 0 100%;max-width:100%}.c-divider[data-v-a5970c3f]{border:solid rgba(0,0,0,.1);border-width:thin 0 0;display:block;flex:1 1 0px;height:0;max-height:0;max-width:100%;transition:inherit}.c-divider--vertical[data-v-a5970c3f]{align-self:stretch;border-width:0 thin 0 0;display:inline-flex;height:inherit;margin:0 -1px;max-height:100%;max-width:0;min-height:100%;vertical-align:text-bottom;width:0}.c-icon-button[data-v-492395d8]::part(base){font-size:16px;line-height:0;padding:0;width:40px}.c-icon-button--inherit[data-v-492395d8]::part(base){color:inherit}.c-icon-button[data-v-492395d8]::part(label){align-items:center;display:flex;justify-content:center;padding:0}.c-icon-button-size--large[data-v-492395d8]::part(base){width:48px}.c-icon-button__icon--spin[data-v-492395d8]{animation:loader-spin-fast-slow 3.5s infinite cubic-bezier(.35,.16,.65,.84)}.c-text-field__label[data-v-2eb42eac]{font-size:16px;font-weight:650;letter-spacing:.25px;line-height:140%;display:inline-block;margin-bottom:8px;transition:color .2s ease}.c-text-field__container[data-v-2eb42eac]{align-items:center;background-color:#fff;border:1px solid rgba(0,0,0,.1);border-radius:12px;display:flex;transition:border-color .2s ease}.c-text-field--focused .c-text-field__container[data-v-2eb42eac]{border-color:#000}.c-text-field--invalid .c-text-field__label[data-v-2eb42eac]{color:#cd000c}.c-text-field--invalid .c-text-field__container[data-v-2eb42eac]{border-color:#cd000c;color:#cd000c}.c-text-field--hide-label .c-text-field__label[data-v-2eb42eac]{border:0;clip:rect(0,0,0,0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.c-text-field--disabled .c-text-field__label[data-v-2eb42eac]{color:#0000004f}.c-text-field--disabled .c-text-field__container[data-v-2eb42eac]{background-color:#0000000a;color:#0000004f}.c-text-field__input[data-v-2eb42eac]{background-color:transparent;border:none;border-radius:12px;flex:1 1 0%;outline:none;width:100%}.c-text-field__input--has-prefix[data-v-2eb42eac]{border-bottom-left-radius:0;border-top-left-radius:0}.c-text-field__input--has-suffix[data-v-2eb42eac]{border-bottom-right-radius:0;border-top-right-radius:0}.c-text-field__suffix-btn[data-v-2eb42eac]{margin-right:4px}.c-text-field__clear-btn[data-v-2eb42eac]{background:none;border:none;cursor:pointer;font-size:1rem;margin-left:.5rem}.c-text-field--medium .c-text-field__input[data-v-2eb42eac]{padding:12px 16px}.c-text-field--medium .c-text-field__input--clearable[data-v-2eb42eac],.c-text-field--medium .c-text-field__input--hideable[data-v-2eb42eac]{padding-right:0}.c-text-field--medium .c-text-field__input--has-suffix[data-v-2eb42eac]{padding-right:8px}.c-text-field--large .c-text-field__input[data-v-2eb42eac]{padding:24px}.c-text-field--large .c-text-field__input--clearable[data-v-2eb42eac],.c-text-field--large .c-text-field__input--hideable[data-v-2eb42eac]{padding-right:0}.c-text-field--large .c-text-field__input--has-suffix[data-v-2eb42eac]{padding-right:8px}.c-text-field__prefix[data-v-2eb42eac]{flex:0 0 auto;margin-left:16px}.c-text-field__suffix[data-v-2eb42eac]{align-items:center;display:flex;flex:0 0 auto;gap:12px;margin-right:16px}.c-text-field__validation-message[data-v-2eb42eac]{margin-top:4px}.c-text-field__message[data-v-2eb42eac]{font-size:14px;font-weight:400;letter-spacing:.25px;line-height:140%;color:#000000b0;margin-bottom:16px}.c-select[data-v-757a69ee]{display:flex;flex-direction:column}.c-select--disabled[data-v-757a69ee]{color:#0000004f}.c-select__label[data-v-757a69ee]{font-size:16px;font-weight:650;letter-spacing:.25px;line-height:140%;margin-bottom:8px;transition:color .2s ease}.c-select__label--hidden[data-v-757a69ee]{border:0;clip:rect(0,0,0,0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.c-select__input-container[data-v-757a69ee]{align-items:center;display:flex;position:relative}.c-select__icon[data-v-757a69ee]{pointer-events:none;position:absolute;right:16px}.c-select__input[data-v-757a69ee]{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:#fff;border:1px solid rgba(0,0,0,.1);border-radius:12px;color:#0000007a;cursor:pointer;flex-grow:1;letter-spacing:.25px;max-width:100%;min-height:48px;outline:.5px solid transparent;padding:0 36px 0 16px;text-overflow:ellipsis;transition:border-color ease .2s,outline-color ease .2s}.c-select__input[data-v-757a69ee]:focus{border-color:#000}.c-select__input--has-value[data-v-757a69ee]{color:#000}.c-select__input--invalid[data-v-757a69ee]{border-color:#000;outline-color:#000}.c-select__input[disabled][data-v-757a69ee]{background-color:#0000000a}.c-select__message[data-v-757a69ee]{margin-top:4px}.c-dob-select__label[data-v-a891e419]{font-size:16px;font-weight:650;letter-spacing:.25px;line-height:140%;display:inline-block;margin-bottom:4px}.c-dob-select__container[data-v-a891e419]{display:flex;gap:12px}.c-dob-select__field[data-v-a891e419]{flex:auto}.c-dob-select__messages[data-v-a891e419]{margin-top:4px}.c-expand-transition[data-v-01bae3a7]{overflow:hidden;transition:height .3s ease}.c-expand-transition__content[data-v-01bae3a7]{overflow:hidden}.c-expand-transition--disabled[data-v-01bae3a7]{transition:none}.c-file-input[data-v-86c2a58c]{align-items:flex-start;display:flex;flex-direction:column;position:relative}.c-file-input:focus-within .c-file-input__prompt[data-v-86c2a58c]{outline:var(--sl-focus-ring);outline-offset:var(--sl-focus-ring-offset)}.c-file-input--disabled:hover .c-file-input__prompt[data-v-86c2a58c]{background-color:transparent;border-color:#0000004f;color:#0000004f}.c-file-input--disabled .c-file-input__label[data-v-86c2a58c]{color:#0000004f}.c-file-input--disabled .c-file-input__prompt[data-v-86c2a58c]{background-color:transparent;border-color:#0000004f;color:#0000004f}.c-file-input--disabled .c-file-input__input[data-v-86c2a58c]{cursor:not-allowed}.c-file-input__label[data-v-86c2a58c]{font-size:16px;font-weight:650;letter-spacing:.25px;line-height:140%;margin-bottom:var(--sl-spacing-3x-small)}.c-file-input__prompt[data-v-86c2a58c]{background-color:transparent;border-color:#000;color:#000;align-items:center;border-radius:var(--sl-input-border-radius-medium);border-style:solid;border-width:1px;display:inline-flex;font-family:var(--sl-input-font-family);font-weight:var(--sl-font-weight-semibold);height:40px;justify-content:center;padding:0 20px;transition:background-color .2s ease-in-out}.c-file-input__prompt[data-v-86c2a58c]:hover{background-color:transparent;border-color:#000;color:#000}.c-file-input__input[data-v-86c2a58c]{cursor:pointer;height:100%;top:0;right:0;bottom:0;left:0;opacity:0;position:absolute;width:100%}.c-file-input__files[data-v-86c2a58c]{display:flex;flex-direction:column;gap:var(--sl-spacing-3x-small);margin-top:var(--sl-spacing-2x-small)}.c-file-input__file[data-v-86c2a58c]{font-size:14px;font-weight:400;letter-spacing:.25px;line-height:140%;word-break:break-word}.c-fixed-page-footer[data-v-dc094e5a]{bottom:0;left:0;position:fixed;right:0;z-index:1}.c-fixed-page-footer[data-v-dc094e5a]:before{background:linear-gradient(to bottom,rgba(255,255,255,0) 0,var(--fixed-page-footer-color, white) 32px);content:"";top:-32px;right:0;bottom:0;left:0;pointer-events:none;position:absolute;z-index:-1}.c-fixed-page-footer__content[data-v-dc094e5a]{padding:0 16px max(env(safe-area-inset-bottom,0),8px)}.c-label[data-v-81eeefa6]{align-items:center;background-color:#0000000a;border-radius:4px;color:#000000b0;display:inline-flex;font-size:14px;font-weight:650;gap:4px;height:24px;margin-bottom:6px;padding:0 12px}.c-label[data-v-81eeefa6]:not(:last-child){margin-right:8px}.c-list-item-content[data-v-96e7b2dd]{flex:1 1 auto;min-width:0}.c-list-item-content__title[data-v-96e7b2dd]{font-size:16px;font-weight:650;letter-spacing:.25px;line-height:140%;align-items:center;display:flex}.c-list-item-content__title+.c-list-item-content__label[data-v-96e7b2dd]{margin-top:2px}.c-squared-icon[data-v-0985165d]{align-items:center;border-radius:8px;color:#000;display:flex;font-size:16px;height:40px;justify-content:center;position:relative;width:40px}.c-squared-icon--white-icon[data-v-0985165d]{color:#fff}.c-squared-icon--large[data-v-0985165d]{border-radius:12px;font-size:20px;height:56px;width:56px}.c-list-item-icon[data-v-f2d22fcb]{flex:none}.c-list-item[data-v-b74985c6]{background:transparent;color:#000;min-height:64px;outline:none;text-align:left;text-decoration:none}.c-list-item+.c-list-item[data-v-b74985c6]{border-top:1px solid rgba(0,0,0,.1)}.c-list-item[data-v-b74985c6]:focus-visible{outline:var(--sl-focus-ring);outline-offset:var(--sl-focus-ring-offset)}.c-list-item--is-tappable[data-v-b74985c6]{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;cursor:pointer}.c-list-item__append__action-icon[data-v-b74985c6]{color:#000000b0;font-size:16px}.c-menu[data-v-fc4859b7]{--sl-panel-border-width: $border-width}.menu-item[data-v-766b33c1]::part(base){font-size:16px;font-weight:650;letter-spacing:.25px;line-height:140%;--sl-spacing-x-small: 12px;align-items:center;background-color:#fff;color:#000;cursor:initial;padding:12px 16px}.menu-item.selectable[data-v-766b33c1]::part(base):hover{background-color:var(--sl-color-neutral-100);color:var(--sl-color-neutral-1000);cursor:pointer}.menu-item[data-v-766b33c1]::part(checked-icon){display:none}.menu-item[data-v-766b33c1]::part(submenu-icon){display:none}.menu-item .checkbox[data-v-766b33c1]{pointer-events:none}.menu-item .check-icon[data-v-766b33c1]{width:14px}.menu-label[data-v-3fbcf638]::part(base){font-size:12px;font-weight:700;letter-spacing:.5px;line-height:120%;text-transform:uppercase;padding:0}.c-modal[data-v-68c61ebc]::part(body){padding:24px 24px 16px}.c-modal[data-v-68c61ebc] .c-card-section{padding:0!important}.c-modal[data-v-68c61ebc] .c-card-footer{padding:24px 0 0}.c-modal[data-v-68c61ebc] .c-expand-transition--disabled .c-expand-transition__content{height:100%}.c-modal__title[data-v-68c61ebc]{font-family:var(--font-family-headline, Polymath, -apple-system, blinkmacsystemfont, Segoe UI, roboto, Helvetica Neue, arial, sans-serif);font-size:26px;font-weight:650;letter-spacing:-.5px;line-height:120%;padding:0 0 8px}.c-modal__dismiss[data-v-68c61ebc]{border:0;clip:rect(0,0,0,0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.c-modal__body[data-v-68c61ebc]{display:flex;flex-direction:column;height:100%}.c-modal__content[data-v-68c61ebc]{display:flex;flex:auto;flex-direction:column;max-height:100%}.c-modal__footer[data-v-68c61ebc]{flex:none;padding:24px 0 0}.c-modal__loading[data-v-68c61ebc]{padding:32px 0 24px;text-align:center}.c-modal__loading__loader[data-v-68c61ebc]{line-height:1;margin-bottom:8px}.c-modal--fullscreen[data-v-68c61ebc]::part(panel){border-radius:0;height:100%;max-height:none;max-width:none;width:100%}.c-modal--fullscreen[data-v-68c61ebc]::part(body){padding:calc(env(safe-area-inset-top,0) + 12px) 16px max(env(safe-area-inset-bottom,0),12px)}.c-modal--fullscreen .c-modal__wrapper[data-v-68c61ebc]{height:100%}.c-notification[data-v-9466b4ac]{background-color:#e0edff;border-radius:12px;padding:16px;position:relative}.c-notification--alert[data-v-9466b4ac]{background-color:#ffe5dd}.c-notification--warning[data-v-9466b4ac]{background-color:#fff0ba}.c-notification__close-button[data-v-9466b4ac]{float:right;font-size:14px;margin-right:-8px;margin-top:-8px}.c-notification__title[data-v-9466b4ac]{align-items:center;display:flex;margin-bottom:8px}.c-notification__title-icon[data-v-9466b4ac]{margin-right:8px}.c-notification__title-text[data-v-9466b4ac]{flex:1}.c-notification__button[data-v-9466b4ac]{margin-top:12px}.c-pill[data-v-0ba948d5]{background-color:#fff;border:1px solid rgba(0,0,0,.1);border-radius:12px;color:#000;display:inline-block;font-family:Polymath;height:40px;padding-inline:12px}.c-pill--active[data-v-0ba948d5]{background-color:#000;border-color:#000;color:#fff}.c-pill-body[data-v-0ba948d5]{align-items:center;display:flex;gap:8px;height:100%;line-height:1;white-space:nowrap}.c-pill-icon[data-v-0ba948d5]{width:16px}.c-pill-group[data-v-faab4f72]{overflow:scroll hidden;padding:0 16px}.c-pill-group__track[data-v-faab4f72]{border:none;display:block;display:flex;flex-wrap:nowrap;gap:8px}.c-popup[data-v-29adc368]::part(popup){z-index:1}.anchor[data-v-29adc368]{height:-moz-fit-content;height:fit-content}.c-progress-linear[data-v-064e8aea]{--height: 4px;--indicator-color: #000;--track-color: rgba(0, 0, 0, .1)}.c-progress-linear[data-v-064e8aea]::part(base){border-radius:0}.c-progress-linear--rounded[data-v-064e8aea]::part(base){border-radius:2px}.c-progress-ring[data-v-5141ca97]{align-items:center;display:inline-flex;flex-shrink:0;font-size:var(--size);height:1em;justify-content:center;position:relative;width:1em}.c-progress-ring__label[data-v-5141ca97]{color:var(--indicator-color);font-size:14px;font-weight:700}.c-progress-ring__svg[data-v-5141ca97]{height:100%;position:absolute;width:100%}.c-progress-ring__indicator[data-v-5141ca97],.c-progress-ring__track[data-v-5141ca97]{cx:.5em;cy:.5em;fill:none;r:calc(.5em - var(--track-width) / 2);stroke-width:var(--track-width)}.c-progress-ring__indicator[data-v-5141ca97]{stroke:var(--indicator-color);stroke-dasharray:var(--indicator-length) 100;stroke-linecap:round;transform:rotate(-90deg);transform-origin:50% 50%;transition:stroke-dasharray .2s}.c-progress-ring__track[data-v-5141ca97]{stroke:var(--track-color)}.c-radio[data-v-d7b1e7b9]{align-items:center;background-color:#fff;border:1px solid rgba(0,0,0,.1);border-radius:12px;cursor:pointer;display:flex;gap:12px;padding:12px;transition:border-color .2s ease;width:100%}.c-radio__input[data-v-d7b1e7b9]{accent-color:#000;background-color:#000;border:rgba(0,0,0,.31) solid 1px;border-color:#000;margin-top:1px;transform:scale(1.5)}.c-radio__label[data-v-d7b1e7b9]{padding:0 12px;width:100%}.c-radio--checked[data-v-d7b1e7b9]{border-color:#000}.c-radio--invalid[data-v-d7b1e7b9]{border-color:#cd000c}.c-radio--invalid .c-radio__input[data-v-d7b1e7b9]{accent-color:#cd000c;border-color:#cd000c}.c-radio-group[data-v-7cf9d6ac]{border:none;display:flex;flex-direction:row;gap:8px;width:100%}.c-radio-group.c-radio-group--column[data-v-7cf9d6ac]{flex-direction:column}.c-radio-group--row[data-v-7cf9d6ac]{align-items:center}.c-radio-group--row[data-v-7cf9d6ac] .c-radio{width:auto}.w-100[data-v-011ad982]{width:100%}.c-row[data-v-f952a4dc]{display:flex;flex:1 1 auto;flex-wrap:wrap;margin:0 -12px}.c-row--dense[data-v-f952a4dc]{margin:0 -4px}.c-row--no-gutters[data-v-f952a4dc]{margin:0}.c-safe-area[data-v-d4b412f9]{--full-height: 100vh;display:flex;flex-direction:column;height:calc(var(--full-height) - env(safe-area-inset-top) - env(safe-area-inset-bottom));max-width:100%;overflow:scroll}@supports (height: 100dvh){.c-safe-area[data-v-d4b412f9]{--full-height: 100dvh}}.c-section-header[data-v-ea4f25c1]{align-items:center;display:flex;gap:12px;height:48px;justify-content:space-between}.c-section-header__title[data-v-ea4f25c1]{font-family:var(--font-family-headline, Polymath, -apple-system, blinkmacsystemfont, Segoe UI, roboto, Helvetica Neue, arial, sans-serif);font-size:20px;font-weight:650;letter-spacing:-.25px;line-height:125%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1 1 auto}.c-card+.c-section-header[data-v-ea4f25c1]{margin-top:16px}.c-skeleton[data-v-aecc010b]{display:flex;height:100%;min-height:1rem;position:relative;width:100%}.c-skeleton__indicator[data-v-aecc010b]{--color: rgba(0, 0, 0, .04);--sheen-color: rgba(0, 0, 0, .1);animation:sheen-aecc010b 8s ease-in-out infinite;background:linear-gradient(270deg,var(--sheen-color),var(--color),var(--color),var(--sheen-color));background-size:400% 100%;border-radius:12px;flex:1 1 auto}@keyframes sheen-aecc010b{0%{background-position:200% 0}to{background-position:-200% 0}}.c-skeleton-loader-circle[data-v-a52d5f81]{--size: 36px;border-radius:calc(var(--size) / 2);height:var(--size);overflow:hidden;width:var(--size)}.c-skeleton-loader-text[data-v-ba69ac5a]{display:flex;flex-direction:column;width:100%}.c-skeleton-loader-text__line[data-v-ba69ac5a]{font-size:16px;line-height:140%;align-items:center;display:flex;width:100%}.c-skeleton-loader-text__line .c-skeleton-loader-text__line__skeleton[data-v-ba69ac5a]{height:16px}.c-skeleton-loader-text__line[data-v-ba69ac5a]:last-child{width:calc(100% - 32px)}.c-skeleton-loader-text__line--balance[data-v-ba69ac5a]{font-size:26px;line-height:100%;max-width:120px}.c-skeleton-loader-text__line--balance .c-skeleton-loader-text__line__skeleton[data-v-ba69ac5a]{height:26px}.c-skeleton-loader-text__line--caption[data-v-ba69ac5a]{font-size:14px;line-height:140%}.c-skeleton-loader-text__line--caption .c-skeleton-loader-text__line__skeleton[data-v-ba69ac5a]{height:14px}.c-skeleton-loader-text__line--eyebrow[data-v-ba69ac5a]{font-size:12px;line-height:120%}.c-skeleton-loader-text__line--eyebrow .c-skeleton-loader-text__line__skeleton[data-v-ba69ac5a]{height:12px}.c-skeleton-loader-text__line--headline[data-v-ba69ac5a]{font-size:20px;line-height:125%}.c-skeleton-loader-text__line--headline .c-skeleton-loader-text__line__skeleton[data-v-ba69ac5a]{height:20px}.c-skeleton-loader-text__line--large-headline[data-v-ba69ac5a]{font-size:26px;line-height:120%}.c-skeleton-loader-text__line--large-headline .c-skeleton-loader-text__line__skeleton[data-v-ba69ac5a]{height:26px}.c-skeleton-loader-text__line--statement[data-v-ba69ac5a]{font-size:16px;line-height:100%}.c-skeleton-loader-text__line--statement .c-skeleton-loader-text__line__skeleton[data-v-ba69ac5a]{height:16px}.c-skeleton-loader-text__line--subheadline[data-v-ba69ac5a]{font-size:16px;line-height:140%}.c-skeleton-loader-text__line--subheadline .c-skeleton-loader-text__line__skeleton[data-v-ba69ac5a]{height:16px}.c-skeleton-loader-text__line--wallet-caption[data-v-ba69ac5a]{font-size:13px;line-height:140%}.c-skeleton-loader-text__line--wallet-caption .c-skeleton-loader-text__line__skeleton[data-v-ba69ac5a]{height:13px}.c-skeleton-loader-text__line--x-large-headline[data-v-ba69ac5a]{font-size:32px;line-height:120%}.c-skeleton-loader-text__line--x-large-headline .c-skeleton-loader-text__line__skeleton[data-v-ba69ac5a]{height:32px}.slide-fade-enter-active[data-v-5e96a2b1],.slide-fade-leave-active[data-v-5e96a2b1]{transition:all .3s ease-out}.slide-fade-enter[data-v-5e96a2b1],.slide-fade-enter-from[data-v-5e96a2b1],.slide-fade-leave-to[data-v-5e96a2b1]{opacity:0}.to-left .slide-fade-enter[data-v-5e96a2b1],.to-left .slide-fade-enter-from[data-v-5e96a2b1],.to-left .slide-fade-leave-to[data-v-5e96a2b1]{transform:translate(calc(-1 * var(--slide-fade-amount)))}.to-right .slide-fade-enter[data-v-5e96a2b1],.to-right .slide-fade-enter-from[data-v-5e96a2b1],.to-right .slide-fade-leave-to[data-v-5e96a2b1]{transform:translate(var(--slide-fade-amount))}.to-top .slide-fade-enter[data-v-5e96a2b1],.to-top .slide-fade-enter-from[data-v-5e96a2b1],.to-top .slide-fade-leave-to[data-v-5e96a2b1]{transform:translateY(calc(-1 * var(--slide-fade-amount)))}.to-bottom .slide-fade-enter[data-v-5e96a2b1],.to-bottom .slide-fade-enter-from[data-v-5e96a2b1],.to-bottom .slide-fade-leave-to[data-v-5e96a2b1]{transform:translateY(var(--slide-fade-amount))}.c-split-input[data-v-0d994c3d]::part(input){font-family:var(--font-family-headline, Polymath, -apple-system, blinkmacsystemfont, Segoe UI, roboto, Helvetica Neue, arial, sans-serif);font-size:20px;font-weight:650;letter-spacing:-.25px;line-height:125%;letter-spacing:12px;line-height:1;text-align:center}.c-split-input[data-v-0d994c3d]::part(input)::-moz-placeholder{font-family:var(--font-family-headline, Polymath, -apple-system, blinkmacsystemfont, Segoe UI, roboto, Helvetica Neue, arial, sans-serif);font-size:20px;font-weight:650;letter-spacing:-.25px;line-height:125%;letter-spacing:12px;line-height:1;text-align:center;font-weight:400}.c-split-input[data-v-0d994c3d]::part(input)::placeholder{font-family:var(--font-family-headline, Polymath, -apple-system, blinkmacsystemfont, Segoe UI, roboto, Helvetica Neue, arial, sans-serif);font-size:20px;font-weight:650;letter-spacing:-.25px;line-height:125%;letter-spacing:12px;line-height:1;text-align:center;font-weight:400}.c-status-dot[data-v-ce70720e]{background-color:#cd000c;border-radius:9999px;display:inline-block;height:8px;width:8px}.c-status-dot--bordered[data-v-ce70720e]{box-shadow:0 0 0 1.5px #fff}.c-status-dot--count[data-v-ce70720e]{align-items:center;color:#fff;display:flex;font-size:.625rem;font-weight:700;height:1rem;justify-content:center;line-height:1;text-align:center;width:1rem}.c-switch[data-v-b8dc5254]{--width: 44px;--height: 24px;--thumb-size: 20px}.c-switch[data-v-b8dc5254]::part(control){border:none}.c-switch[data-v-b8dc5254]::part(thumb){align-items:center;border:none;display:flex;justify-content:center}.c-switch[data-v-b8dc5254]::part(thumb):after{border-radius:1px;content:"";height:8px;transition:background-color var(--sl-transition-fast) ease-in-out;width:2px}.c-switch[data-v-b8dc5254]::part(control){background-color:#0000007a}.c-switch[data-v-b8dc5254]::part(thumb){background-color:#fff}.c-switch[data-v-b8dc5254]::part(thumb):after{background-color:transparent}.c-switch--label-first[data-v-b8dc5254]::part(base){flex-direction:row-reverse;gap:12px;width:100%}.c-switch--label-first[data-v-b8dc5254]::part(label){flex:1;margin:0}.c-switch--checked[data-v-b8dc5254]::part(control){background-color:#3fa41c}.c-switch--checked[data-v-b8dc5254]::part(thumb){background-color:#fff}.c-switch--checked[data-v-b8dc5254]::part(thumb):after{background-color:#3fa41c}.c-switch--disabled[data-v-b8dc5254]::part(control){background-color:#0000004f}.c-switch--disabled[data-v-b8dc5254]::part(thumb){background-color:#0000001a}.c-switch--disabled[data-v-b8dc5254]::part(thumb):after{background-color:transparent}.c-switch--disabled.c-switch--checked[data-v-b8dc5254]::part(control){background-color:#0000004f}.c-switch--disabled.c-switch--checked[data-v-b8dc5254]::part(thumb){background-color:#0000001a}.c-switch--disabled.c-switch--checked[data-v-b8dc5254]::part(thumb):after{background-color:#0000004f}.c-switch__sr-label[data-v-b8dc5254]{border:0;clip:rect(0,0,0,0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.c-switch-list-item__switch[data-v-7ad2dee8]{width:100%}.c-switch-list-item__switch[data-v-7ad2dee8]::part(base){align-items:center;display:inline-flex;flex-direction:row-reverse;gap:12px;padding:0;width:100%}.c-switch-list-item__switch[data-v-7ad2dee8]::part(label){align-items:center;display:flex;flex:1;gap:12px;justify-content:space-between;margin:0}.c-text-area__label[data-v-3a9731e4]{font-size:16px;font-weight:650;letter-spacing:.25px;line-height:140%;display:inline-block;margin-bottom:4px;transition:color .2s ease}.c-text-area--disabled .c-text-area__label[data-v-3a9731e4]{color:#0000004f}.c-text-area--hide-label .c-text-area__label[data-v-3a9731e4]{border:0;clip:rect(0,0,0,0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.c-text-area__input[data-v-3a9731e4]{background-color:#fff;border:1px solid rgba(0,0,0,.1);border-radius:12px;padding:16px;resize:vertical;transition:border-color .2s ease}.c-text-area__input[data-v-3a9731e4]:focus,.c-text-area__input[data-v-3a9731e4]:focus-within,.c-text-area--invalid .c-text-area__input[data-v-3a9731e4]{border-color:#000;outline:none}.c-text-area__input[data-v-3a9731e4]:disabled{background-color:#0000000a;color:#0000004f}.c-text-area__message[data-v-3a9731e4]{font-size:14px;font-weight:400;letter-spacing:.25px;line-height:140%;color:#000000b0;margin-bottom:16px}.c-text-link[data-v-53e2a62b]{color:#000;font-weight:650}.c-text-link--underline[data-v-53e2a62b]{text-decoration:underline!important;-webkit-text-decoration-skip-ink:none;text-decoration-skip-ink:none;text-underline-offset:3px}.c-third-party-logo[data-v-38062f05]{border-radius:8px;height:var(--size);isolation:isolate;-o-object-fit:contain;object-fit:contain;overflow:hidden;position:relative;width:var(--size)}.c-third-party-logo__img[data-v-38062f05]{display:block;height:100%;left:0;-o-object-fit:contain;object-fit:contain;position:absolute;top:0;width:100%;z-index:1}.opacity-0[data-v-38062f05]{opacity:0}.transition-opacity[data-v-38062f05]{transition:opacity .1s ease-in-out}.c-toast[data-v-777f5027]{margin:16px}.c-toast[data-v-777f5027]::part(base){background-color:#b2cffa;border:none;border-radius:12px;box-shadow:0 4px 20px #0000001f;color:#000;transform:var(--toast-base-transform)}.c-toast[data-v-777f5027]::part(message){font-size:16px;font-weight:400;letter-spacing:.25px;line-height:140%;align-items:center;display:flex;padding:16px 0 16px 16px}.c-toast[data-v-777f5027]::part(icon){padding-left:12px}.c-toast--error[data-v-777f5027]::part(base){background-color:#ffaaa5}.c-toast--success[data-v-777f5027]::part(base){background-color:#b8da96}.c-toast--warning[data-v-777f5027]::part(base){background-color:#fcde74}.c-toast__message[data-v-777f5027]{flex:auto}.c-toast__icon[data-v-777f5027]{color:#000;font-size:16px}