@propelinc/citrus-ui 1.3.0 → 1.4.0

package/dist/styles.css

@@ -14,17 +14,15 @@
 @layer reset {
   /* 1. Use a more-intuitive box-sizing model */
   *,
-*::before,
-*::after {
+  *::before,
+  *::after {
     box-sizing: border-box;
   }
-
   /* 2. Remove default padding and margin */
   * {
     margin: 0;
     padding: 0;
   }
-
   /* 3. Enable keyword animations */
   @media (prefers-reduced-motion: no-preference) {
     html {
@@ -37,74 +35,66 @@
     /* 4. Add accessible line-height */
     line-height: 1.5;
   }
-
   /* 6. Improve media defaults
    * `svg` and `img` were in this list, but we've had to remove them. On device, this was
    * causing issues with giant sized icons.
   */
   picture,
-video,
-canvas {
+  video,
+  canvas {
     display: block;
     max-width: 100%;
   }
-
   /* 7. Inherit fonts for form controls */
   input,
-button,
-textarea,
-select {
+  button,
+  textarea,
+  select {
     background: transparent;
     border-style: none;
     color: inherit;
     font: inherit;
   }
-
   /* 8. Avoid text overflows */
   p,
-h1,
-h2,
-h3,
-h4,
-h5,
-h6 {
+  h1,
+  h2,
+  h3,
+  h4,
+  h5,
+  h6 {
     overflow-wrap: break-word;
   }
-
   p {
     margin-bottom: 16px;
     /* 9. Improve line wrapping */
     text-wrap: pretty;
   }
-
   h1,
-h2,
-h3,
-h4,
-h5,
-h6 {
+  h2,
+  h3,
+  h4,
+  h5,
+  h6 {
     text-wrap: balance;
   }
-
   /* 10. Remove default tap highlight */
   button,
-a {
+  a {
     -webkit-tap-highlight-color: transparent;
   }
-
   /* 11. Add default padding to lists */
   ol,
-ul {
+  ul {
     padding-left: 24px;
   }
-
   /* 12. Remove default link styles
    * This was moved from the `_providers.scss` file to citrus-ui so that link styles are consistent
    * when CMS content is used in MFEs.
   */
   a,
-a:active,
-a:hover {
+  a:active,
+  a:hover {
     text-decoration: none;
   }
 }
@@ -681,6 +671,13 @@ body {
   line-height: 140%;
 }
 
+.caption-small {
+  font-size: 12px;
+  font-weight: 400;
+  letter-spacing: 0.25px;
+  line-height: 140%;
+}
+
 b,
 strong {
   font-weight: 650;
@@ -3440,5 +3437,5 @@ strong {
 .rounded-xxl {
   border-radius: 24px;
 }
-.c-accordion-item[data-v-0d90e6cc]::part(base){background:transparent;border:none}.c-accordion-item[data-v-0d90e6cc]::part(header){padding:16px}.c-accordion-item[data-v-0d90e6cc]::part(summary){font-size:16px;font-weight:650;letter-spacing:.25px;line-height:140%;padding-right:16px}.c-accordion-item[data-v-0d90e6cc]::part(summary-icon){rotate:0;transition-duration:.2s}.c-accordion-item[open][data-v-0d90e6cc]::part(summary-icon){rotate:180deg}.c-accordion-item[data-v-0d90e6cc]::part(content){padding:0 16px 16px}.c-accordion-item+.c-accordion-item[data-v-0d90e6cc]{border-top:1px solid rgba(0,0,0,.1)}.c-accordion-item--fluid[data-v-0d90e6cc]::part(content){padding:0}.c-accordion-item__header[data-v-0d90e6cc]{width:100%}.c-accordion-item__content[data-v-0d90e6cc]{box-sizing:border-box}.fade-enter-active[data-v-b3f4d795],.fade-leave-active[data-v-b3f4d795]{transition:opacity .3s ease-out}.fade-enter[data-v-b3f4d795],.fade-leave-to[data-v-b3f4d795]{opacity:0}.c-loader[data-v-0a94cfd0]{display:inline-flex;font-size:var(--loader-size);height:1em;width:1em}.c-loader__svg[data-v-0a94cfd0]{flex:1 1 auto;height:100%;overflow:visible;width:100%}.c-loader__indicator[data-v-0a94cfd0],.c-loader__track[data-v-0a94cfd0]{cx:.5em;cy:.5em;fill:none;r:calc(.5em - var(--track-width) / 2);stroke-width:var(--track-width)}.c-loader__indicator[data-v-0a94cfd0]{animation:spin-0a94cfd0 2s linear infinite;stroke:var(--indicator-color);stroke-dasharray:150% 75%;stroke-linecap:round;transform-origin:50% 50%}.c-loader__track[data-v-0a94cfd0]{stroke:var(--track-color);transform-origin:0% 0%}@keyframes spin-0a94cfd0{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-bc70ac40]{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-bc70ac40]{left:0;position:fixed;right:0;top:env(safe-area-inset-top);z-index:5}.c-app-bar--border[data-v-bc70ac40]{border-bottom:1px solid rgba(0,0,0,.1)}.c-app-bar__left[data-v-bc70ac40]{align-items:center;display:flex;flex:none;min-width:40px;justify-content:flex-start}.c-app-bar__right[data-v-bc70ac40]{align-items:center;display:flex;flex:none;min-width:40px;justify-content:flex-end}.c-app-bar__title[data-v-bc70ac40]{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-bc70ac40]{transform:translateY(3px)}.c-app-bar__title-content[data-v-bc70ac40]{font-size:16px;font-weight:650;letter-spacing:.25px;line-height:140%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.c-badge[data-v-dc4dde8c]{--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-8dcd3648] .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-adaf0929]{--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-adaf0929]::part(header-actions){padding:0}.c-bottom-sheet[data-v-adaf0929]::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-adaf0929]::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-adaf0929]::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-adaf0929]::part(body){border-radius:12px 12px 0 0;position:relative}.c-bottom-sheet[data-v-adaf0929]::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-adaf0929]::part(title){margin-right:28px}.c-bottom-sheet[data-v-adaf0929]::part(overlay){opacity:var(--overlay-opacity, 1)}.c-bottom-sheet__actions[data-v-adaf0929]{position:absolute;right:16px;top:16px}.c-bottom-sheet__body[data-v-adaf0929]{padding:0 24px var(--bottom-padding)}.c-bottom-sheet--with-footer .c-bottom-sheet__body[data-v-adaf0929]{padding-bottom:12px}.c-bottom-sheet--hide-title .c-bottom-sheet__body[data-v-adaf0929]{padding-top:16px}.c-bottom-sheet--hide-overlay[data-v-adaf0929]::part(overlay){display:none}.c-button[data-v-77b8314e]{-webkit-tap-highlight-color:transparent}.c-button[data-v-77b8314e]::part(base){border-width:1px;transition:background-color .2s ease-in-out}.c-button[data-v-77b8314e]::part(label){padding:0 16px}.c-button-size--medium[data-v-77b8314e]::part(base){--sl-input-height-medium: 40px}.c-button-size--large[data-v-77b8314e]::part(base){--sl-input-height-large: 48px}.c-button--has-prefix-icon[data-v-77b8314e]::part(base){padding-inline-start:16px}.c-button--has-prefix-icon[data-v-77b8314e]::part(label){padding-inline-start:8px}.c-button--has-suffix-icon[data-v-77b8314e]::part(base){padding-inline-end:16px}.c-button--has-suffix-icon[data-v-77b8314e]::part(label){padding-inline-end:8px}.c-button--block[data-v-77b8314e]{min-width:100%}.c-button-variant--primary[data-v-77b8314e]::part(base){background-color:#000;border-color:#000;color:#fff}.c-button-variant--primary[data-v-77b8314e]::part(base):hover{background-color:#000;border-color:#000;color:#fff}.c-button-variant--primary.c-button-level--danger[data-v-77b8314e]::part(base){background-color:#cd000c;border-color:#cd000c;color:#fff}.c-button-variant--primary.c-button-level--danger[data-v-77b8314e]::part(base):hover{background-color:#cd000c;border-color:#cd000c;color:#fff}.c-button-variant--secondary[data-v-77b8314e]::part(base){background-color:transparent;border-color:#000;color:#000}.c-button-variant--secondary[data-v-77b8314e]::part(base):hover{background-color:transparent;border-color:#000;color:#000}.c-button-variant--secondary.c-button-level--danger[data-v-77b8314e]::part(base){background-color:#fff;border-color:#cd000c;color:#cd000c}.c-button-variant--secondary.c-button-level--danger[data-v-77b8314e]::part(base):hover{background-color:#fff;border-color:#cd000c;color:#cd000c}.c-button-variant--tertiary[data-v-77b8314e]::part(base){background-color:transparent;border-color:transparent;color:#000}.c-button-variant--tertiary[data-v-77b8314e]::part(base):hover{background-color:transparent;border-color:transparent;color:#000}.c-button-variant--tertiary.c-button-level--danger[data-v-77b8314e]::part(base){background-color:transparent;border-color:transparent;color:#cd000c}.c-button-variant--tertiary.c-button-level--danger[data-v-77b8314e]::part(base):hover{background-color:transparent;border-color:transparent;color:#cd000c}:not(.c-button-level--danger).c-button-variant--primary[disabled][data-v-77b8314e]::part(base){background-color:#0000001a;border-color:#0000001a;color:#0000007a}:not(.c-button-level--danger).c-button-variant--secondary[disabled][data-v-77b8314e]::part(base){background-color:transparent;border-color:#0000004f;color:#0000004f}:not(.c-button-level--danger).c-button-variant--tertiary[disabled][data-v-77b8314e]::part(base){background-color:transparent;border-color:transparent;color:#0000004f}.c-card-header[data-v-58c36d8e]{font-size:16px;font-weight:650;letter-spacing:.25px;line-height:140%;display:flex}.c-card-header__title[data-v-58c36d8e]{flex:1 1 auto;padding:16px 16px 8px}.c-card-header__append[data-v-58c36d8e]{align-items:center;display:flex;flex:none}.c-card-header__append .c-icon-button[data-v-58c36d8e],.c-card-header__append .c-badge[data-v-58c36d8e]{margin-right:8px}.c-card[data-v-6f25cf6e]{--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-6f25cf6e]{margin-top:8px}.c-card--tile[data-v-6f25cf6e]{--border-radius: 0;border-left:none;border-right:none}.c-card--borderless[data-v-6f25cf6e]{--border-color: transparent}.c-card--link[data-v-6f25cf6e]{cursor:pointer}.c-card--stretch[data-v-6f25cf6e]{height:100%}.c-card-footer[data-v-8bb985e5],.c-card-section[data-v-a5ccfb80]{padding:0 16px 16px}.c-card-section[data-v-a5ccfb80]:first-child:not(.c-card-section--fluid){padding-top:16px}.c-card-section--fluid[data-v-a5ccfb80]{padding:0}.c-validation-message[data-v-83d75a24]{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-83d75a24]{color:#cd000c}.c-checkbox[data-v-df7b401d]{align-items:flex-start;cursor:pointer;display:flex;gap:8px;transition:border-color .2s ease;--padding: 12px}.c-checkbox--contained[data-v-df7b401d]{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-df7b401d]{border-color:#000;border-width:1px}.c-checkbox--contained.c-checkbox--invalid[data-v-df7b401d]{border-color:#cd000c}.c-checkbox--invalid[data-v-df7b401d]{color:#cd000c}.c-checkbox__input[data-v-df7b401d]{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-df7b401d]{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-df7b401d]{background-color:#000;border-color:#000}.c-checkbox--invalid .c-checkbox__control[data-v-df7b401d]{border-color:#cd000c}.c-checkbox__input:focus-visible~.c-checkbox__control[data-v-df7b401d]{outline:var(--sl-focus-ring);outline-offset:var(--sl-focus-ring-offset)}.c-checkbox__message[data-v-df7b401d]{margin-top:4px}.c-col[data-v-6dd23f0c]{flex-basis:0;flex-grow:1;max-width:100%}.c-col[data-v-6dd23f0c]:not(.c-col-auto){padding:12px;width:100%}.c-col-auto[data-v-6dd23f0c]{flex:0 0 auto;max-width:100%;width:auto}.c-col-1[data-v-6dd23f0c]{flex:0 0 calc(1 / 12 * 100%);max-width:calc(1 / 12 * 100%)}.c-col-2[data-v-6dd23f0c]{flex:0 0 calc(2 / 12 * 100%);max-width:calc(2 / 12 * 100%)}.c-col-3[data-v-6dd23f0c]{flex:0 0 25%;max-width:25%}.c-col-4[data-v-6dd23f0c]{flex:0 0 calc(4 / 12 * 100%);max-width:calc(4 / 12 * 100%)}.c-col-5[data-v-6dd23f0c]{flex:0 0 calc(5 / 12 * 100%);max-width:calc(5 / 12 * 100%)}.c-col-6[data-v-6dd23f0c]{flex:0 0 50%;max-width:50%}.c-col-7[data-v-6dd23f0c]{flex:0 0 calc(7 / 12 * 100%);max-width:calc(7 / 12 * 100%)}.c-col-8[data-v-6dd23f0c]{flex:0 0 calc(8 / 12 * 100%);max-width:calc(8 / 12 * 100%)}.c-col-9[data-v-6dd23f0c]{flex:0 0 75%;max-width:75%}.c-col-10[data-v-6dd23f0c]{flex:0 0 calc(10 / 12 * 100%);max-width:calc(10 / 12 * 100%)}.c-col-11[data-v-6dd23f0c]{flex:0 0 calc(11 / 12 * 100%);max-width:calc(11 / 12 * 100%)}.c-col-12[data-v-6dd23f0c]{flex:0 0 100%;max-width:100%}.c-divider[data-v-72e806c2]{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-72e806c2]{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-3fe2f247]::part(base){font-size:16px;line-height:0;padding:0;width:40px}.c-icon-button--inherit[data-v-3fe2f247]::part(base){color:inherit}.c-icon-button[data-v-3fe2f247]::part(label){align-items:center;display:flex;justify-content:center;padding:0}.c-icon-button-size--large[data-v-3fe2f247]::part(base){width:48px}.c-icon-button__icon--spin[data-v-3fe2f247]{animation:loader-spin-fast-slow 3.5s infinite cubic-bezier(.35,.16,.65,.84)}.c-text-field__label[data-v-13e975d5]{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-13e975d5]{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-13e975d5]{border-color:#000}.c-text-field--invalid .c-text-field__label[data-v-13e975d5]{color:#cd000c}.c-text-field--invalid .c-text-field__container[data-v-13e975d5]{border-color:#cd000c;color:#cd000c}.c-text-field--hide-label .c-text-field__label[data-v-13e975d5]{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-13e975d5]{color:#0000004f}.c-text-field--disabled .c-text-field__container[data-v-13e975d5]{background-color:#0000000a;color:#0000004f}.c-text-field__input[data-v-13e975d5]{background-color:transparent;border:none;border-radius:12px;flex:1 1 0%;outline:none;width:100%}.c-text-field__input--has-prefix[data-v-13e975d5]{border-bottom-left-radius:0;border-top-left-radius:0}.c-text-field__input--has-suffix[data-v-13e975d5]{border-bottom-right-radius:0;border-top-right-radius:0}.c-text-field__suffix-btn[data-v-13e975d5]{margin-right:4px}.c-text-field__clear-btn[data-v-13e975d5]{background:none;border:none;cursor:pointer;font-size:1rem;margin-left:.5rem}.c-text-field--medium .c-text-field__input[data-v-13e975d5]{padding:12px 16px}.c-text-field--medium .c-text-field__input--clearable[data-v-13e975d5],.c-text-field--medium .c-text-field__input--hideable[data-v-13e975d5]{padding-right:0}.c-text-field--medium .c-text-field__input--has-suffix[data-v-13e975d5]{padding-right:8px}.c-text-field--large .c-text-field__input[data-v-13e975d5]{padding:24px}.c-text-field--large .c-text-field__input--clearable[data-v-13e975d5],.c-text-field--large .c-text-field__input--hideable[data-v-13e975d5]{padding-right:0}.c-text-field--large .c-text-field__input--has-suffix[data-v-13e975d5]{padding-right:8px}.c-text-field__prefix[data-v-13e975d5]{flex:0 0 auto;margin-left:16px}.c-text-field__suffix[data-v-13e975d5]{align-items:center;display:flex;flex:0 0 auto;gap:12px;margin-right:16px}.c-text-field__validation-message[data-v-13e975d5]{margin-top:4px}.c-text-field__message[data-v-13e975d5]{font-size:14px;font-weight:400;letter-spacing:.25px;line-height:140%;color:#000000b0;margin-bottom:16px}.c-select[data-v-14768c38]{display:flex;flex-direction:column}.c-select--disabled[data-v-14768c38]{color:#0000004f}.c-select__label[data-v-14768c38]{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-14768c38]{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-14768c38]{align-items:center;display:flex;position:relative}.c-select__icon[data-v-14768c38]{pointer-events:none;position:absolute;right:16px}.c-select__input[data-v-14768c38]{-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-14768c38]:focus{border-color:#000}.c-select__input--has-value[data-v-14768c38]{color:#000}.c-select__input--invalid[data-v-14768c38]{border-color:#000;outline-color:#000}.c-select__input[disabled][data-v-14768c38]{background-color:#0000000a}.c-select__message[data-v-14768c38]{margin-top:4px}.c-dob-select__label[data-v-16260a2c]{font-size:16px;font-weight:650;letter-spacing:.25px;line-height:140%;display:inline-block;margin-bottom:4px}.c-dob-select__container[data-v-16260a2c]{display:flex;gap:12px}.c-dob-select__field[data-v-16260a2c]{flex:auto}.c-dob-select__messages[data-v-16260a2c]{margin-top:4px}.c-expand-transition[data-v-9917a865]{overflow:hidden;transition:height .3s ease}.c-expand-transition__content[data-v-9917a865]{overflow:hidden}.c-expand-transition--disabled[data-v-9917a865]{transition:none}.c-file-input[data-v-e5d85a35]{align-items:flex-start;display:flex;flex-direction:column;position:relative}.c-file-input:focus-within .c-file-input__prompt[data-v-e5d85a35]{outline:var(--sl-focus-ring);outline-offset:var(--sl-focus-ring-offset)}.c-file-input--disabled:hover .c-file-input__prompt[data-v-e5d85a35]{background-color:transparent;border-color:#0000004f;color:#0000004f}.c-file-input--disabled .c-file-input__label[data-v-e5d85a35]{color:#0000004f}.c-file-input--disabled .c-file-input__prompt[data-v-e5d85a35]{background-color:transparent;border-color:#0000004f;color:#0000004f}.c-file-input--disabled .c-file-input__input[data-v-e5d85a35]{cursor:not-allowed}.c-file-input__label[data-v-e5d85a35]{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-e5d85a35]{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-e5d85a35]:hover{background-color:transparent;border-color:#000;color:#000}.c-file-input__input[data-v-e5d85a35]{cursor:pointer;height:100%;top:0;right:0;bottom:0;left:0;opacity:0;position:absolute;width:100%}.c-file-input__files[data-v-e5d85a35]{display:flex;flex-direction:column;gap:var(--sl-spacing-3x-small);margin-top:var(--sl-spacing-2x-small)}.c-file-input__file[data-v-e5d85a35]{font-size:14px;font-weight:400;letter-spacing:.25px;line-height:140%;word-break:break-word}.c-fixed-page-footer[data-v-ecb09be1]{bottom:0;left:0;position:fixed;right:0;z-index:1}.c-fixed-page-footer[data-v-ecb09be1]: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-ecb09be1]{padding:0 16px max(env(safe-area-inset-bottom,0),8px)}.c-label[data-v-4d7e42d8]{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-4d7e42d8]:not(:last-child){margin-right:8px}.c-list-item-content[data-v-1855e2e2]{flex:1 1 auto;min-width:0}.c-list-item-content__title[data-v-1855e2e2]{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-1855e2e2]{margin-top:2px}.c-squared-icon[data-v-f322d32b]{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-f322d32b]{color:#fff}.c-squared-icon--large[data-v-f322d32b]{border-radius:12px;font-size:20px;height:56px;width:56px}.c-list-item-icon[data-v-a2993619]{flex:none}.c-list-item[data-v-c3185322]{background:transparent;color:#000;min-height:64px;outline:none;text-align:left;text-decoration:none}.c-list-item+.c-list-item[data-v-c3185322]{border-top:1px solid rgba(0,0,0,.1)}.c-list-item[data-v-c3185322]:focus-visible{outline:var(--sl-focus-ring);outline-offset:var(--sl-focus-ring-offset)}.c-list-item--is-tappable[data-v-c3185322]{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;cursor:pointer}.c-list-item__append__action-icon[data-v-c3185322]{color:#000000b0;font-size:16px}.c-menu[data-v-d8ec7807]{--sl-panel-border-width: $border-width}.menu-item[data-v-6fd3ba36]::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-6fd3ba36]::part(base):hover{background-color:var(--sl-color-neutral-100);color:var(--sl-color-neutral-1000);cursor:pointer}.menu-item[data-v-6fd3ba36]::part(checked-icon){display:none}.menu-item[data-v-6fd3ba36]::part(submenu-icon){display:none}.menu-item .checkbox[data-v-6fd3ba36]{pointer-events:none}.menu-item .check-icon[data-v-6fd3ba36]{width:14px}.menu-label[data-v-53bb607d]::part(base){font-size:12px;font-weight:700;letter-spacing:.5px;line-height:120%;text-transform:uppercase;padding:0}.c-modal[data-v-aec1f72d]::part(body){padding:24px 24px 16px}.c-modal[data-v-aec1f72d] .c-card-section{padding:0!important}.c-modal[data-v-aec1f72d] .c-card-footer{padding:24px 0 0}.c-modal[data-v-aec1f72d] .c-expand-transition--disabled .c-expand-transition__content{height:100%}.c-modal__title[data-v-aec1f72d]{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-aec1f72d]{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-aec1f72d]{display:flex;flex-direction:column;height:100%}.c-modal__content[data-v-aec1f72d]{display:flex;flex:auto;flex-direction:column;max-height:100%}.c-modal__footer[data-v-aec1f72d]{flex:none;padding:24px 0 0}.c-modal__loading[data-v-aec1f72d]{padding:32px 0 24px;text-align:center}.c-modal__loading__loader[data-v-aec1f72d]{line-height:1;margin-bottom:8px}.c-modal--fullscreen[data-v-aec1f72d]::part(panel){border-radius:0;height:100%;max-height:none;max-width:none;width:100%}.c-modal--fullscreen[data-v-aec1f72d]::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-aec1f72d]{height:100%}.c-notification[data-v-9c0ebc16]{background-color:#e0edff;border-radius:12px;padding:16px;position:relative}.c-notification--success[data-v-9c0ebc16]{background-color:#dcf2cb}.c-notification--alert[data-v-9c0ebc16]{background-color:#ffe5dd}.c-notification--warning[data-v-9c0ebc16]{background-color:#fff0ba}.c-notification__close-button[data-v-9c0ebc16]{float:right;font-size:14px;margin-right:-8px;margin-top:-8px}.c-notification__title[data-v-9c0ebc16]{align-items:center;display:flex;margin-bottom:8px}.c-notification__title-icon[data-v-9c0ebc16]{margin-right:8px}.c-notification__title-text[data-v-9c0ebc16]{flex:1}.c-notification__button[data-v-9c0ebc16]{margin-top:12px}.c-pill[data-v-43172803]{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-43172803]{background-color:#000;border-color:#000;color:#fff}.c-pill-body[data-v-43172803]{align-items:center;display:flex;gap:8px;height:100%;line-height:1;white-space:nowrap}.c-pill-icon[data-v-43172803]{width:16px}.c-pill-group[data-v-370f74c6]{overflow:scroll hidden;padding:0 16px}.c-pill-group__track[data-v-370f74c6]{border:none;display:block;display:flex;flex-wrap:nowrap;gap:8px}.c-popup[data-v-fcdb504f]::part(popup){z-index:1}.anchor[data-v-fcdb504f]{height:-moz-fit-content;height:fit-content}.c-progress-linear[data-v-46381206]{--height: 4px;--indicator-color: #000;--track-color: rgba(0, 0, 0, .1)}.c-progress-linear[data-v-46381206]::part(base){border-radius:0}.c-progress-linear--rounded[data-v-46381206]::part(base){border-radius:2px}.c-progress-ring[data-v-b9b9c802]{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-b9b9c802]{color:var(--indicator-color);font-size:14px;font-weight:700}.c-progress-ring__svg[data-v-b9b9c802]{height:100%;position:absolute;width:100%}.c-progress-ring__indicator[data-v-b9b9c802],.c-progress-ring__track[data-v-b9b9c802]{cx:.5em;cy:.5em;fill:none;r:calc(.5em - var(--track-width) / 2);stroke-width:var(--track-width)}.c-progress-ring__indicator[data-v-b9b9c802]{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-b9b9c802]{stroke:var(--track-color)}.c-radio[data-v-a18ed533]{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-a18ed533]{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-a18ed533]{padding:0 12px;width:100%}.c-radio--checked[data-v-a18ed533]{border-color:#000}.c-radio--invalid[data-v-a18ed533]{border-color:#cd000c}.c-radio--invalid .c-radio__input[data-v-a18ed533]{accent-color:#cd000c;border-color:#cd000c}.c-radio-group[data-v-d68efbf0]{border:none;display:flex;flex-direction:row;gap:8px;width:100%}.c-radio-group.c-radio-group--column[data-v-d68efbf0]{flex-direction:column}.c-radio-group--row[data-v-d68efbf0]{align-items:center}.c-radio-group--row[data-v-d68efbf0] .c-radio{width:auto}.w-100[data-v-011ad982]{width:100%}.c-row[data-v-426af58c]{display:flex;flex:1 1 auto;flex-wrap:wrap;margin:0 -12px}.c-row--dense[data-v-426af58c]{margin:0 -4px}.c-row--no-gutters[data-v-426af58c]{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-f3be92b0]{align-items:center;display:flex;gap:12px;height:48px;justify-content:space-between}.c-section-header__title[data-v-f3be92b0]{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-f3be92b0]{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-bb292787]{--size: 36px;border-radius:calc(var(--size) / 2);height:var(--size);overflow:hidden;width:var(--size)}.c-skeleton-loader-text[data-v-faff1792]{display:flex;flex-direction:column;width:100%}.c-skeleton-loader-text__line[data-v-faff1792]{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-faff1792]{height:16px}.c-skeleton-loader-text__line[data-v-faff1792]:last-child{width:calc(100% - 32px)}.c-skeleton-loader-text__line--balance[data-v-faff1792]{font-size:26px;line-height:100%;max-width:120px}.c-skeleton-loader-text__line--balance .c-skeleton-loader-text__line__skeleton[data-v-faff1792]{height:26px}.c-skeleton-loader-text__line--caption[data-v-faff1792]{font-size:14px;line-height:140%}.c-skeleton-loader-text__line--caption .c-skeleton-loader-text__line__skeleton[data-v-faff1792]{height:14px}.c-skeleton-loader-text__line--eyebrow[data-v-faff1792]{font-size:12px;line-height:120%}.c-skeleton-loader-text__line--eyebrow .c-skeleton-loader-text__line__skeleton[data-v-faff1792]{height:12px}.c-skeleton-loader-text__line--headline[data-v-faff1792]{font-size:20px;line-height:125%}.c-skeleton-loader-text__line--headline .c-skeleton-loader-text__line__skeleton[data-v-faff1792]{height:20px}.c-skeleton-loader-text__line--large-headline[data-v-faff1792]{font-size:26px;line-height:120%}.c-skeleton-loader-text__line--large-headline .c-skeleton-loader-text__line__skeleton[data-v-faff1792]{height:26px}.c-skeleton-loader-text__line--statement[data-v-faff1792]{font-size:16px;line-height:100%}.c-skeleton-loader-text__line--statement .c-skeleton-loader-text__line__skeleton[data-v-faff1792]{height:16px}.c-skeleton-loader-text__line--subheadline[data-v-faff1792]{font-size:16px;line-height:140%}.c-skeleton-loader-text__line--subheadline .c-skeleton-loader-text__line__skeleton[data-v-faff1792]{height:16px}.c-skeleton-loader-text__line--wallet-caption[data-v-faff1792]{font-size:13px;line-height:140%}.c-skeleton-loader-text__line--wallet-caption .c-skeleton-loader-text__line__skeleton[data-v-faff1792]{height:13px}.c-skeleton-loader-text__line--x-large-headline[data-v-faff1792]{font-size:32px;line-height:120%}.c-skeleton-loader-text__line--x-large-headline .c-skeleton-loader-text__line__skeleton[data-v-faff1792]{height:32px}.slide-fade-enter-active[data-v-587b729f],.slide-fade-leave-active[data-v-587b729f]{transition:all .3s ease-out}.slide-fade-enter[data-v-587b729f],.slide-fade-enter-from[data-v-587b729f],.slide-fade-leave-to[data-v-587b729f]{opacity:0}.to-left .slide-fade-enter[data-v-587b729f],.to-left .slide-fade-enter-from[data-v-587b729f],.to-left .slide-fade-leave-to[data-v-587b729f]{transform:translate(calc(-1 * var(--slide-fade-amount)))}.to-right .slide-fade-enter[data-v-587b729f],.to-right .slide-fade-enter-from[data-v-587b729f],.to-right .slide-fade-leave-to[data-v-587b729f]{transform:translate(var(--slide-fade-amount))}.to-top .slide-fade-enter[data-v-587b729f],.to-top .slide-fade-enter-from[data-v-587b729f],.to-top .slide-fade-leave-to[data-v-587b729f]{transform:translateY(calc(-1 * var(--slide-fade-amount)))}.to-bottom .slide-fade-enter[data-v-587b729f],.to-bottom .slide-fade-enter-from[data-v-587b729f],.to-bottom .slide-fade-leave-to[data-v-587b729f]{transform:translateY(var(--slide-fade-amount))}.c-split-input[data-v-d07558f9]::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-d07558f9]::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-d07558f9]::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-3f2f25d9]{background-color:#cd000c;border-radius:9999px;display:inline-block;height:8px;width:8px}.c-status-dot--bordered[data-v-3f2f25d9]{box-shadow:0 0 0 1.5px #fff}.c-status-dot--count[data-v-3f2f25d9]{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-e6b0a9f0]{--width: 44px;--height: 24px;--thumb-size: 20px}.c-switch[data-v-e6b0a9f0]::part(control){border:none}.c-switch[data-v-e6b0a9f0]::part(thumb){align-items:center;border:none;display:flex;justify-content:center}.c-switch[data-v-e6b0a9f0]::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-e6b0a9f0]::part(control){background-color:#0000007a}.c-switch[data-v-e6b0a9f0]::part(thumb){background-color:#fff}.c-switch[data-v-e6b0a9f0]::part(thumb):after{background-color:transparent}.c-switch--label-first[data-v-e6b0a9f0]::part(base){flex-direction:row-reverse;gap:12px;width:100%}.c-switch--label-first[data-v-e6b0a9f0]::part(label){flex:1;margin:0}.c-switch--checked[data-v-e6b0a9f0]::part(control){background-color:#3fa41c}.c-switch--checked[data-v-e6b0a9f0]::part(thumb){background-color:#fff}.c-switch--checked[data-v-e6b0a9f0]::part(thumb):after{background-color:#3fa41c}.c-switch--disabled[data-v-e6b0a9f0]::part(control){background-color:#0000004f}.c-switch--disabled[data-v-e6b0a9f0]::part(thumb){background-color:#0000001a}.c-switch--disabled[data-v-e6b0a9f0]::part(thumb):after{background-color:transparent}.c-switch--disabled.c-switch--checked[data-v-e6b0a9f0]::part(control){background-color:#0000004f}.c-switch--disabled.c-switch--checked[data-v-e6b0a9f0]::part(thumb){background-color:#0000001a}.c-switch--disabled.c-switch--checked[data-v-e6b0a9f0]::part(thumb):after{background-color:#0000004f}.c-switch__sr-label[data-v-e6b0a9f0]{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-337edd4f]{width:100%}.c-switch-list-item__switch[data-v-337edd4f]::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-337edd4f]::part(label){align-items:center;display:flex;flex:1;gap:12px;justify-content:space-between;margin:0}.c-text-area__label[data-v-6a001914]{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--invalid .c-text-area__label[data-v-6a001914]{color:#cd000c}.c-text-area--disabled .c-text-area__label[data-v-6a001914]{color:#0000004f}.c-text-area--hide-label .c-text-area__label[data-v-6a001914]{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-6a001914]{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-6a001914]:focus,.c-text-area__input[data-v-6a001914]:focus-within{border-color:#000;outline:none}.c-text-area--invalid .c-text-area__input[data-v-6a001914]{border-color:#cd000c;color:#cd000c;outline:none}.c-text-area__input[data-v-6a001914]:disabled{background-color:#0000000a;color:#0000004f}.c-text-area__message[data-v-6a001914]{font-size:14px;font-weight:400;letter-spacing:.25px;line-height:140%;color:#000000b0;margin-bottom:16px}.c-text-link[data-v-8ac57bbb]{color:#000;font-weight:650}.c-text-link--underline[data-v-8ac57bbb]{text-decoration:underline;-webkit-text-decoration-skip-ink:none;text-decoration-skip-ink:none;text-underline-offset:3px}.c-third-party-logo[data-v-ccf3620c]{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-ccf3620c]{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-ccf3620c]{opacity:0}.transition-opacity[data-v-ccf3620c]{transition:opacity .1s ease-in-out}.c-toast[data-v-2b78e8be]{margin:16px}.c-toast[data-v-2b78e8be]::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-2b78e8be]::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-2b78e8be]::part(icon){padding-left:12px}.c-toast--error[data-v-2b78e8be]::part(base){background-color:#ffaaa5}.c-toast--success[data-v-2b78e8be]::part(base){background-color:#b8da96}.c-toast--warning[data-v-2b78e8be]::part(base){background-color:#fcde74}.c-toast__message[data-v-2b78e8be]{flex:auto}.c-toast__icon[data-v-2b78e8be]{color:#000;font-size:16px}
+.c-accordion-item[data-v-0d90e6cc]::part(base){background:transparent;border:none}.c-accordion-item[data-v-0d90e6cc]::part(header){padding:16px}.c-accordion-item[data-v-0d90e6cc]::part(summary){font-size:16px;font-weight:650;letter-spacing:.25px;line-height:140%;padding-right:16px}.c-accordion-item[data-v-0d90e6cc]::part(summary-icon){rotate:0;transition-duration:.2s}.c-accordion-item[open][data-v-0d90e6cc]::part(summary-icon){rotate:180deg}.c-accordion-item[data-v-0d90e6cc]::part(content){padding:0 16px 16px}.c-accordion-item+.c-accordion-item[data-v-0d90e6cc]{border-top:1px solid rgba(0,0,0,.1)}.c-accordion-item--fluid[data-v-0d90e6cc]::part(content){padding:0}.c-accordion-item__header[data-v-0d90e6cc]{width:100%}.c-accordion-item__content[data-v-0d90e6cc]{box-sizing:border-box}.fade-enter-active[data-v-b3f4d795],.fade-leave-active[data-v-b3f4d795]{transition:opacity .3s ease-out}.fade-enter[data-v-b3f4d795],.fade-leave-to[data-v-b3f4d795]{opacity:0}.c-loader[data-v-0a94cfd0]{display:inline-flex;font-size:var(--loader-size);height:1em;width:1em}.c-loader__svg[data-v-0a94cfd0]{flex:1 1 auto;height:100%;overflow:visible;width:100%}.c-loader__indicator[data-v-0a94cfd0],.c-loader__track[data-v-0a94cfd0]{cx:.5em;cy:.5em;fill:none;r:calc(.5em - var(--track-width) / 2);stroke-width:var(--track-width)}.c-loader__indicator[data-v-0a94cfd0]{animation:spin-0a94cfd0 2s linear infinite;stroke:var(--indicator-color);stroke-dasharray:150% 75%;stroke-linecap:round;transform-origin:50% 50%}.c-loader__track[data-v-0a94cfd0]{stroke:var(--track-color);transform-origin:0% 0%}@keyframes spin-0a94cfd0{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-bc70ac40]{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-bc70ac40]{left:0;position:fixed;right:0;top:env(safe-area-inset-top);z-index:5}.c-app-bar--border[data-v-bc70ac40]{border-bottom:1px solid rgba(0,0,0,.1)}.c-app-bar__left[data-v-bc70ac40]{align-items:center;display:flex;flex:none;min-width:40px;justify-content:flex-start}.c-app-bar__right[data-v-bc70ac40]{align-items:center;display:flex;flex:none;min-width:40px;justify-content:flex-end}.c-app-bar__title[data-v-bc70ac40]{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-bc70ac40]{transform:translateY(3px)}.c-app-bar__title-content[data-v-bc70ac40]{font-size:16px;font-weight:650;letter-spacing:.25px;line-height:140%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.c-badge[data-v-dc4dde8c]{--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-8dcd3648] .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-adaf0929]{--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-adaf0929]::part(header-actions){padding:0}.c-bottom-sheet[data-v-adaf0929]::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-adaf0929]::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-adaf0929]::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-adaf0929]::part(body){border-radius:12px 12px 0 0;position:relative}.c-bottom-sheet[data-v-adaf0929]::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-adaf0929]::part(title){margin-right:28px}.c-bottom-sheet[data-v-adaf0929]::part(overlay){opacity:var(--overlay-opacity, 1)}.c-bottom-sheet__actions[data-v-adaf0929]{position:absolute;right:16px;top:16px}.c-bottom-sheet__body[data-v-adaf0929]{padding:0 24px var(--bottom-padding)}.c-bottom-sheet--with-footer .c-bottom-sheet__body[data-v-adaf0929]{padding-bottom:12px}.c-bottom-sheet--hide-title .c-bottom-sheet__body[data-v-adaf0929]{padding-top:16px}.c-bottom-sheet--hide-overlay[data-v-adaf0929]::part(overlay){display:none}.c-button[data-v-6e289d19]{-webkit-tap-highlight-color:transparent}.c-button[data-v-6e289d19]::part(base){border-width:1px;transition:background-color .2s ease-in-out}.c-button[data-v-6e289d19]::part(label){padding:0 16px}.c-button-size--medium[data-v-6e289d19]::part(base){--sl-input-height-medium: 40px}.c-button-size--large[data-v-6e289d19]::part(base){--sl-input-height-large: 48px}.c-button--has-prefix-icon[data-v-6e289d19]::part(base){padding-inline-start:16px}.c-button--has-prefix-icon[data-v-6e289d19]::part(label){padding-inline-start:8px}.c-button--has-suffix-icon[data-v-6e289d19]::part(base){padding-inline-end:16px}.c-button--has-suffix-icon[data-v-6e289d19]::part(label){padding-inline-end:8px}.c-button--block[data-v-6e289d19]{min-width:100%}.c-button-variant--primary[data-v-6e289d19]::part(base){background-color:#000;border-color:#000;color:#fff}.c-button-variant--primary[data-v-6e289d19]::part(base):hover{background-color:#000;border-color:#000;color:#fff}.c-button-variant--primary.c-button-level--danger[data-v-6e289d19]::part(base){background-color:#cd000c;border-color:#cd000c;color:#fff}.c-button-variant--primary.c-button-level--danger[data-v-6e289d19]::part(base):hover{background-color:#cd000c;border-color:#cd000c;color:#fff}.c-button-variant--secondary[data-v-6e289d19]::part(base){background-color:transparent;border-color:#000;color:#000}.c-button-variant--secondary[data-v-6e289d19]::part(base):hover{background-color:transparent;border-color:#000;color:#000}.c-button-variant--secondary.c-button-level--danger[data-v-6e289d19]::part(base){background-color:#fff;border-color:#cd000c;color:#cd000c}.c-button-variant--secondary.c-button-level--danger[data-v-6e289d19]::part(base):hover{background-color:#fff;border-color:#cd000c;color:#cd000c}.c-button-variant--tertiary[data-v-6e289d19]::part(base){background-color:transparent;border-color:transparent;color:#000}.c-button-variant--tertiary[data-v-6e289d19]::part(base):hover{background-color:transparent;border-color:transparent;color:#000}.c-button-variant--tertiary.c-button-level--danger[data-v-6e289d19]::part(base){background-color:transparent;border-color:transparent;color:#cd000c}.c-button-variant--tertiary.c-button-level--danger[data-v-6e289d19]::part(base):hover{background-color:transparent;border-color:transparent;color:#cd000c}:not(.c-button-level--danger).c-button-variant--primary[disabled][data-v-6e289d19]::part(base){background-color:#0000001a;border-color:#0000001a;color:#000000b0}:not(.c-button-level--danger).c-button-variant--secondary[disabled][data-v-6e289d19]::part(base){background-color:transparent;border-color:#000000b0;color:#000000b0}:not(.c-button-level--danger).c-button-variant--tertiary[disabled][data-v-6e289d19]::part(base){background-color:transparent;border-color:transparent;color:#000000b0}.c-card-header[data-v-58c36d8e]{font-size:16px;font-weight:650;letter-spacing:.25px;line-height:140%;display:flex}.c-card-header__title[data-v-58c36d8e]{flex:1 1 auto;padding:16px 16px 8px}.c-card-header__append[data-v-58c36d8e]{align-items:center;display:flex;flex:none}.c-card-header__append .c-icon-button[data-v-58c36d8e],.c-card-header__append .c-badge[data-v-58c36d8e]{margin-right:8px}.c-card[data-v-6f25cf6e]{--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-6f25cf6e]{margin-top:8px}.c-card--tile[data-v-6f25cf6e]{--border-radius: 0;border-left:none;border-right:none}.c-card--borderless[data-v-6f25cf6e]{--border-color: transparent}.c-card--link[data-v-6f25cf6e]{cursor:pointer}.c-card--stretch[data-v-6f25cf6e]{height:100%}.c-card-footer[data-v-8bb985e5],.c-card-section[data-v-a5ccfb80]{padding:0 16px 16px}.c-card-section[data-v-a5ccfb80]:first-child:not(.c-card-section--fluid){padding-top:16px}.c-card-section--fluid[data-v-a5ccfb80]{padding:0}.c-validation-message[data-v-83d75a24]{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-83d75a24]{color:#cd000c}.c-checkbox[data-v-df7b401d]{align-items:flex-start;cursor:pointer;display:flex;gap:8px;transition:border-color .2s ease;--padding: 12px}.c-checkbox--contained[data-v-df7b401d]{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-df7b401d]{border-color:#000;border-width:1px}.c-checkbox--contained.c-checkbox--invalid[data-v-df7b401d]{border-color:#cd000c}.c-checkbox--invalid[data-v-df7b401d]{color:#cd000c}.c-checkbox__input[data-v-df7b401d]{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-df7b401d]{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-df7b401d]{background-color:#000;border-color:#000}.c-checkbox--invalid .c-checkbox__control[data-v-df7b401d]{border-color:#cd000c}.c-checkbox__input:focus-visible~.c-checkbox__control[data-v-df7b401d]{outline:var(--sl-focus-ring);outline-offset:var(--sl-focus-ring-offset)}.c-checkbox__message[data-v-df7b401d]{margin-top:4px}.c-col[data-v-6dd23f0c]{flex-basis:0;flex-grow:1;max-width:100%}.c-col[data-v-6dd23f0c]:not(.c-col-auto){padding:12px;width:100%}.c-col-auto[data-v-6dd23f0c]{flex:0 0 auto;max-width:100%;width:auto}.c-col-1[data-v-6dd23f0c]{flex:0 0 calc(1 / 12 * 100%);max-width:calc(1 / 12 * 100%)}.c-col-2[data-v-6dd23f0c]{flex:0 0 calc(2 / 12 * 100%);max-width:calc(2 / 12 * 100%)}.c-col-3[data-v-6dd23f0c]{flex:0 0 25%;max-width:25%}.c-col-4[data-v-6dd23f0c]{flex:0 0 calc(4 / 12 * 100%);max-width:calc(4 / 12 * 100%)}.c-col-5[data-v-6dd23f0c]{flex:0 0 calc(5 / 12 * 100%);max-width:calc(5 / 12 * 100%)}.c-col-6[data-v-6dd23f0c]{flex:0 0 50%;max-width:50%}.c-col-7[data-v-6dd23f0c]{flex:0 0 calc(7 / 12 * 100%);max-width:calc(7 / 12 * 100%)}.c-col-8[data-v-6dd23f0c]{flex:0 0 calc(8 / 12 * 100%);max-width:calc(8 / 12 * 100%)}.c-col-9[data-v-6dd23f0c]{flex:0 0 75%;max-width:75%}.c-col-10[data-v-6dd23f0c]{flex:0 0 calc(10 / 12 * 100%);max-width:calc(10 / 12 * 100%)}.c-col-11[data-v-6dd23f0c]{flex:0 0 calc(11 / 12 * 100%);max-width:calc(11 / 12 * 100%)}.c-col-12[data-v-6dd23f0c]{flex:0 0 100%;max-width:100%}.c-divider[data-v-72e806c2]{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-72e806c2]{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-3fe2f247]::part(base){font-size:16px;line-height:0;padding:0;width:40px}.c-icon-button--inherit[data-v-3fe2f247]::part(base){color:inherit}.c-icon-button[data-v-3fe2f247]::part(label){align-items:center;display:flex;justify-content:center;padding:0}.c-icon-button-size--large[data-v-3fe2f247]::part(base){width:48px}.c-icon-button__icon--spin[data-v-3fe2f247]{animation:loader-spin-fast-slow 3.5s infinite cubic-bezier(.35,.16,.65,.84)}.c-text-field__label[data-v-13e975d5]{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-13e975d5]{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-13e975d5]{border-color:#000}.c-text-field--invalid .c-text-field__label[data-v-13e975d5]{color:#cd000c}.c-text-field--invalid .c-text-field__container[data-v-13e975d5]{border-color:#cd000c;color:#cd000c}.c-text-field--hide-label .c-text-field__label[data-v-13e975d5]{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-13e975d5]{color:#0000004f}.c-text-field--disabled .c-text-field__container[data-v-13e975d5]{background-color:#0000000a;color:#0000004f}.c-text-field__input[data-v-13e975d5]{background-color:transparent;border:none;border-radius:12px;flex:1 1 0%;outline:none;width:100%}.c-text-field__input--has-prefix[data-v-13e975d5]{border-bottom-left-radius:0;border-top-left-radius:0}.c-text-field__input--has-suffix[data-v-13e975d5]{border-bottom-right-radius:0;border-top-right-radius:0}.c-text-field__suffix-btn[data-v-13e975d5]{margin-right:4px}.c-text-field__clear-btn[data-v-13e975d5]{background:none;border:none;cursor:pointer;font-size:1rem;margin-left:.5rem}.c-text-field--medium .c-text-field__input[data-v-13e975d5]{padding:12px 16px}.c-text-field--medium .c-text-field__input--clearable[data-v-13e975d5],.c-text-field--medium .c-text-field__input--hideable[data-v-13e975d5]{padding-right:0}.c-text-field--medium .c-text-field__input--has-suffix[data-v-13e975d5]{padding-right:8px}.c-text-field--large .c-text-field__input[data-v-13e975d5]{padding:24px}.c-text-field--large .c-text-field__input--clearable[data-v-13e975d5],.c-text-field--large .c-text-field__input--hideable[data-v-13e975d5]{padding-right:0}.c-text-field--large .c-text-field__input--has-suffix[data-v-13e975d5]{padding-right:8px}.c-text-field__prefix[data-v-13e975d5]{flex:0 0 auto;margin-left:16px}.c-text-field__suffix[data-v-13e975d5]{align-items:center;display:flex;flex:0 0 auto;gap:12px;margin-right:16px}.c-text-field__validation-message[data-v-13e975d5]{margin-top:4px}.c-text-field__message[data-v-13e975d5]{font-size:14px;font-weight:400;letter-spacing:.25px;line-height:140%;color:#000000b0;margin-bottom:16px}.c-select[data-v-14768c38]{display:flex;flex-direction:column}.c-select--disabled[data-v-14768c38]{color:#0000004f}.c-select__label[data-v-14768c38]{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-14768c38]{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-14768c38]{align-items:center;display:flex;position:relative}.c-select__icon[data-v-14768c38]{pointer-events:none;position:absolute;right:16px}.c-select__input[data-v-14768c38]{-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-14768c38]:focus{border-color:#000}.c-select__input--has-value[data-v-14768c38]{color:#000}.c-select__input--invalid[data-v-14768c38]{border-color:#000;outline-color:#000}.c-select__input[disabled][data-v-14768c38]{background-color:#0000000a}.c-select__message[data-v-14768c38]{margin-top:4px}.c-dob-select__label[data-v-16260a2c]{font-size:16px;font-weight:650;letter-spacing:.25px;line-height:140%;display:inline-block;margin-bottom:4px}.c-dob-select__container[data-v-16260a2c]{display:flex;gap:12px}.c-dob-select__field[data-v-16260a2c]{flex:auto}.c-dob-select__messages[data-v-16260a2c]{margin-top:4px}.c-expand-transition[data-v-9917a865]{overflow:hidden;transition:height .3s ease}.c-expand-transition__content[data-v-9917a865]{overflow:hidden}.c-expand-transition--disabled[data-v-9917a865]{transition:none}.c-file-input[data-v-e5d85a35]{align-items:flex-start;display:flex;flex-direction:column;position:relative}.c-file-input:focus-within .c-file-input__prompt[data-v-e5d85a35]{outline:var(--sl-focus-ring);outline-offset:var(--sl-focus-ring-offset)}.c-file-input--disabled:hover .c-file-input__prompt[data-v-e5d85a35]{background-color:transparent;border-color:#0000004f;color:#0000004f}.c-file-input--disabled .c-file-input__label[data-v-e5d85a35]{color:#0000004f}.c-file-input--disabled .c-file-input__prompt[data-v-e5d85a35]{background-color:transparent;border-color:#0000004f;color:#0000004f}.c-file-input--disabled .c-file-input__input[data-v-e5d85a35]{cursor:not-allowed}.c-file-input__label[data-v-e5d85a35]{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-e5d85a35]{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-e5d85a35]:hover{background-color:transparent;border-color:#000;color:#000}.c-file-input__input[data-v-e5d85a35]{cursor:pointer;height:100%;inset:0;opacity:0;position:absolute;width:100%}.c-file-input__files[data-v-e5d85a35]{display:flex;flex-direction:column;gap:var(--sl-spacing-3x-small);margin-top:var(--sl-spacing-2x-small)}.c-file-input__file[data-v-e5d85a35]{font-size:14px;font-weight:400;letter-spacing:.25px;line-height:140%;word-break:break-word}.c-fixed-page-footer[data-v-ecb09be1]{bottom:0;left:0;position:fixed;right:0;z-index:1}.c-fixed-page-footer[data-v-ecb09be1]:before{background:linear-gradient(to bottom,rgba(255,255,255,0) 0,var(--fixed-page-footer-color, white) 32px);content:"";inset:-32px 0 0;pointer-events:none;position:absolute;z-index:-1}.c-fixed-page-footer__content[data-v-ecb09be1]{padding:0 16px max(env(safe-area-inset-bottom,0),8px)}.c-label[data-v-4d7e42d8]{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-4d7e42d8]:not(:last-child){margin-right:8px}.c-list-item-content[data-v-1855e2e2]{flex:1 1 auto;min-width:0}.c-list-item-content__title[data-v-1855e2e2]{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-1855e2e2]{margin-top:2px}.c-squared-icon[data-v-f322d32b]{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-f322d32b]{color:#fff}.c-squared-icon--large[data-v-f322d32b]{border-radius:12px;font-size:20px;height:56px;width:56px}.c-list-item-icon[data-v-a2993619]{flex:none}.c-list-item[data-v-c3185322]{background:transparent;color:#000;min-height:64px;outline:none;text-align:left;text-decoration:none}.c-list-item+.c-list-item[data-v-c3185322]{border-top:1px solid rgba(0,0,0,.1)}.c-list-item[data-v-c3185322]:focus-visible{outline:var(--sl-focus-ring);outline-offset:var(--sl-focus-ring-offset)}.c-list-item--is-tappable[data-v-c3185322]{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;cursor:pointer}.c-list-item__append__action-icon[data-v-c3185322]{color:#000000b0;font-size:16px}.c-menu[data-v-d8ec7807]{--sl-panel-border-width: $border-width}.menu-item[data-v-6fd3ba36]::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-6fd3ba36]::part(base):hover{background-color:var(--sl-color-neutral-100);color:var(--sl-color-neutral-1000);cursor:pointer}.menu-item[data-v-6fd3ba36]::part(checked-icon){display:none}.menu-item[data-v-6fd3ba36]::part(submenu-icon){display:none}.menu-item .checkbox[data-v-6fd3ba36]{pointer-events:none}.menu-item .check-icon[data-v-6fd3ba36]{width:14px}.menu-label[data-v-53bb607d]::part(base){font-size:12px;font-weight:700;letter-spacing:.5px;line-height:120%;text-transform:uppercase;padding:0}.c-modal[data-v-aec1f72d]::part(body){padding:24px 24px 16px}.c-modal[data-v-aec1f72d] .c-card-section{padding:0!important}.c-modal[data-v-aec1f72d] .c-card-footer{padding:24px 0 0}.c-modal[data-v-aec1f72d] .c-expand-transition--disabled .c-expand-transition__content{height:100%}.c-modal__title[data-v-aec1f72d]{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-aec1f72d]{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-aec1f72d]{display:flex;flex-direction:column;height:100%}.c-modal__content[data-v-aec1f72d]{display:flex;flex:auto;flex-direction:column;max-height:100%}.c-modal__footer[data-v-aec1f72d]{flex:none;padding:24px 0 0}.c-modal__loading[data-v-aec1f72d]{padding:32px 0 24px;text-align:center}.c-modal__loading__loader[data-v-aec1f72d]{line-height:1;margin-bottom:8px}.c-modal--fullscreen[data-v-aec1f72d]::part(panel){border-radius:0;height:100%;max-height:none;max-width:none;width:100%}.c-modal--fullscreen[data-v-aec1f72d]::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-aec1f72d]{height:100%}.c-notification[data-v-660e102c]{background-color:#e0edff;border-radius:12px;padding:16px;position:relative}.c-notification--success[data-v-660e102c]{background-color:#dcf2cb}.c-notification--alert[data-v-660e102c]{background-color:#ffe5dd}.c-notification--warning[data-v-660e102c]{background-color:#fff0ba}.c-notification__close-button[data-v-660e102c]{float:right;font-size:14px;margin-right:-8px;margin-top:-8px}.c-notification__title[data-v-660e102c]{align-items:center;display:flex;margin-bottom:8px}.c-notification__title-icon[data-v-660e102c]{margin-right:8px}.c-notification__title-text[data-v-660e102c]{flex:1}.c-notification__button[data-v-660e102c]{margin-top:12px}.c-pill[data-v-43172803]{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-43172803]{background-color:#000;border-color:#000;color:#fff}.c-pill-body[data-v-43172803]{align-items:center;display:flex;gap:8px;height:100%;line-height:1;white-space:nowrap}.c-pill-icon[data-v-43172803]{width:16px}.c-pill-group[data-v-370f74c6]{overflow:scroll hidden;padding:0 16px}.c-pill-group__track[data-v-370f74c6]{border:none;display:block;display:flex;flex-wrap:nowrap;gap:8px}.c-popup[data-v-fcdb504f]::part(popup){z-index:1}.anchor[data-v-fcdb504f]{height:-moz-fit-content;height:fit-content}.c-progress-linear[data-v-46381206]{--height: 4px;--indicator-color: #000;--track-color: rgba(0, 0, 0, .1)}.c-progress-linear[data-v-46381206]::part(base){border-radius:0}.c-progress-linear--rounded[data-v-46381206]::part(base){border-radius:2px}.c-progress-ring[data-v-b9b9c802]{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-b9b9c802]{color:var(--indicator-color);font-size:14px;font-weight:700}.c-progress-ring__svg[data-v-b9b9c802]{height:100%;position:absolute;width:100%}.c-progress-ring__indicator[data-v-b9b9c802],.c-progress-ring__track[data-v-b9b9c802]{cx:.5em;cy:.5em;fill:none;r:calc(.5em - var(--track-width) / 2);stroke-width:var(--track-width)}.c-progress-ring__indicator[data-v-b9b9c802]{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-b9b9c802]{stroke:var(--track-color)}.c-radio[data-v-a18ed533]{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-a18ed533]{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-a18ed533]{padding:0 12px;width:100%}.c-radio--checked[data-v-a18ed533]{border-color:#000}.c-radio--invalid[data-v-a18ed533]{border-color:#cd000c}.c-radio--invalid .c-radio__input[data-v-a18ed533]{accent-color:#cd000c;border-color:#cd000c}.c-radio-group[data-v-d68efbf0]{border:none;display:flex;flex-direction:row;gap:8px;width:100%}.c-radio-group.c-radio-group--column[data-v-d68efbf0]{flex-direction:column}.c-radio-group--row[data-v-d68efbf0]{align-items:center}.c-radio-group--row[data-v-d68efbf0] .c-radio{width:auto}.w-100[data-v-011ad982]{width:100%}.c-row[data-v-426af58c]{display:flex;flex:1 1 auto;flex-wrap:wrap;margin:0 -12px}.c-row--dense[data-v-426af58c]{margin:0 -4px}.c-row--no-gutters[data-v-426af58c]{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-f3be92b0]{align-items:center;display:flex;gap:12px;height:48px;justify-content:space-between}.c-section-header__title[data-v-f3be92b0]{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-f3be92b0]{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-bb292787]{--size: 36px;border-radius:calc(var(--size) / 2);height:var(--size);overflow:hidden;width:var(--size)}.c-skeleton-loader-text[data-v-bfc4537c]{display:flex;flex-direction:column;width:100%}.c-skeleton-loader-text__line[data-v-bfc4537c]{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-bfc4537c]{height:16px}.c-skeleton-loader-text__line[data-v-bfc4537c]:last-child{width:calc(100% - 32px)}.c-skeleton-loader-text__line--balance[data-v-bfc4537c]{font-size:26px;line-height:100%;max-width:120px}.c-skeleton-loader-text__line--balance .c-skeleton-loader-text__line__skeleton[data-v-bfc4537c]{height:26px}.c-skeleton-loader-text__line--caption[data-v-bfc4537c]{font-size:14px;line-height:140%}.c-skeleton-loader-text__line--caption .c-skeleton-loader-text__line__skeleton[data-v-bfc4537c]{height:14px}.c-skeleton-loader-text__line--caption-small[data-v-bfc4537c]{font-size:12px;line-height:140%}.c-skeleton-loader-text__line--caption-small .c-skeleton-loader-text__line__skeleton[data-v-bfc4537c]{height:12px}.c-skeleton-loader-text__line--eyebrow[data-v-bfc4537c]{font-size:12px;line-height:120%}.c-skeleton-loader-text__line--eyebrow .c-skeleton-loader-text__line__skeleton[data-v-bfc4537c]{height:12px}.c-skeleton-loader-text__line--headline[data-v-bfc4537c]{font-size:20px;line-height:125%}.c-skeleton-loader-text__line--headline .c-skeleton-loader-text__line__skeleton[data-v-bfc4537c]{height:20px}.c-skeleton-loader-text__line--large-headline[data-v-bfc4537c]{font-size:26px;line-height:120%}.c-skeleton-loader-text__line--large-headline .c-skeleton-loader-text__line__skeleton[data-v-bfc4537c]{height:26px}.c-skeleton-loader-text__line--statement[data-v-bfc4537c]{font-size:16px;line-height:100%}.c-skeleton-loader-text__line--statement .c-skeleton-loader-text__line__skeleton[data-v-bfc4537c]{height:16px}.c-skeleton-loader-text__line--subheadline[data-v-bfc4537c]{font-size:16px;line-height:140%}.c-skeleton-loader-text__line--subheadline .c-skeleton-loader-text__line__skeleton[data-v-bfc4537c]{height:16px}.c-skeleton-loader-text__line--wallet-caption[data-v-bfc4537c]{font-size:13px;line-height:140%}.c-skeleton-loader-text__line--wallet-caption .c-skeleton-loader-text__line__skeleton[data-v-bfc4537c]{height:13px}.c-skeleton-loader-text__line--x-large-headline[data-v-bfc4537c]{font-size:32px;line-height:120%}.c-skeleton-loader-text__line--x-large-headline .c-skeleton-loader-text__line__skeleton[data-v-bfc4537c]{height:32px}.slide-fade-enter-active[data-v-587b729f],.slide-fade-leave-active[data-v-587b729f]{transition:all .3s ease-out}.slide-fade-enter[data-v-587b729f],.slide-fade-enter-from[data-v-587b729f],.slide-fade-leave-to[data-v-587b729f]{opacity:0}.to-left .slide-fade-enter[data-v-587b729f],.to-left .slide-fade-enter-from[data-v-587b729f],.to-left .slide-fade-leave-to[data-v-587b729f]{transform:translate(calc(-1 * var(--slide-fade-amount)))}.to-right .slide-fade-enter[data-v-587b729f],.to-right .slide-fade-enter-from[data-v-587b729f],.to-right .slide-fade-leave-to[data-v-587b729f]{transform:translate(var(--slide-fade-amount))}.to-top .slide-fade-enter[data-v-587b729f],.to-top .slide-fade-enter-from[data-v-587b729f],.to-top .slide-fade-leave-to[data-v-587b729f]{transform:translateY(calc(-1 * var(--slide-fade-amount)))}.to-bottom .slide-fade-enter[data-v-587b729f],.to-bottom .slide-fade-enter-from[data-v-587b729f],.to-bottom .slide-fade-leave-to[data-v-587b729f]{transform:translateY(var(--slide-fade-amount))}.c-split-input[data-v-d07558f9]::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-d07558f9]::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-d07558f9]::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-3f2f25d9]{background-color:#cd000c;border-radius:9999px;display:inline-block;height:8px;width:8px}.c-status-dot--bordered[data-v-3f2f25d9]{box-shadow:0 0 0 1.5px #fff}.c-status-dot--count[data-v-3f2f25d9]{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-ca938910]{--width: 44px;--height: 24px;--thumb-size: 20px}.c-switch[data-v-ca938910]::part(control){border:none}.c-switch[data-v-ca938910]::part(thumb){align-items:center;border:none;display:flex;justify-content:center}.c-switch[data-v-ca938910]::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-ca938910]::part(control){background-color:#0000007a}.c-switch[data-v-ca938910]::part(thumb){background-color:#fff}.c-switch[data-v-ca938910]::part(thumb):after{background-color:transparent}.c-switch--label-first[data-v-ca938910]::part(base){flex-direction:row-reverse;gap:12px;width:100%}.c-switch--label-first[data-v-ca938910]::part(label){flex:1;margin:0}.c-switch--checked[data-v-ca938910]::part(control){background-color:#3fa41c}.c-switch--checked[data-v-ca938910]::part(thumb){background-color:#fff}.c-switch--checked[data-v-ca938910]::part(thumb):after{background-color:#3fa41c}.c-switch--disabled[data-v-ca938910]::part(control){background-color:#0000001a}.c-switch--disabled[data-v-ca938910]::part(thumb){background-color:#0000001a}.c-switch--disabled[data-v-ca938910]::part(thumb):after{background-color:transparent}.c-switch--disabled[data-v-ca938910]::part(base){cursor:not-allowed;opacity:1}.c-switch--disabled[data-v-ca938910]::part(label){color:#0000004f}.c-switch--disabled.c-switch--checked[data-v-ca938910]::part(control){background-color:#0000001a}.c-switch--disabled.c-switch--checked[data-v-ca938910]::part(thumb){background-color:#0000001a}.c-switch--disabled.c-switch--checked[data-v-ca938910]::part(thumb):after{background-color:#0000004f}.c-switch__sr-label[data-v-ca938910]{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-337edd4f]{width:100%}.c-switch-list-item__switch[data-v-337edd4f]::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-337edd4f]::part(label){align-items:center;display:flex;flex:1;gap:12px;justify-content:space-between;margin:0}.c-text-area__label[data-v-6a001914]{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--invalid .c-text-area__label[data-v-6a001914]{color:#cd000c}.c-text-area--disabled .c-text-area__label[data-v-6a001914]{color:#0000004f}.c-text-area--hide-label .c-text-area__label[data-v-6a001914]{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-6a001914]{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-6a001914]:focus,.c-text-area__input[data-v-6a001914]:focus-within{border-color:#000;outline:none}.c-text-area--invalid .c-text-area__input[data-v-6a001914]{border-color:#cd000c;color:#cd000c;outline:none}.c-text-area__input[data-v-6a001914]:disabled{background-color:#0000000a;color:#0000004f}.c-text-area__message[data-v-6a001914]{font-size:14px;font-weight:400;letter-spacing:.25px;line-height:140%;color:#000000b0;margin-bottom:16px}.c-text-link[data-v-8ac57bbb]{color:#000;font-weight:650}.c-text-link--underline[data-v-8ac57bbb]{text-decoration:underline;-webkit-text-decoration-skip-ink:none;text-decoration-skip-ink:none;text-underline-offset:3px}.c-third-party-logo[data-v-ccf3620c]{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-ccf3620c]{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-ccf3620c]{opacity:0}.transition-opacity[data-v-ccf3620c]{transition:opacity .1s ease-in-out}.c-toast[data-v-c25dfff1]{margin:16px}.c-toast[data-v-c25dfff1]::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-c25dfff1]::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-c25dfff1]::part(icon){padding-left:12px}.c-toast--error[data-v-c25dfff1]::part(base){background-color:#ffaaa5}.c-toast--success[data-v-c25dfff1]::part(base){background-color:#b8da96}.c-toast--warning[data-v-c25dfff1]::part(base){background-color:#fcde74}.c-toast__message[data-v-c25dfff1]{flex:auto}.c-toast__icon[data-v-c25dfff1]{color:#000;font-size:16px}
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@propelinc/citrus-ui",
-  "version": "1.3.0",
+  "version": "1.4.0",
   "repository": {
     "type": "git",
     "url": "https://github.com/propelinc/citrus-ui"
@@ -40,16 +40,16 @@
     "@storybook/blocks": "8.6.15",
     "@storybook/vue3-vite": "8.6.15",
     "@types/lodash": "4.17.23",
-    "@vitejs/plugin-vue": "6.0.0",
+    "@vitejs/plugin-vue": "6.0.4",
     "@vue/test-utils": "2.4.6",
     "@vue/vue3-jest": "^29.2.6",
     "autoprefixer": "^10.4.21",
     "react-syntax-highlighter": "15.6.6",
-    "sass": "1.45.0",
+    "sass": "1.89.2",
     "storybook": "8.6.15",
     "storybook-addon-vue-mdx": "1.0.6",
     "storybook-vue3-router": "5.0.0",
-    "vite": "6.4.1",
+    "vite": "7.3.1",
     "vite-plugin-dts": "^4.0.0",
     "vitest": "3.1.4",
     "vue": "3.5.18",

package/src/components/CButton/CButton.vue

@@ -321,15 +321,15 @@ const animationListeners = useTapAnimation({
  */
 :not(.c-button-level--danger) {
   &.c-button-variant--primary[disabled]::part(base) {
-    @include button-theme($color-gray-400, $color-gray-200, $color-gray-200);
+    @include button-theme($color-gray-500, $color-gray-200, $color-gray-200);
   }
 
   &.c-button-variant--secondary[disabled]::part(base) {
-    @include button-theme($color-gray-300, $color-gray-300, transparent);
+    @include button-theme($color-gray-500, $color-gray-500, transparent);
   }
 
   &.c-button-variant--tertiary[disabled]::part(base) {
-    @include button-theme($color-gray-300, transparent, transparent);
+    @include button-theme($color-gray-500, transparent, transparent);
   }
 }
 </style>

package/src/components/CNotification.vue

@@ -33,6 +33,7 @@
 
     <CButton
       v-if="hasButton"
+      block
       data-test="notification-button"
       class="c-notification__button"
       :loading="buttonLoading"

package/src/components/CSkeletonLoaderText.vue

@@ -27,6 +27,7 @@ type SkeletonLoaderType =
   | 'balance'
   | 'body'
   | 'caption'
+  | 'caption-small'
   | 'eyebrow'
   | 'headline'
   | 'large-headline'
@@ -41,6 +42,7 @@ const LINE_TYPE_TO_CLASS: Record<SkeletonLoaderType, string> = {
   'balance': 'c-skeleton-loader-text__line--balance',
   'body': 'c-skeleton-loader-text__line--body',
   'caption': 'c-skeleton-loader-text__line--caption',
+  'caption-small': 'c-skeleton-loader-text__line--caption-small',
   'eyebrow': 'c-skeleton-loader-text__line--eyebrow',
   'headline': 'c-skeleton-loader-text__line--headline',
   'large-headline': 'c-skeleton-loader-text__line--large-headline',
@@ -79,13 +81,13 @@ const lineTypeClass = computed(() => {
 // NOTE(mohan): This ensures that the skeleton loader text is exactly the same size as the text it
 // is replacing including the extra space around the text itself added by the line height.
 @mixin skeleton-loader-text-sizing($font-style) {
-  font-size: map-get($font-style, 'size');
-  line-height: map-get($font-style, 'line-height');
+  font-size: map.get($font-style, 'size');
+  line-height: map.get($font-style, 'line-height');
 
   // By applying a height equal to the font size, the skeleton takes up the space of the text,
   // leaving whitespace between each row
   .c-skeleton-loader-text__line__skeleton {
-    height: map-get($font-style, 'size');
+    height: map.get($font-style, 'size');
   }
 }
 
@@ -117,6 +119,10 @@ const lineTypeClass = computed(() => {
   @include skeleton-loader-text-sizing($caption);
 }
 
+.c-skeleton-loader-text__line--caption-small {
+  @include skeleton-loader-text-sizing($caption-small);
+}
+
 .c-skeleton-loader-text__line--eyebrow {
   @include skeleton-loader-text-sizing($eyebrow);
 }

package/src/components/CSwitch.vue

@@ -121,11 +121,22 @@ const internalValue = useInternalValue(value, {
 }
 
 .c-switch--disabled {
-  @include switch-theme($color-gray-300, $color-gray-200, transparent);
+  @include switch-theme($color-gray-200, $color-gray-200, transparent);
+
+  // Override Shoelace's default `opacity: 0.5` on disabled switches.
+  // Use explicit color tokens instead, consistent with CTextField/CTextArea/CSelect.
+  &::part(base) {
+    cursor: not-allowed;
+    opacity: 1;
+  }
+
+  &::part(label) {
+    color: $color-text-disabled;
+  }
 }
 
 .c-switch--disabled.c-switch--checked {
-  @include switch-theme($color-gray-300, $color-gray-200, $color-gray-300);
+  @include switch-theme($color-gray-200, $color-gray-200, $color-gray-300);
 }
 
 .c-switch__sr-label {

package/src/components/CToast.vue

@@ -10,7 +10,7 @@
     :duration="duration"
     :style="{ '--toast-base-transform': transform }"
     @sl-hide="onHide"
-    @sl-after-hide="resetAnimation"
+    @sl-after-hide="onAfterHide"
   >
     <div class="flex-grow-1 d-flex flex-row align-center gap-4">
       <slot name="icon">
@@ -138,7 +138,6 @@ const show = async (): Promise<void> => {
 const onHide = (): void => {
   isOpen.value = false;
   emit('input', false);
-  emit('hide');
 };
 
 const close = async (): Promise<void> => {
@@ -175,8 +174,9 @@ const icon = computed(() => {
 const alertHideAnimation = ref<ElementAnimation | 'default'>('default');
 useShoelaceAnimation(alert, 'alert.hide', alertHideAnimation);
 
-const resetAnimation = (): void => {
+const onAfterHide = (): void => {
   alertHideAnimation.value = 'default';
+  emit('hide');
 };
 
 const { base } = useShoelaceShadowParts(alert, ['base']);

package/src/styles/_core.scss

@@ -1,3 +1,5 @@
+@use 'sass:map';
+
 // ****************************************************************************
 // This file contains our Citrus-specific Sass variables. These are intended to
 // be used to style Citrus and imported into stylesheets in freshebt-vue
@@ -211,14 +213,14 @@ $body: (
   'letter-spacing': $letter-spacing-extend-small,
 );
 
-$body-emphasized: map-merge(
+$body-emphasized: map.merge(
   $body,
   (
     'weight': $font-weight-emphasized,
   )
 );
 
-$statement: map-merge(
+$statement: map.merge(
   $body,
   (
     'line-height': 100%,
@@ -232,7 +234,14 @@ $caption: (
   'letter-spacing': $letter-spacing-extend-small,
 );
 
-$caption-emphasized: map-merge(
+$caption-small: (
+  'size': $font-size-x-small,
+  'weight': $font-weight-normal,
+  'line-height': $line-height-large,
+  'letter-spacing': $letter-spacing-extend-small,
+);
+
+$caption-emphasized: map.merge(
   $caption,
   (
     'weight': $font-weight-emphasized,
@@ -255,12 +264,12 @@ $eyebrow: (
 );
 
 @mixin create-type-mixin($type-style) {
-  font-family: map-get($type-style, 'font-family');
-  font-size: map-get($type-style, 'size');
-  font-weight: map-get($type-style, 'weight');
-  letter-spacing: map-get($type-style, 'letter-spacing');
-  line-height: map-get($type-style, 'line-height');
-  text-transform: map-get($type-style, 'text-transform');
+  font-family: map.get($type-style, 'font-family');
+  font-size: map.get($type-style, 'size');
+  font-weight: map.get($type-style, 'weight');
+  letter-spacing: map.get($type-style, 'letter-spacing');
+  line-height: map.get($type-style, 'line-height');
+  text-transform: map.get($type-style, 'text-transform');
 }
 
 @mixin balance {
@@ -299,6 +308,10 @@ $eyebrow: (
   @include create-type-mixin($caption);
 }
 
+@mixin caption-small {
+  @include create-type-mixin($caption-small);
+}
+
 @mixin caption-emphasized {
   @include create-type-mixin($caption-emphasized);
 }

package/src/styles/_typography.scss

@@ -62,6 +62,10 @@ body {
   @include caption;
 }
 
+.caption-small {
+  @include caption-small;
+}
+
 b,
 strong {
   font-weight: $font-weight-emphasized;

package/src/styles/variables.scss

@@ -7,6 +7,7 @@
 // found in core.scss.
 // ****************************************************************************
 
+@use 'sass:map';
 @import './core';
 
 // ****************************************************************************
@@ -54,7 +55,7 @@ $material-light: (
 // ACCORDION
 // ****************************************************************************
 $expansion-panel-active-margin: 0;
-$expansion-panel-header-font-size: map-get($subheadline, 'size');
+$expansion-panel-header-font-size: map.get($subheadline, 'size');
 $expansion-panel-header-padding: 18px 16px 16px;
 $expansion-panel-content-padding: 0 16px 16px;
 $expansion-panel-header-min-height: 0;
@@ -69,9 +70,9 @@ $snackbar-top: calc(env(safe-area-inset-top) + 48px);
 //prevents users on smaller devices from dismissing a Toast
 $snackbar-wrapper-min-width: 300px;
 $snackbar-action-margin: 12px;
-$snackbar-content-font-size: map-get($body, 'size');
+$snackbar-content-font-size: map.get($body, 'size');
 $snackbar-content-padding: 12px 16px;
-$snackbar-font-size: map-get($body, 'size');
+$snackbar-font-size: map.get($body, 'size');
 
 // ****************************************************************************
 // BUTTON
@@ -95,12 +96,12 @@ $card-actions-padding: 0 $card-h-spacing 12px;
 $card-border-radius: $border-radius;
 $card-outlined-border-width: $border-width;
 $card-subtitle-padding: $card-v-spacing $card-h-spacing;
-$card-text-font-size: map-get($body, 'size');
-$card-text-line-height: map-get($body, 'line-height');
+$card-text-font-size: map.get($body, 'size');
+$card-text-line-height: map.get($body, 'line-height');
 $card-text-letter-spacing: normal;
-$card-title-font-size: map-get($subheadline, 'size');
-$card-title-font-weight: map-get($subheadline, 'weight');
-$card-title-letter-spacing: map-get($subheadline, 'letter-spacing');
+$card-title-font-size: map.get($subheadline, 'size');
+$card-title-font-weight: map.get($subheadline, 'weight');
+$card-title-letter-spacing: map.get($subheadline, 'letter-spacing');
 $card-title-line-height: 100%;
 $card-title-word-break: break-word;
 $card-btn-margin-x: 0;
@@ -108,7 +109,7 @@ $card-btn-margin-x: 0;
 // ****************************************************************************
 // CHECKBOX
 // ****************************************************************************
-$label-font-size: map-get($body, 'size');
+$label-font-size: map.get($body, 'size');
 
 // ****************************************************************************
 // LISTS
@@ -118,14 +119,14 @@ $list-item-action-margin: 16px 0;
 $list-item-child-min-width: 0;
 $list-item-content-padding: 16px 0 12px;
 $list-item-padding: 0 12px 0 16px;
-$list-item-title-subtitle-line-height: map-get($body, 'line-height');
+$list-item-title-subtitle-line-height: map.get($body, 'line-height');
 
 // ****************************************************************************
 // FORM FIELDS
 // (Text fields, text areas, and selects)
 // Source: https://github.com/vuetifyjs/vuetify/blob/master/packages/vuetify/src/components/VTextField/_variables.scss
 // ****************************************************************************
-$input-font-size: map-get($body, 'size');
+$input-font-size: map.get($body, 'size');
 
 $text-field-border-radius: $border-radius;
 $text-field-enclosed-details-padding: 0 16px;
@@ -133,9 +134,9 @@ $text-field-enclosed-details-padding: 0 16px;
 // ****************************************************************************
 // MODALS
 // ****************************************************************************
-$dialog-card-title-font-size: map-get($headline, 'size');
-$dialog-card-title-font-weight: map-get($headline, 'weight');
-$dialog-card-title-letter-spacing: map-get($headline, 'letter-spacing');
+$dialog-card-title-font-size: map.get($headline, 'size');
+$dialog-card-title-font-weight: map.get($headline, 'weight');
+$dialog-card-title-letter-spacing: map.get($headline, 'letter-spacing');
 $dialog-card-text-padding: 0 $card-h-spacing $card-v-spacing;
 $dialog-card-actions-padding: 0 $card-h-spacing $card-v-spacing;
 $dialog-card-title-padding: $card-h-spacing $card-h-spacing 10px;