@qualcomm-ui/qds-core 1.26.1 → 1.27.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (54) hide show
  1. package/dist/alert-banner/alert-banner.api.d.ts +6 -1
  2. package/dist/alert-banner/alert-banner.api.d.ts.map +1 -1
  3. package/dist/alert-banner/index.cjs +1 -1
  4. package/dist/alert-banner/index.cjs.map +3 -3
  5. package/dist/alert-banner/index.js +1 -1
  6. package/dist/alert-banner/index.js.map +3 -3
  7. package/dist/alert-banner/qds-alert-banner.css +1 -1
  8. package/dist/arduino-dark.min.css +1 -1
  9. package/dist/arduino-light.min.css +1 -1
  10. package/dist/avatar/qds-avatar.css +11 -1
  11. package/dist/badge/qds-badge-colors.css +1 -1
  12. package/dist/breadcrumbs/breadcrumbs.api.d.ts.map +1 -1
  13. package/dist/breadcrumbs/breadcrumbs.classes.d.ts +1 -0
  14. package/dist/breadcrumbs/breadcrumbs.classes.d.ts.map +1 -1
  15. package/dist/breadcrumbs/breadcrumbs.types.d.ts +5 -0
  16. package/dist/breadcrumbs/breadcrumbs.types.d.ts.map +1 -1
  17. package/dist/breadcrumbs/index.cjs +1 -1
  18. package/dist/breadcrumbs/index.cjs.map +2 -2
  19. package/dist/breadcrumbs/index.js +1 -1
  20. package/dist/breadcrumbs/index.js.map +2 -2
  21. package/dist/breadcrumbs/qds-breadcrumbs.css +1 -1
  22. package/dist/button/qds-button.css +2 -2
  23. package/dist/card/qds-card.css +1 -1
  24. package/dist/components.min.css +20 -6
  25. package/dist/dialog/qds-dialog.css +1 -1
  26. package/dist/divider/qds-divider.css +1 -1
  27. package/dist/dragonwing-dark.min.css +1 -1
  28. package/dist/dragonwing-light.min.css +1 -1
  29. package/dist/field-group/qds-field-group.css +1 -1
  30. package/dist/icon/qds-icon.css +1 -1
  31. package/dist/inline-icon-button/qds-inline-icon-button.css +5 -1
  32. package/dist/menu/qds-menu.css +1 -1
  33. package/dist/progress/qds-progress.css +1 -1
  34. package/dist/progress-ring/qds-progress-ring.css +1 -1
  35. package/dist/qualcomm-dark.min.css +1 -1
  36. package/dist/qualcomm-light.min.css +1 -1
  37. package/dist/radio/qds-radio.css +1 -1
  38. package/dist/slider/qds-slider.css +1 -1
  39. package/dist/snapdragon-dark.min.css +1 -1
  40. package/dist/snapdragon-light.min.css +1 -1
  41. package/dist/stepper/qds-stepper.css +1 -1
  42. package/dist/table/qds-table.css +1 -1
  43. package/dist/tabs/qds-tabs.css +1 -1
  44. package/dist/tooltip/index.cjs +1 -1
  45. package/dist/tooltip/index.cjs.map +2 -2
  46. package/dist/tooltip/index.js +1 -1
  47. package/dist/tooltip/index.js.map +2 -2
  48. package/dist/tooltip/qds-tooltip.css +1 -1
  49. package/dist/tooltip/tooltip.classes.d.ts +1 -0
  50. package/dist/tooltip/tooltip.classes.d.ts.map +1 -1
  51. package/dist/tooltip/tooltip.types.d.ts +3 -0
  52. package/dist/tooltip/tooltip.types.d.ts.map +1 -1
  53. package/dist/tsbuildinfo +1 -1
  54. package/package.json +2 -2
package/dist/dialog/qds-dialog.css CHANGED
@@ -1 +1 @@
1
- .qui-dialog__backdrop{background:rgba(0,0,0,0.2);height:100vh;left:0;overflow:hidden;place-items:center;position:fixed;top:0;width:100vw;z-index:var(--z-index-dialog)}.qui-dialog__backdrop[hidden]{display:none!important}.qui-dialog__positioner{align-items:flex-start;display:flex;height:100dvh;inset:0;justify-content:center;position:fixed;width:100dvw;z-index:var(--z-index-dialog);--indicator-icon-size:var(--sizing-90)}.qui-dialog__positioner .qui-dialog__indicator-icon{--icon-size:var(--indicator-icon-size)}.qui-dialog__positioner[data-size=md]{--indicator-icon-size:var(--sizing-120)}.qui-dialog__positioner[data-scroll-behavior=outside]{overflow:auto;pointer-events:auto}.qui-dialog__positioner[data-placement=top]{align-items:flex-start}.qui-dialog__positioner[data-placement=center]{align-items:center}.qui-dialog__positioner[data-placement=bottom]{align-items:flex-end}.qui-dialog__positioner[data-scroll-behavior=inside]{overflow:hidden}.qui-dialog__content{background-color:var(--color-surface-overlay);border:solid 1px var(--color-border-neutral-01);border-radius:var(--border-radius-md);box-shadow:var(--shadow-high);color:var(--color-text-neutral-primary);display:grid;margin-block:4rem;margin-inline:auto;position:relative;width:375px}.qui-dialog__content[hidden]{display:none!important}.qui-dialog__content[data-size=md]{width:600px}.qui-dialog__content[data-scroll-behavior=inside]{max-height:calc(100% - 7.5rem);overflow-y:auto}.qui-dialog__content[data-state=open]{animation:dialog-fade-in 0.2s ease-in-out}.qui-dialog__content[data-state=closed]{animation:dialog-fade-out 0.25s ease-in-out}.qui-dialog__body{box-sizing:border-box;color:var(--color-text-neutral-primary);display:flex;flex-direction:column;font:var(--font-static-body-xs-default);gap:var(--spacing-90);margin:0;padding:var(--spacing-110);width:100%}.qui-dialog__body[data-size=md]{font:var(--font-static-body-sm-default);gap:var(--spacing-100);padding:var(--spacing-120)}.qui-dialog__heading{color:var(--color-text-neutral-primary);font:var(--font-static-heading-xs-default);margin:0}.qui-dialog__heading[data-size=md]{font:var(--font-static-heading-sm-default)}.qui-dialog__footer{border-top:solid 1px var(--color-border-neutral-01);box-sizing:border-box;display:flex;gap:var(--spacing-80);justify-content:flex-end;padding:var(--spacing-110);width:100%}.qui-dialog__close-button{align-self:flex-start;position:absolute;right:5px;top:5px}.qui-dialog__indicator-icon{--icon-size:20px}.qui-dialog__indicator-icon[data-emphasis=neutral]{color:var(--color-icon-support-neutral)}.qui-dialog__indicator-icon[data-emphasis=info]{color:var(--color-icon-support-info)}.qui-dialog__indicator-icon[data-emphasis=success]{color:var(--color-icon-support-success)}.qui-dialog__indicator-icon[data-emphasis=warning]{color:var(--color-icon-support-warning)}.qui-dialog__indicator-icon[data-emphasis=danger]{color:var(--color-icon-support-danger)}@keyframes dialog-fade-in{0%{opacity:0;scale:0.95}to{opacity:1;scale:1}}@keyframes dialog-fade-out{to{opacity:0;scale:0.95}}
1
+ .qui-dialog__backdrop{background:rgba(0,0,0,0.2);height:100vh;left:0;overflow:hidden;place-items:center;position:fixed;top:0;width:100vw;z-index:var(--z-index-dialog)}.qui-dialog__backdrop[hidden]{display:none!important}.qui-dialog__positioner{align-items:flex-start;display:flex;height:100dvh;inset:0;justify-content:center;position:fixed;width:100dvw;z-index:var(--z-index-dialog);--indicator-icon-size:var(--sizing-90)}.qui-dialog__positioner .qui-dialog__indicator-icon{--icon-size:var(--indicator-icon-size)}.qui-dialog__positioner[data-size=md]{--indicator-icon-size:var(--sizing-120)}.qui-dialog__positioner[data-scroll-behavior=outside]{overflow:auto;pointer-events:auto}.qui-dialog__positioner[data-placement=top]{align-items:flex-start}.qui-dialog__positioner[data-placement=center]{align-items:center}.qui-dialog__positioner[data-placement=bottom]{align-items:flex-end}.qui-dialog__positioner[data-scroll-behavior=inside]{overflow:hidden}.qui-dialog__content{background-color:var(--color-surface-overlay);border:solid 1px var(--color-border-neutral-01);border-radius:var(--border-radius-md);box-shadow:var(--shadow-high);box-sizing:border-box;color:var(--color-text-neutral-primary);display:grid;margin-block:4rem;margin-inline:auto;position:relative;width:375px}.qui-dialog__content[hidden]{display:none!important}.qui-dialog__content[data-size=md]{width:600px}.qui-dialog__content[data-scroll-behavior=inside]{max-height:calc(100% - 7.5rem);overflow-y:auto}.qui-dialog__content[data-state=open]{animation:dialog-fade-in 0.2s ease-in-out}.qui-dialog__content[data-state=closed]{animation:dialog-fade-out 0.25s ease-in-out}.qui-dialog__body{box-sizing:border-box;color:var(--color-text-neutral-primary);display:flex;flex-direction:column;font:var(--font-static-body-xs-default);gap:var(--spacing-90);margin:0;padding:var(--spacing-110);width:100%}.qui-dialog__body[data-size=md]{font:var(--font-static-body-sm-default);gap:var(--spacing-100);padding:var(--spacing-120)}.qui-dialog__heading{color:var(--color-text-neutral-primary);font:var(--font-static-heading-xs-default);margin:0}.qui-dialog__heading[data-size=md]{font:var(--font-static-heading-sm-default)}.qui-dialog__footer{border-top:solid 1px var(--color-border-neutral-01);box-sizing:border-box;display:flex;gap:var(--spacing-80);justify-content:flex-end;padding:var(--spacing-110);width:100%}.qui-dialog__close-button{align-self:flex-start;position:absolute;right:5px;top:5px}.qui-dialog__indicator-icon{--icon-size:20px}.qui-dialog__indicator-icon[data-emphasis=neutral]{color:var(--color-icon-support-neutral)}.qui-dialog__indicator-icon[data-emphasis=info]{color:var(--color-icon-support-info)}.qui-dialog__indicator-icon[data-emphasis=success]{color:var(--color-icon-support-success)}.qui-dialog__indicator-icon[data-emphasis=warning]{color:var(--color-icon-support-warning)}.qui-dialog__indicator-icon[data-emphasis=danger]{color:var(--color-icon-support-danger)}@keyframes dialog-fade-in{0%{opacity:0;scale:0.95}to{opacity:1;scale:1}}@keyframes dialog-fade-out{to{opacity:0;scale:0.95}}
package/dist/divider/qds-divider.css CHANGED
@@ -1 +1 @@
1
- .qui-divider__root{margin:8px 0;outline:none;position:relative;width:100%;--divider-border-color:var(--color-border-neutral-02)}.qui-divider__root[data-variant=subtle]{--divider-border-color:var(--color-border-neutral-01)}.qui-divider__root[data-variant=strong]{--divider-border-color:var(--color-border-neutral-03)}.qui-divider__root:not([aria-orientation=vertical]){border-top:solid 1px var(--divider-border-color);min-width:4px}.qui-divider__root[aria-orientation=vertical]{border-left:solid 1px var(--divider-border-color);height:100%;margin:0 8px;min-height:4px;width:unset}.qui-divider__root[tabindex="-1"]:focus-visible{color:var(--color-utility-focus-border)}.qui-divider__root[tabindex="0"]:focus-visible,.qui-divider__root[tabindex="0"]:hover{border-color:var(--color-utility-focus-border)}
1
+ .qui-divider__root{border:0 solid;height:0;margin:8px 0;outline:none;position:relative;width:100%;--divider-border-color:var(--color-border-neutral-02)}.qui-divider__root[data-variant=subtle]{--divider-border-color:var(--color-border-neutral-01)}.qui-divider__root[data-variant=strong]{--divider-border-color:var(--color-border-neutral-03)}.qui-divider__root:not([aria-orientation=vertical]){border-top:solid 1px var(--divider-border-color);min-width:4px}.qui-divider__root[aria-orientation=vertical]{border-left:solid 1px var(--divider-border-color);height:100%;margin:0 8px;min-height:4px;width:unset}.qui-divider__root[tabindex="-1"]:focus-visible{color:var(--color-utility-focus-border)}.qui-divider__root[tabindex="0"]:focus-visible,.qui-divider__root[tabindex="0"]:hover{border-color:var(--color-utility-focus-border)}
package/dist/dragonwing-dark.min.css CHANGED
@@ -1 +1 @@
1
- [data-brand=dragonwing][data-theme=dark]{--color-background-brand-primary-strong:#dbdbf8;--color-background-brand-primary-subtle:#31017d;--color-background-brand-primary:#5c2ad9;--color-background-neutral-00:#0a0a0a;--color-background-neutral-01:#19191a;--color-background-neutral-02:#1f1f1f;--color-background-neutral-03:#242425;--color-background-neutral-10:#ffffff;--color-background-support-danger-medium:#7e0700;--color-background-support-danger-subtle:#1e0000;--color-background-support-danger:#f1735e;--color-background-support-info-medium:#283c97;--color-background-support-info-subtle:#070d2a;--color-background-support-info:#7697ff;--color-background-support-neutral-medium:#636364;--color-background-support-neutral-subtle:#1f1f1f;--color-background-support-neutral:#b9b9ba;--color-background-support-success-medium:#005a00;--color-background-support-success-subtle:#001600;--color-background-support-success:#5db655;--color-background-support-warning-medium:#5a4403;--color-background-support-warning-subtle:#1e1500;--color-background-support-warning:#ffc622;--color-border-brand-primary-subtle:#200d6e;--color-border-brand-primary:#9f98f9;--color-border-neutral-00:#0a0a0a;--color-border-neutral-01:#ffffff1a;--color-border-neutral-02:#ffffff33;--color-border-neutral-03:#ffffff4d;--color-border-neutral-10:#ffffff;--color-border-support-danger-medium:#7e0700;--color-border-support-danger:#f1826f;--color-border-support-info-medium:#283c97;--color-border-support-info:#82a1fe;--color-border-support-neutral-medium:#424243;--color-border-support-neutral:#636364;--color-border-support-success-medium:#005a00;--color-border-support-success:#70bc68;--color-border-support-warning-medium:#5a4403;--color-border-support-warning:#d19d00;--color-category-amber-medium:#773310;--color-category-amber-strong:#a1480e;--color-category-amber-subtle:#4e1e06;--color-category-blue-medium:#034ad9;--color-category-blue-strong:#1669fe;--color-category-blue-subtle:#01278a;--color-category-cyan-medium:#005aa3;--color-category-cyan-strong:#0377c9;--color-category-cyan-subtle:#013360;--color-category-green-medium:#207552;--color-category-green-strong:#1f845a;--color-category-green-subtle:#185039;--color-category-lime-medium:#517121;--color-category-lime-strong:#5b7f24;--color-category-lime-subtle:#3a4d1f;--color-category-magenta-medium:#aa1b59;--color-category-magenta-strong:#d52d76;--color-category-magenta-subtle:#670630;--color-category-orange-medium:#953d00;--color-category-orange-strong:#c25100;--color-category-orange-subtle:#522301;--color-category-purple-medium:#712ed1;--color-category-purple-strong:#8f46fc;--color-category-purple-subtle:#40197a;--color-category-red-medium:#af1a21;--color-category-red-strong:#df252f;--color-category-red-subtle:#680a0f;--color-category-teal-medium:#006563;--color-category-teal-strong:#02827e;--color-category-teal-subtle:#01393c;--color-category-violet-medium:#701b85;--color-category-violet-strong:#9521b9;--color-category-violet-subtle:#480b57;--color-category-yellow-medium:#9a7402;--color-category-yellow-strong:#efbf1a;--color-category-yellow-subtle:#684e01;--color-icon-brand-primary:#9f98f9;--color-icon-neutral-inverse:#0a0a0a;--color-icon-neutral-primary:#ffffff;--color-icon-neutral-secondary:#aaaaab;--color-icon-support-danger:#f1735e;--color-icon-support-info:#7697ff;--color-icon-support-neutral:#949495;--color-icon-support-success:#49b140;--color-icon-support-warning:#fabb00;--color-interactive-background-danger-hover:#be0000;--color-interactive-background-danger-idle:#a50000;--color-interactive-background-danger-pressed:#d02107;--color-interactive-background-ghost-hover:#ffffff14;--color-interactive-background-ghost-idle:#ffffff00;--color-interactive-background-ghost-pressed:#ffffff29;--color-interactive-background-inverse-fill-hover:#242425;--color-interactive-background-inverse-fill-idle:#0a0a0a;--color-interactive-background-inverse-fill-pressed:#3c3c3d;--color-interactive-background-inverse-ghost-hover:#00000014;--color-interactive-background-inverse-ghost-idle:#00000000;--color-interactive-background-inverse-ghost-pressed:#00000029;--color-interactive-background-neutral-hover:#6a6a6b;--color-interactive-background-neutral-idle:#5c5c5d;--color-interactive-background-neutral-pressed:#717171;--color-interactive-background-persistent-black-fill-hover:#242425;--color-interactive-background-persistent-black-fill-idle:#0a0a0a;--color-interactive-background-persistent-black-fill-pressed:#3c3c3d;--color-interactive-background-persistent-black-ghost-hover:#00000014;--color-interactive-background-persistent-black-ghost-idle:#00000000;--color-interactive-background-persistent-black-ghost-pressed:#00000029;--color-interactive-background-persistent-white-fill-hover:#e7e7e8;--color-interactive-background-persistent-white-fill-idle:#ffffff;--color-interactive-background-persistent-white-fill-pressed:#d0d0d1;--color-interactive-background-persistent-white-ghost-hover:#ffffff14;--color-interactive-background-persistent-white-ghost-idle:#ffffff00;--color-interactive-background-persistent-white-ghost-pressed:#ffffff29;--color-interactive-background-primary-hover:#6234e1;--color-interactive-background-primary-idle:#5b0cd9;--color-interactive-background-primary-pressed:#6f48f3;--color-interactive-border-danger-hover:#f0907f;--color-interactive-border-danger-idle:#f1735e;--color-interactive-border-danger-pressed:#febbae;--color-interactive-border-inverse-hover:#000000e5;--color-interactive-border-inverse-idle:#000000cc;--color-interactive-border-inverse-pressed:#0a0a0a;--color-interactive-border-neutral-hover:#ffffff6b;--color-interactive-border-neutral-idle:#ffffff4d;--color-interactive-border-neutral-pressed:#ffffff8a;--color-interactive-border-persistent-black-hover:#000000e5;--color-interactive-border-persistent-black-idle:#000000cc;--color-interactive-border-persistent-black-pressed:#0a0a0a;--color-interactive-border-persistent-white-hover:#ffffffe5;--color-interactive-border-persistent-white-idle:#ffffffcc;--color-interactive-border-persistent-white-pressed:#ffffff;--color-interactive-border-primary-hover:#b8b5fc;--color-interactive-border-primary-idle:#9f98f9;--color-interactive-border-primary-pressed:#c9c7ff;--color-interactive-icon-danger-hover:#f0907f;--color-interactive-icon-danger-idle:#f1735e;--color-interactive-icon-danger-pressed:#febbae;--color-interactive-icon-link-brand-hover:#b8b5fc;--color-interactive-icon-link-brand-idle:#9f98f9;--color-interactive-icon-link-brand-pressed:#c9c7ff;--color-interactive-icon-link-brand-visited:#b88cff;--color-interactive-icon-link-default-hover:#a8a2f6;--color-interactive-icon-link-default-idle:#988cfc;--color-interactive-icon-link-default-pressed:#c9c7ff;--color-interactive-icon-link-default-visited:#b88cff;--color-interactive-icon-link-neutral-hover:#c0c0c1;--color-interactive-icon-link-neutral-idle:#ffffff;--color-interactive-icon-link-neutral-pressed:#949495;--color-interactive-icon-link-neutral-visited:#b88cff;--color-interactive-icon-neutral-hover:#efeff0;--color-interactive-icon-neutral-idle:#dfdfe0;--color-interactive-icon-neutral-pressed:#ffffff;--color-interactive-icon-primary-hover:#b8b5fc;--color-interactive-icon-primary-idle:#9f98f9;--color-interactive-icon-primary-pressed:#c9c7ff;--color-interactive-text-danger-hover:#f0907f;--color-interactive-text-danger-idle:#f1735e;--color-interactive-text-danger-pressed:#febbae;--color-interactive-text-link-brand-hover:#b8b5fc;--color-interactive-text-link-brand-idle:#9f98f9;--color-interactive-text-link-brand-pressed:#c9c7ff;--color-interactive-text-link-brand-visited:#b88cff;--color-interactive-text-link-default-hover:#a8a2f6;--color-interactive-text-link-default-idle:#988cfc;--color-interactive-text-link-default-pressed:#c9c7ff;--color-interactive-text-link-default-visited:#b88cff;--color-interactive-text-link-neutral-hover:#c0c0c1;--color-interactive-text-link-neutral-idle:#ffffff;--color-interactive-text-link-neutral-pressed:#949495;--color-interactive-text-link-neutral-visited:#b88cff;--color-interactive-text-neutral-hover:#efeff0;--color-interactive-text-neutral-idle:#dfdfe0;--color-interactive-text-neutral-pressed:#ffffff;--color-interactive-text-primary-hover:#b8b5fc;--color-interactive-text-primary-idle:#9f98f9;--color-interactive-text-primary-pressed:#c9c7ff;--color-surface-overlay:#303031;--color-surface-primary:#0a0a0a;--color-surface-raised:#2a2a2b;--color-surface-secondary:#19191a;--color-text-brand-primary:#9f98f9;--color-text-neutral-inverse:#0a0a0a;--color-text-neutral-primary:#ffffff;--color-text-neutral-secondary:#aaaaab;--color-text-support-danger:#f1735e;--color-text-support-info:#7697ff;--color-text-support-success:#49b140;--color-utility-disabled-background:#ffffff14;--color-utility-disabled-border:#ffffff1f;--color-utility-disabled-handle:#4f4f50;--color-utility-disabled-icon:#6a6a6b;--color-utility-disabled-inverse-background:#00000014;--color-utility-disabled-inverse-border:#0000001f;--color-utility-disabled-inverse-icon:#6a6a6b;--color-utility-disabled-inverse-text:#6a6a6b;--color-utility-disabled-persistent-black-background:#00000014;--color-utility-disabled-persistent-black-border:#0000001f;--color-utility-disabled-persistent-black-icon:#6a6a6b;--color-utility-disabled-persistent-black-text:#6a6a6b;--color-utility-disabled-persistent-white-background:#ffffff14;--color-utility-disabled-persistent-white-border:#ffffff1f;--color-utility-disabled-persistent-white-icon:#a3a3a3;--color-utility-disabled-persistent-white-text:#a3a3a3;--color-utility-disabled-text:#6a6a6b;--color-utility-disabled-track-fill:#4f4f50;--color-utility-focus-border:#9f98f9;--color-utility-opacity-01:#ffffff05;--color-utility-opacity-02:#ffffff0a;--color-utility-opacity-03:#ffffff14;--color-utility-opacity-04:#ffffff1f;--color-utility-opacity-05:#ffffff29;--color-utility-opacity-06:#ffffff3d;--color-utility-opacity-07:#ffffff52;--color-utility-opacity-08:#ffffff7a;--color-utility-opacity-09:#ffffffa3;--color-utility-opacity-10:#ffffffcc;--color-utility-persistent-black:#0a0a0a;--color-utility-persistent-transparent-white:#ffffffcc;--color-utility-persistent-white:#ffffff;--color-utility-placeholder-icon:#868687;--color-utility-placeholder-text:#868687;--border-radius-lg:6px;--border-radius-md:4px;--border-radius-none:0;--border-radius-rounded:360px;--border-radius-sm:3px;--border-radius-xl:8px;--border-radius-xs:2px;--border-radius-xxl:12px;--border-width-lg:3px;--border-width-md:2px;--border-width-none:0;--border-width-sm:1px;--border-width-xl:4px;--canvas-width:375;--component-button-global-border-radius:4px;--component-button-global-focus-border-radius:4px;--component-button-type-lg-font-family:var(--type-font-family-secondary);--component-button-type-lg-font-size:16px;--component-button-type-lg-font-weight:var(--type-font-weight-body-bold);--component-button-type-lg-line-height:24px;--component-button-type-md-font-family:var(--type-font-family-secondary);--component-button-type-md-font-size:14px;--component-button-type-md-font-weight:var(--type-font-weight-body-bold);--component-button-type-md-line-height:20px;--component-button-type-sm-font-family:var(--type-font-family-secondary);--component-button-type-sm-font-size:12px;--component-button-type-sm-font-weight:var(--type-font-weight-body-bold);--component-button-type-sm-line-height:18px;--component-button-variant-fill-danger-icon:#ffffff;--component-button-variant-fill-danger-text:#ffffff;--component-button-variant-fill-neutral-icon:#ffffff;--component-button-variant-fill-neutral-text:#ffffff;--component-button-variant-fill-primary-icon:#ffffff;--component-button-variant-fill-primary-text:#ffffff;--component-button-variant-outline-border-width:1px;--component-button-variant-outline-danger-border-hover:#ffffff6b;--component-button-variant-outline-danger-border-idle:#ffffff4d;--component-button-variant-outline-danger-border-pressed:#ffffff8a;--component-button-variant-outline-neutral-border-hover:#ffffff6b;--component-button-variant-outline-neutral-border-idle:#ffffff4d;--component-button-variant-outline-neutral-border-pressed:#ffffff8a;--component-button-variant-outline-primary-border-hover:#ffffff6b;--component-button-variant-outline-primary-border-idle:#ffffff4d;--component-button-variant-outline-primary-border-pressed:#ffffff8a;--component-tag-selectable-neutral-selected-icon:#ffffff;--component-tag-selectable-neutral-selected-text:#ffffff;--font-dynamic-display-lg:var(--type-font-weight-display-regular) 53px /60px var(--type-font-family-primary);--font-dynamic-display-md:var(--type-font-weight-display-regular) 40px /46px var(--type-font-family-primary);--font-dynamic-heading-lg-bold:var(--type-font-weight-heading-bold) 26px /32px var(--type-font-family-secondary);--font-dynamic-heading-lg-default:var(--type-font-weight-heading-default) 26px /32px var(--type-font-family-secondary);--font-dynamic-heading-xl:var(--type-font-weight-heading-regular) 30px /34px var(--type-font-family-primary);--font-dynamic-heading-xxl:var(--type-font-weight-heading-regular) 34px /40px var(--type-font-family-primary);--font-dynamic-heading-xxxl:var(--type-font-weight-heading-regular) 36px /42px var(--type-font-family-primary);--font-static-body-lg-bold:var(--type-font-weight-body-bold) 17px /26px var(--type-font-family-secondary);--font-static-body-lg-default:var(--type-font-weight-body-default) 17px /26px var(--type-font-family-secondary);--font-static-body-md-bold:var(--type-font-weight-body-bold) 16px /24px var(--type-font-family-secondary);--font-static-body-md-default:var(--type-font-weight-body-default) 16px /24px var(--type-font-family-secondary);--font-static-body-sm-bold:var(--type-font-weight-body-bold) 14px /20px var(--type-font-family-secondary);--font-static-body-sm-default:var(--type-font-weight-body-default) 14px /20px var(--type-font-family-secondary);--font-static-body-xl-bold:var(--type-font-weight-body-bold) 19px /28px var(--type-font-family-secondary);--font-static-body-xl-default:var(--type-font-weight-body-default) 19px /28px var(--type-font-family-secondary);--font-static-body-xs-bold:var(--type-font-weight-body-bold) 12px /18px var(--type-font-family-secondary);--font-static-body-xs-default:var(--type-font-weight-body-default) 12px /18px var(--type-font-family-secondary);--font-static-body-xxl-bold:var(--type-font-weight-body-bold) 22px /32px var(--type-font-family-secondary);--font-static-body-xxl-default:var(--type-font-weight-body-default) 22px /32px var(--type-font-family-secondary);--font-static-body-xxs-bold:var(--type-font-weight-body-bold) 10px /16px var(--type-font-family-secondary);--font-static-body-xxs-default:var(--type-font-weight-body-default) 10px /16px var(--type-font-family-secondary);--font-static-code-lg-bold:var(--type-font-weight-code-bold) 17px /26px var(--type-font-family-tertiary);--font-static-code-lg-default:var(--type-font-weight-code-default) 17px /26px var(--type-font-family-tertiary);--font-static-code-md-bold:var(--type-font-weight-code-bold) 16px /24px var(--type-font-family-tertiary);--font-static-code-md-default:var(--type-font-weight-code-default) 16px /24px var(--type-font-family-tertiary);--font-static-code-sm-bold:var(--type-font-weight-code-bold) 14px /20px var(--type-font-family-tertiary);--font-static-code-sm-default:var(--type-font-weight-code-default) 14px /20px var(--type-font-family-tertiary);--font-static-code-xl-bold:var(--type-font-weight-code-bold) 19px /28px var(--type-font-family-tertiary);--font-static-code-xl-default:var(--type-font-weight-code-default) 19px /28px var(--type-font-family-tertiary);--font-static-code-xs-bold:var(--type-font-weight-code-bold) 12px /18px var(--type-font-family-tertiary);--font-static-code-xs-default:var(--type-font-weight-code-default) 12px /18px var(--type-font-family-tertiary);--font-static-display-lg:var(--type-font-weight-display-regular) 84px /100px var(--type-font-family-primary);--font-static-display-md:var(--type-font-weight-display-regular) 65px /74px var(--type-font-family-primary);--font-static-eyebrow-type-bold:var(--type-font-weight-body-bold) 12px /18px var(--type-font-family-secondary);--font-static-eyebrow-type-default:var(--type-font-weight-body-default) 12px /18px var(--type-font-family-secondary);--font-static-heading-lg-bold:var(--type-font-weight-heading-bold) 28px /34px var(--type-font-family-secondary);--font-static-heading-lg-default:var(--type-font-weight-heading-default) 28px /34px var(--type-font-family-secondary);--font-static-heading-md-bold:var(--type-font-weight-heading-bold) 24px /30px var(--type-font-family-secondary);--font-static-heading-md-default:var(--type-font-weight-heading-default) 24px /30px var(--type-font-family-secondary);--font-static-heading-sm-bold:var(--type-font-weight-heading-bold) 20px /24px var(--type-font-family-secondary);--font-static-heading-sm-default:var(--type-font-weight-heading-default) 20px /24px var(--type-font-family-secondary);--font-static-heading-xl:var(--type-font-weight-heading-regular) 36px /42px var(--type-font-family-primary);--font-static-heading-xs-bold:var(--type-font-weight-heading-bold) 17px /20px var(--type-font-family-secondary);--font-static-heading-xs-default:var(--type-font-weight-heading-default) 17px /20px var(--type-font-family-secondary);--font-static-heading-xxl:var(--type-font-weight-heading-regular) 44px /50px var(--type-font-family-primary);--font-static-heading-xxs-bold:var(--type-font-weight-heading-bold) 14px /18px var(--type-font-family-secondary);--font-static-heading-xxs-default:var(--type-font-weight-heading-default) 14px /18px var(--type-font-family-secondary);--font-static-heading-xxxl:var(--type-font-weight-heading-regular) 53px /60px var(--type-font-family-primary);--icon-stroke-lg:2px;--icon-stroke-md:1.75px;--icon-stroke-sm:1.5px;--icon-stroke-xl:2.25px;--icon-stroke-xs:1.25px;--icon-stroke-xxs:1px;--scrim-default:#000000cc;--shadow-high:0 7px 20px 5px #00000033;--shadow-highest:0 20px 30px 15px #00000033;--shadow-low:0 3px 5px 0 #00000033;--shadow-lowest:0 1px 2px 0 #00000033;--shadow-medium:0 5px 10px 1px #00000033;--shadow-none:0 0 0 0 #00000000;--sizing-10:1px;--sizing-20:2px;--sizing-30:4px;--sizing-40:6px;--sizing-50:8px;--sizing-60:12px;--sizing-70:16px;--sizing-80:20px;--sizing-90:24px;--sizing-100:28px;--sizing-110:30px;--sizing-120:32px;--sizing-130:38px;--sizing-140:40px;--sizing-150:46px;--sizing-160:48px;--sizing-170:56px;--sizing-180:80px;--sizing-190:120px;--sizing-200:160px;--spacing-0:0;--spacing-10:1px;--spacing-20:2px;--spacing-30:3px;--spacing-40:4px;--spacing-50:6px;--spacing-60:7px;--spacing-70:8px;--spacing-80:10px;--spacing-90:12px;--spacing-100:16px;--spacing-110:20px;--spacing-120:24px;--spacing-130:28px;--spacing-140:32px;--spacing-150:36px;--spacing-160:40px;--spacing-170:44px;--spacing-180:48px;--spacing-190:52px;--spacing-200:56px;--spacing-210:60px;--spacing-220:64px;--spacing-230:68px;--spacing-240:72px;--spacing-250:76px;--spacing-260:80px;--spacing-270:84px;--spacing-280:88px;--spacing-290:92px;--spacing-300:96px;--spacing-310:100px;--spacing-320:120px;--spacing-330:132px;--track-default:#ffffff1a;--type-font-family-primary:Alfabet,sans-serif;--type-font-family-secondary:"Roboto Flex",sans-serif;--type-font-family-tertiary:"Roboto Mono",monospace;--type-font-weight-body-bold:500;--type-font-weight-body-default:400;--type-font-weight-code-bold:500;--type-font-weight-code-default:400;--type-font-weight-display-regular:400;--type-font-weight-heading-bold:600;--type-font-weight-heading-default:500;--type-font-weight-heading-regular:400;--type-static-body-lg-font-size:17px;--type-static-body-lg-line-height:26px;--type-static-body-md-font-size:16px;--type-static-body-md-line-height:24px;--type-static-body-sm-font-size:14px;--type-static-body-sm-line-height:20px;--type-static-body-xl-font-size:19px;--type-static-body-xl-line-height:28px;--type-static-body-xs-font-size:12px;--type-static-body-xs-line-height:18px;--type-static-body-xxl-font-size:22px;--type-static-body-xxl-line-height:32px;--type-static-body-xxs-font-size:10px;--type-static-body-xxs-line-height:16px;--type-static-code-lg-font-size:17px;--type-static-code-lg-line-height:26px;--type-static-code-md-font-size:16px;--type-static-code-md-line-height:24px;--type-static-code-sm-font-size:14px;--type-static-code-sm-line-height:20px;--type-static-code-xl-font-size:19px;--type-static-code-xl-line-height:28px;--type-static-code-xs-font-size:12px;--type-static-code-xs-line-height:18px;--type-static-eyebrow-type-font-size:12px;--type-static-eyebrow-type-line-height:18px;--type-static-heading-lg-font-size:28px;--type-static-heading-lg-line-height:34px;--type-static-heading-md-font-size:24px;--type-static-heading-md-line-height:30px;--type-static-heading-sm-font-size:20px;--type-static-heading-sm-line-height:24px;--type-static-heading-xs-font-size:17px;--type-static-heading-xs-line-height:20px;--type-static-heading-xxs-font-size:14px;--type-static-heading-xxs-line-height:18px;--type-static-heading-xxxl-font-size:53px;--type-static-heading-xxxl-line-height:60px}
1
+ [data-brand=dragonwing][data-theme=dark]{--color-background-brand-primary-strong:#dbdbf8;--color-background-brand-primary-subtle:#31017d;--color-background-brand-primary:#5c2ad9;--color-background-neutral-00:#0a0a0a;--color-background-neutral-01:#19191a;--color-background-neutral-02:#1f1f1f;--color-background-neutral-03:#242425;--color-background-neutral-10:#ffffff;--color-background-support-danger-medium:#7e0700;--color-background-support-danger-subtle:#1e0000;--color-background-support-danger:#f1735e;--color-background-support-info-medium:#283c97;--color-background-support-info-subtle:#070d2a;--color-background-support-info:#7697ff;--color-background-support-neutral-medium:#636364;--color-background-support-neutral-subtle:#1f1f1f;--color-background-support-neutral:#b9b9ba;--color-background-support-success-medium:#005a00;--color-background-support-success-subtle:#001600;--color-background-support-success:#5db655;--color-background-support-warning-medium:#5a4403;--color-background-support-warning-subtle:#1e1500;--color-background-support-warning:#ffc622;--color-border-brand-primary-subtle:#200d6e;--color-border-brand-primary:#9f98f9;--color-border-neutral-00:#0a0a0a;--color-border-neutral-01:#ffffff1a;--color-border-neutral-02:#ffffff33;--color-border-neutral-03:#ffffff4d;--color-border-neutral-10:#ffffff;--color-border-support-danger-medium:#7e0700;--color-border-support-danger:#f1826f;--color-border-support-info-medium:#283c97;--color-border-support-info:#82a1fe;--color-border-support-neutral-medium:#424243;--color-border-support-neutral:#636364;--color-border-support-success-medium:#005a00;--color-border-support-success:#70bc68;--color-border-support-warning-medium:#5a4403;--color-border-support-warning:#d19d00;--color-category-amber-medium:#773310;--color-category-amber-strong:#a1480e;--color-category-amber-subtle:#4e1e06;--color-category-blue-medium:#034ad9;--color-category-blue-strong:#1669fe;--color-category-blue-subtle:#01278a;--color-category-cyan-medium:#005aa3;--color-category-cyan-strong:#0377c9;--color-category-cyan-subtle:#013360;--color-category-green-medium:#207552;--color-category-green-strong:#1f845a;--color-category-green-subtle:#185039;--color-category-lime-medium:#517121;--color-category-lime-strong:#5b7f24;--color-category-lime-subtle:#3a4d1f;--color-category-magenta-medium:#aa1b59;--color-category-magenta-strong:#d52d76;--color-category-magenta-subtle:#670630;--color-category-orange-medium:#953d00;--color-category-orange-strong:#c25100;--color-category-orange-subtle:#522301;--color-category-purple-medium:#712ed1;--color-category-purple-strong:#8f46fc;--color-category-purple-subtle:#40197a;--color-category-red-medium:#af1a21;--color-category-red-strong:#df252f;--color-category-red-subtle:#680a0f;--color-category-teal-medium:#006563;--color-category-teal-strong:#02827e;--color-category-teal-subtle:#01393c;--color-category-violet-medium:#701b85;--color-category-violet-strong:#9521b9;--color-category-violet-subtle:#480b57;--color-category-yellow-medium:#9a7402;--color-category-yellow-strong:#efbf1a;--color-category-yellow-subtle:#684e01;--color-icon-brand-primary:#9f98f9;--color-icon-neutral-inverse:#0a0a0a;--color-icon-neutral-primary:#ffffff;--color-icon-neutral-secondary:#aaaaab;--color-icon-support-danger:#f1735e;--color-icon-support-info:#7697ff;--color-icon-support-neutral:#949495;--color-icon-support-success:#49b140;--color-icon-support-warning:#fabb00;--color-interactive-background-danger-hover:#be0000;--color-interactive-background-danger-idle:#a50000;--color-interactive-background-danger-pressed:#d02107;--color-interactive-background-ghost-hover:#ffffff14;--color-interactive-background-ghost-idle:#ffffff00;--color-interactive-background-ghost-pressed:#ffffff29;--color-interactive-background-inverse-fill-hover:#242425;--color-interactive-background-inverse-fill-idle:#0a0a0a;--color-interactive-background-inverse-fill-pressed:#3c3c3d;--color-interactive-background-inverse-ghost-hover:#00000014;--color-interactive-background-inverse-ghost-idle:#00000000;--color-interactive-background-inverse-ghost-pressed:#00000029;--color-interactive-background-neutral-hover:#6a6a6b;--color-interactive-background-neutral-idle:#5c5c5d;--color-interactive-background-neutral-pressed:#717171;--color-interactive-background-persistent-black-fill-hover:#242425;--color-interactive-background-persistent-black-fill-idle:#0a0a0a;--color-interactive-background-persistent-black-fill-pressed:#3c3c3d;--color-interactive-background-persistent-black-ghost-hover:#00000014;--color-interactive-background-persistent-black-ghost-idle:#00000000;--color-interactive-background-persistent-black-ghost-pressed:#00000029;--color-interactive-background-persistent-white-fill-hover:#e7e7e8;--color-interactive-background-persistent-white-fill-idle:#ffffff;--color-interactive-background-persistent-white-fill-pressed:#d0d0d1;--color-interactive-background-persistent-white-ghost-hover:#ffffff14;--color-interactive-background-persistent-white-ghost-idle:#ffffff00;--color-interactive-background-persistent-white-ghost-pressed:#ffffff29;--color-interactive-background-primary-hover:#6234e1;--color-interactive-background-primary-idle:#5b0cd9;--color-interactive-background-primary-pressed:#6f48f3;--color-interactive-border-danger-hover:#f0907f;--color-interactive-border-danger-idle:#f1735e;--color-interactive-border-danger-pressed:#febbae;--color-interactive-border-inverse-hover:#000000e5;--color-interactive-border-inverse-idle:#000000cc;--color-interactive-border-inverse-pressed:#0a0a0a;--color-interactive-border-neutral-hover:#ffffff6b;--color-interactive-border-neutral-idle:#ffffff4d;--color-interactive-border-neutral-pressed:#ffffff8a;--color-interactive-border-persistent-black-hover:#000000e5;--color-interactive-border-persistent-black-idle:#000000cc;--color-interactive-border-persistent-black-pressed:#0a0a0a;--color-interactive-border-persistent-white-hover:#ffffffe5;--color-interactive-border-persistent-white-idle:#ffffffcc;--color-interactive-border-persistent-white-pressed:#ffffff;--color-interactive-border-primary-hover:#b8b5fc;--color-interactive-border-primary-idle:#9f98f9;--color-interactive-border-primary-pressed:#c9c7ff;--color-interactive-icon-danger-hover:#f0907f;--color-interactive-icon-danger-idle:#f1735e;--color-interactive-icon-danger-pressed:#febbae;--color-interactive-icon-link-brand-hover:#b8b5fc;--color-interactive-icon-link-brand-idle:#9f98f9;--color-interactive-icon-link-brand-pressed:#c9c7ff;--color-interactive-icon-link-brand-visited:#b88cff;--color-interactive-icon-link-default-hover:#a8a2f6;--color-interactive-icon-link-default-idle:#988cfc;--color-interactive-icon-link-default-pressed:#c9c7ff;--color-interactive-icon-link-default-visited:#b88cff;--color-interactive-icon-link-neutral-hover:#c0c0c1;--color-interactive-icon-link-neutral-idle:#ffffff;--color-interactive-icon-link-neutral-pressed:#949495;--color-interactive-icon-link-neutral-visited:#b88cff;--color-interactive-icon-neutral-hover:#efeff0;--color-interactive-icon-neutral-idle:#dfdfe0;--color-interactive-icon-neutral-pressed:#ffffff;--color-interactive-icon-primary-hover:#b8b5fc;--color-interactive-icon-primary-idle:#9f98f9;--color-interactive-icon-primary-pressed:#c9c7ff;--color-interactive-text-danger-hover:#f0907f;--color-interactive-text-danger-idle:#f1735e;--color-interactive-text-danger-pressed:#febbae;--color-interactive-text-link-brand-hover:#b8b5fc;--color-interactive-text-link-brand-idle:#9f98f9;--color-interactive-text-link-brand-pressed:#c9c7ff;--color-interactive-text-link-brand-visited:#b88cff;--color-interactive-text-link-default-hover:#a8a2f6;--color-interactive-text-link-default-idle:#988cfc;--color-interactive-text-link-default-pressed:#c9c7ff;--color-interactive-text-link-default-visited:#b88cff;--color-interactive-text-link-neutral-hover:#c0c0c1;--color-interactive-text-link-neutral-idle:#ffffff;--color-interactive-text-link-neutral-pressed:#949495;--color-interactive-text-link-neutral-visited:#b88cff;--color-interactive-text-neutral-hover:#efeff0;--color-interactive-text-neutral-idle:#dfdfe0;--color-interactive-text-neutral-pressed:#ffffff;--color-interactive-text-primary-hover:#b8b5fc;--color-interactive-text-primary-idle:#9f98f9;--color-interactive-text-primary-pressed:#c9c7ff;--color-surface-overlay:#303031;--color-surface-primary:#0a0a0a;--color-surface-raised:#2a2a2b;--color-surface-secondary:#19191a;--color-text-brand-primary:#9f98f9;--color-text-neutral-inverse:#0a0a0a;--color-text-neutral-primary:#ffffff;--color-text-neutral-secondary:#aaaaab;--color-text-support-danger:#f1735e;--color-text-support-info:#7697ff;--color-text-support-success:#49b140;--color-utility-disabled-background-solid:#4f4f50;--color-utility-disabled-background:#ffffff14;--color-utility-disabled-border:#ffffff1f;--color-utility-disabled-icon:#6a6a6b;--color-utility-disabled-inverse-background:#00000014;--color-utility-disabled-inverse-border:#0000001f;--color-utility-disabled-inverse-icon:#6a6a6b;--color-utility-disabled-inverse-text:#6a6a6b;--color-utility-disabled-persistent-black-background:#00000014;--color-utility-disabled-persistent-black-border:#0000001f;--color-utility-disabled-persistent-black-icon:#6a6a6b;--color-utility-disabled-persistent-black-text:#6a6a6b;--color-utility-disabled-persistent-white-background:#ffffff14;--color-utility-disabled-persistent-white-border:#ffffff1f;--color-utility-disabled-persistent-white-icon:#a3a3a3;--color-utility-disabled-persistent-white-text:#a3a3a3;--color-utility-disabled-text:#6a6a6b;--color-utility-focus-border:#9f98f9;--color-utility-opacity-01:#ffffff05;--color-utility-opacity-02:#ffffff0a;--color-utility-opacity-03:#ffffff14;--color-utility-opacity-04:#ffffff1f;--color-utility-opacity-05:#ffffff29;--color-utility-opacity-06:#ffffff3d;--color-utility-opacity-07:#ffffff52;--color-utility-opacity-08:#ffffff7a;--color-utility-opacity-09:#ffffffa3;--color-utility-opacity-10:#ffffffcc;--color-utility-persistent-black:#0a0a0a;--color-utility-persistent-transparent-white:#ffffffcc;--color-utility-persistent-white:#ffffff;--color-utility-placeholder-icon:#868687;--color-utility-placeholder-text:#868687;--color-utility-scrim-default:#000000cc;--border-radius-lg:6px;--border-radius-md:4px;--border-radius-none:0;--border-radius-rounded:360px;--border-radius-sm:3px;--border-radius-xl:8px;--border-radius-xs:2px;--border-radius-xxl:12px;--border-width-lg:3px;--border-width-md:2px;--border-width-none:0;--border-width-sm:1px;--border-width-xl:4px;--canvas-width:375;--component-button-global-border-radius:4px;--component-button-global-focus-border-radius:4px;--component-button-type-lg-font-family:var(--type-font-family-secondary);--component-button-type-lg-font-size:16px;--component-button-type-lg-font-weight:var(--type-font-weight-body-bold);--component-button-type-lg-line-height:24px;--component-button-type-md-font-family:var(--type-font-family-secondary);--component-button-type-md-font-size:14px;--component-button-type-md-font-weight:var(--type-font-weight-body-bold);--component-button-type-md-line-height:20px;--component-button-type-sm-font-family:var(--type-font-family-secondary);--component-button-type-sm-font-size:12px;--component-button-type-sm-font-weight:var(--type-font-weight-body-bold);--component-button-type-sm-line-height:18px;--component-button-variant-fill-danger-icon:#ffffff;--component-button-variant-fill-danger-text:#ffffff;--component-button-variant-fill-neutral-icon:#ffffff;--component-button-variant-fill-neutral-text:#ffffff;--component-button-variant-fill-primary-icon:#ffffff;--component-button-variant-fill-primary-text:#ffffff;--component-button-variant-outline-danger-border-hover:#ffffff6b;--component-button-variant-outline-danger-border-idle:#ffffff4d;--component-button-variant-outline-danger-border-pressed:#ffffff8a;--component-button-variant-outline-neutral-border-hover:#ffffff6b;--component-button-variant-outline-neutral-border-idle:#ffffff4d;--component-button-variant-outline-neutral-border-pressed:#ffffff8a;--component-button-variant-outline-primary-border-hover:#ffffff6b;--component-button-variant-outline-primary-border-idle:#ffffff4d;--component-button-variant-outline-primary-border-pressed:#ffffff8a;--component-tag-selectable-neutral-selected-icon:#ffffff;--component-tag-selectable-neutral-selected-text:#ffffff;--component-utility-icons-stroke-weight-lg:2px;--component-utility-icons-stroke-weight-md:1.75px;--component-utility-icons-stroke-weight-sm:1.5px;--component-utility-icons-stroke-weight-xl:2.25px;--component-utility-icons-stroke-weight-xs:1.25px;--component-utility-icons-stroke-weight-xxs:1px;--cross-component-track-default:#ffffff1a;--font-dynamic-display-lg:var(--type-font-weight-display-regular) 53px /60px var(--type-font-family-primary);--font-dynamic-display-md:var(--type-font-weight-display-regular) 40px /46px var(--type-font-family-primary);--font-dynamic-heading-lg-bold:var(--type-font-weight-heading-bold) 26px /32px var(--type-font-family-secondary);--font-dynamic-heading-lg-default:var(--type-font-weight-heading-default) 26px /32px var(--type-font-family-secondary);--font-dynamic-heading-xl:var(--type-font-weight-heading-regular) 30px /34px var(--type-font-family-primary);--font-dynamic-heading-xxl:var(--type-font-weight-heading-regular) 34px /40px var(--type-font-family-primary);--font-dynamic-heading-xxxl:var(--type-font-weight-heading-regular) 36px /42px var(--type-font-family-primary);--font-static-body-lg-bold:var(--type-font-weight-body-bold) 17px /26px var(--type-font-family-secondary);--font-static-body-lg-default:var(--type-font-weight-body-default) 17px /26px var(--type-font-family-secondary);--font-static-body-md-bold:var(--type-font-weight-body-bold) 16px /24px var(--type-font-family-secondary);--font-static-body-md-default:var(--type-font-weight-body-default) 16px /24px var(--type-font-family-secondary);--font-static-body-sm-bold:var(--type-font-weight-body-bold) 14px /20px var(--type-font-family-secondary);--font-static-body-sm-default:var(--type-font-weight-body-default) 14px /20px var(--type-font-family-secondary);--font-static-body-xl-bold:var(--type-font-weight-body-bold) 19px /28px var(--type-font-family-secondary);--font-static-body-xl-default:var(--type-font-weight-body-default) 19px /28px var(--type-font-family-secondary);--font-static-body-xs-bold:var(--type-font-weight-body-bold) 12px /18px var(--type-font-family-secondary);--font-static-body-xs-default:var(--type-font-weight-body-default) 12px /18px var(--type-font-family-secondary);--font-static-body-xxl-bold:var(--type-font-weight-body-bold) 22px /32px var(--type-font-family-secondary);--font-static-body-xxl-default:var(--type-font-weight-body-default) 22px /32px var(--type-font-family-secondary);--font-static-body-xxs-bold:var(--type-font-weight-body-bold) 10px /16px var(--type-font-family-secondary);--font-static-body-xxs-default:var(--type-font-weight-body-default) 10px /16px var(--type-font-family-secondary);--font-static-code-lg-bold:var(--type-font-weight-code-bold) 17px /26px var(--type-font-family-tertiary);--font-static-code-lg-default:var(--type-font-weight-code-default) 17px /26px var(--type-font-family-tertiary);--font-static-code-md-bold:var(--type-font-weight-code-bold) 16px /24px var(--type-font-family-tertiary);--font-static-code-md-default:var(--type-font-weight-code-default) 16px /24px var(--type-font-family-tertiary);--font-static-code-sm-bold:var(--type-font-weight-code-bold) 14px /20px var(--type-font-family-tertiary);--font-static-code-sm-default:var(--type-font-weight-code-default) 14px /20px var(--type-font-family-tertiary);--font-static-code-xl-bold:var(--type-font-weight-code-bold) 19px /28px var(--type-font-family-tertiary);--font-static-code-xl-default:var(--type-font-weight-code-default) 19px /28px var(--type-font-family-tertiary);--font-static-code-xs-bold:var(--type-font-weight-code-bold) 12px /18px var(--type-font-family-tertiary);--font-static-code-xs-default:var(--type-font-weight-code-default) 12px /18px var(--type-font-family-tertiary);--font-static-display-lg:var(--type-font-weight-display-regular) 84px /100px var(--type-font-family-primary);--font-static-display-md:var(--type-font-weight-display-regular) 65px /74px var(--type-font-family-primary);--font-static-eyebrow-type-bold:var(--type-font-weight-body-bold) 12px /18px var(--type-font-family-secondary);--font-static-eyebrow-type-default:var(--type-font-weight-body-default) 12px /18px var(--type-font-family-secondary);--font-static-heading-lg-bold:var(--type-font-weight-heading-bold) 28px /34px var(--type-font-family-secondary);--font-static-heading-lg-default:var(--type-font-weight-heading-default) 28px /34px var(--type-font-family-secondary);--font-static-heading-md-bold:var(--type-font-weight-heading-bold) 24px /30px var(--type-font-family-secondary);--font-static-heading-md-default:var(--type-font-weight-heading-default) 24px /30px var(--type-font-family-secondary);--font-static-heading-sm-bold:var(--type-font-weight-heading-bold) 20px /24px var(--type-font-family-secondary);--font-static-heading-sm-default:var(--type-font-weight-heading-default) 20px /24px var(--type-font-family-secondary);--font-static-heading-xl:var(--type-font-weight-heading-regular) 36px /42px var(--type-font-family-primary);--font-static-heading-xs-bold:var(--type-font-weight-heading-bold) 17px /20px var(--type-font-family-secondary);--font-static-heading-xs-default:var(--type-font-weight-heading-default) 17px /20px var(--type-font-family-secondary);--font-static-heading-xxl:var(--type-font-weight-heading-regular) 44px /50px var(--type-font-family-primary);--font-static-heading-xxs-bold:var(--type-font-weight-heading-bold) 14px /18px var(--type-font-family-secondary);--font-static-heading-xxs-default:var(--type-font-weight-heading-default) 14px /18px var(--type-font-family-secondary);--font-static-heading-xxxl:var(--type-font-weight-heading-regular) 53px /60px var(--type-font-family-primary);--shadow-high:0 7px 20px 5px #00000033;--shadow-highest:0 20px 30px 15px #00000033;--shadow-low:0 3px 5px 0 #00000033;--shadow-lowest:0 1px 2px 0 #00000033;--shadow-medium:0 5px 10px 1px #00000033;--shadow-none:0 0 0 0 #00000000;--sizing-10:1px;--sizing-20:2px;--sizing-30:4px;--sizing-40:6px;--sizing-50:8px;--sizing-60:12px;--sizing-70:16px;--sizing-80:20px;--sizing-90:24px;--sizing-100:28px;--sizing-110:30px;--sizing-120:32px;--sizing-130:38px;--sizing-140:40px;--sizing-150:46px;--sizing-160:48px;--sizing-170:56px;--sizing-180:80px;--sizing-190:120px;--sizing-200:160px;--spacing-0:0;--spacing-10:1px;--spacing-20:2px;--spacing-30:3px;--spacing-40:4px;--spacing-50:6px;--spacing-60:7px;--spacing-70:8px;--spacing-80:10px;--spacing-90:12px;--spacing-100:16px;--spacing-110:20px;--spacing-120:24px;--spacing-130:28px;--spacing-140:32px;--spacing-150:36px;--spacing-160:40px;--spacing-170:44px;--spacing-180:48px;--spacing-190:52px;--spacing-200:56px;--spacing-210:60px;--spacing-220:64px;--spacing-230:68px;--spacing-240:72px;--spacing-250:76px;--spacing-260:80px;--spacing-270:84px;--spacing-280:88px;--spacing-290:92px;--spacing-300:96px;--spacing-310:100px;--spacing-320:120px;--spacing-330:132px;--type-font-family-primary:Alfabet,sans-serif;--type-font-family-secondary:"Roboto Flex",sans-serif;--type-font-family-tertiary:"Roboto Mono",monospace;--type-font-weight-body-bold:500;--type-font-weight-body-default:400;--type-font-weight-code-bold:500;--type-font-weight-code-default:400;--type-font-weight-display-regular:400;--type-font-weight-heading-bold:600;--type-font-weight-heading-default:500;--type-font-weight-heading-regular:400;--type-static-body-lg-font-size:17px;--type-static-body-lg-line-height:26px;--type-static-body-md-font-size:16px;--type-static-body-md-line-height:24px;--type-static-body-sm-font-size:14px;--type-static-body-sm-line-height:20px;--type-static-body-xl-font-size:19px;--type-static-body-xl-line-height:28px;--type-static-body-xs-font-size:12px;--type-static-body-xs-line-height:18px;--type-static-body-xxl-font-size:22px;--type-static-body-xxl-line-height:32px;--type-static-body-xxs-font-size:10px;--type-static-body-xxs-line-height:16px;--type-static-code-lg-font-size:17px;--type-static-code-lg-line-height:26px;--type-static-code-md-font-size:16px;--type-static-code-md-line-height:24px;--type-static-code-sm-font-size:14px;--type-static-code-sm-line-height:20px;--type-static-code-xl-font-size:19px;--type-static-code-xl-line-height:28px;--type-static-code-xs-font-size:12px;--type-static-code-xs-line-height:18px;--type-static-eyebrow-type-font-size:12px;--type-static-eyebrow-type-line-height:18px;--type-static-heading-lg-font-size:28px;--type-static-heading-lg-line-height:34px;--type-static-heading-md-font-size:24px;--type-static-heading-md-line-height:30px;--type-static-heading-sm-font-size:20px;--type-static-heading-sm-line-height:24px;--type-static-heading-xs-font-size:17px;--type-static-heading-xs-line-height:20px;--type-static-heading-xxs-font-size:14px;--type-static-heading-xxs-line-height:18px;--type-static-heading-xxxl-font-size:53px;--type-static-heading-xxxl-line-height:60px}
package/dist/dragonwing-light.min.css CHANGED
@@ -1 +1 @@
1
- [data-brand=dragonwing][data-theme=light]{--color-background-brand-primary-strong:#31017d;--color-background-brand-primary-subtle:#dbdbf8;--color-background-brand-primary:#5b0cd9;--color-background-neutral-00:#ffffff;--color-background-neutral-01:#f7f7f8;--color-background-neutral-02:#efeff0;--color-background-neutral-03:#e7e7e8;--color-background-neutral-10:#0a0a0a;--color-background-support-danger-medium:#f49b8b;--color-background-support-danger-subtle:#fcf3f1;--color-background-support-danger:#c71100;--color-background-support-info-medium:#99b3fd;--color-background-support-info-subtle:#f2f5fc;--color-background-support-info:#4664df;--color-background-support-neutral-medium:#b9b9ba;--color-background-support-neutral-subtle:#efeff0;--color-background-support-neutral:#49494a;--color-background-support-success-medium:#8dc886;--color-background-support-success-subtle:#f1f7f1;--color-background-support-success:#018a00;--color-background-support-warning-medium:#ffe398;--color-background-support-warning-subtle:#fdf6e8;--color-background-support-warning:#fabb00;--color-border-brand-primary-subtle:#8975ff;--color-border-brand-primary:#31017d;--color-border-neutral-00:#ffffff;--color-border-neutral-01:#0000001a;--color-border-neutral-02:#00000033;--color-border-neutral-03:#0000004d;--color-border-neutral-10:#0a0a0a;--color-border-support-danger-medium:#f49b8b;--color-border-support-danger:#c71100;--color-border-support-info-medium:#99b3fd;--color-border-support-info:#4664df;--color-border-support-neutral-medium:#b9b9ba;--color-border-support-neutral:#787878;--color-border-support-success-medium:#8dc886;--color-border-support-success:#018a00;--color-border-support-warning-medium:#ffcd2b;--color-border-support-warning:#fabb00;--color-category-amber-medium:#f39c12;--color-category-amber-strong:#a1480e;--color-category-amber-subtle:#facf4f;--color-category-blue-medium:#609aff;--color-category-blue-strong:#1669fe;--color-category-blue-subtle:#cadeff;--color-category-cyan-medium:#23a3f4;--color-category-cyan-strong:#0377c9;--color-category-cyan-subtle:#b2e2ff;--color-category-green-medium:#3cc58c;--color-category-green-strong:#1f845a;--color-category-green-subtle:#b1f0d6;--color-category-lime-medium:#8cbf40;--color-category-lime-strong:#5b7f24;--color-category-lime-subtle:#ceee9f;--color-category-magenta-medium:#ff95c3;--color-category-magenta-strong:#d52d76;--color-category-magenta-subtle:#fed1e5;--color-category-orange-medium:#ffa769;--color-category-orange-strong:#c25100;--color-category-orange-subtle:#ffd4b5;--color-category-purple-medium:#c8a7ff;--color-category-purple-strong:#8f46fc;--color-category-purple-subtle:#e6d4ff;--color-category-red-medium:#ff999f;--color-category-red-strong:#df252f;--color-category-red-subtle:#ffd1d4;--color-category-teal-medium:#06aeab;--color-category-teal-strong:#02827e;--color-category-teal-subtle:#8eedec;--color-category-violet-medium:#d77cf7;--color-category-violet-strong:#9521b9;--color-category-violet-subtle:#edc8fd;--color-category-yellow-medium:#f6cc3a;--color-category-yellow-strong:#efbf1a;--color-category-yellow-subtle:#fee38b;--color-icon-brand-primary:#31017d;--color-icon-neutral-inverse:#ffffff;--color-icon-neutral-primary:#0a0a0a;--color-icon-neutral-secondary:#636364;--color-icon-support-danger:#c71100;--color-icon-support-info:#4664df;--color-icon-support-neutral:#787878;--color-icon-support-success:#007a00;--color-icon-support-warning:#d9a500;--color-interactive-background-danger-hover:#a50000;--color-interactive-background-danger-idle:#c71100;--color-interactive-background-danger-pressed:#7e0700;--color-interactive-background-ghost-hover:#00000014;--color-interactive-background-ghost-idle:#00000000;--color-interactive-background-ghost-pressed:#00000029;--color-interactive-background-inverse-fill-hover:#e7e7e8;--color-interactive-background-inverse-fill-idle:#ffffff;--color-interactive-background-inverse-fill-pressed:#d0d0d1;--color-interactive-background-inverse-ghost-hover:#ffffff14;--color-interactive-background-inverse-ghost-idle:#ffffff00;--color-interactive-background-inverse-ghost-pressed:#ffffff29;--color-interactive-background-neutral-hover:#424243;--color-interactive-background-neutral-idle:#565657;--color-interactive-background-neutral-pressed:#303031;--color-interactive-background-persistent-black-fill-hover:#242425;--color-interactive-background-persistent-black-fill-idle:#0a0a0a;--color-interactive-background-persistent-black-fill-pressed:#3c3c3d;--color-interactive-background-persistent-black-ghost-hover:#00000014;--color-interactive-background-persistent-black-ghost-idle:#00000000;--color-interactive-background-persistent-black-ghost-pressed:#00000029;--color-interactive-background-persistent-white-fill-hover:#e7e7e8;--color-interactive-background-persistent-white-fill-idle:#ffffff;--color-interactive-background-persistent-white-fill-pressed:#d0d0d1;--color-interactive-background-persistent-white-ghost-hover:#ffffff14;--color-interactive-background-persistent-white-ghost-idle:#ffffff00;--color-interactive-background-persistent-white-ghost-pressed:#ffffff29;--color-interactive-background-primary-hover:#1c054f;--color-interactive-background-primary-idle:#31017d;--color-interactive-background-primary-pressed:#0b022a;--color-interactive-border-danger-hover:#a50000;--color-interactive-border-danger-idle:#c71100;--color-interactive-border-danger-pressed:#7e0700;--color-interactive-border-inverse-hover:#ffffffe5;--color-interactive-border-inverse-idle:#ffffffcc;--color-interactive-border-inverse-pressed:#ffffff;--color-interactive-border-neutral-hover:#00000052;--color-interactive-border-neutral-idle:#00000033;--color-interactive-border-neutral-pressed:#00000070;--color-interactive-border-persistent-black-hover:#000000e5;--color-interactive-border-persistent-black-idle:#000000cc;--color-interactive-border-persistent-black-pressed:#0a0a0a;--color-interactive-border-persistent-white-hover:#ffffffe5;--color-interactive-border-persistent-white-idle:#ffffffcc;--color-interactive-border-persistent-white-pressed:#ffffff;--color-interactive-border-primary-hover:#22035f;--color-interactive-border-primary-idle:#31017d;--color-interactive-border-primary-pressed:#0b022a;--color-interactive-icon-danger-hover:#a50000;--color-interactive-icon-danger-idle:#c71100;--color-interactive-icon-danger-pressed:#7e0700;--color-interactive-icon-link-brand-hover:#22035f;--color-interactive-icon-link-brand-idle:#31017d;--color-interactive-icon-link-brand-pressed:#0b022a;--color-interactive-icon-link-brand-visited:#883df8;--color-interactive-icon-link-default-hover:#4911b5;--color-interactive-icon-link-default-idle:#5b0cd9;--color-interactive-icon-link-default-pressed:#22035f;--color-interactive-icon-link-default-visited:#883df8;--color-interactive-icon-link-neutral-hover:#424243;--color-interactive-icon-link-neutral-idle:#0a0a0a;--color-interactive-icon-link-neutral-pressed:#5c5c5d;--color-interactive-icon-link-neutral-visited:#883df8;--color-interactive-icon-neutral-hover:#1f1f1f;--color-interactive-icon-neutral-idle:#303031;--color-interactive-icon-neutral-pressed:#0a0a0a;--color-interactive-icon-primary-hover:#22035f;--color-interactive-icon-primary-idle:#31017d;--color-interactive-icon-primary-pressed:#0b022a;--color-interactive-text-danger-hover:#a50000;--color-interactive-text-danger-idle:#c71100;--color-interactive-text-danger-pressed:#7e0700;--color-interactive-text-link-brand-hover:#22035f;--color-interactive-text-link-brand-idle:#31017d;--color-interactive-text-link-brand-pressed:#0b022a;--color-interactive-text-link-brand-visited:#883df8;--color-interactive-text-link-default-hover:#4911b5;--color-interactive-text-link-default-idle:#5b0cd9;--color-interactive-text-link-default-pressed:#22035f;--color-interactive-text-link-default-visited:#883df8;--color-interactive-text-link-neutral-hover:#424243;--color-interactive-text-link-neutral-idle:#0a0a0a;--color-interactive-text-link-neutral-pressed:#5c5c5d;--color-interactive-text-link-neutral-visited:#883df8;--color-interactive-text-neutral-hover:#1f1f1f;--color-interactive-text-neutral-idle:#303031;--color-interactive-text-neutral-pressed:#0a0a0a;--color-interactive-text-primary-hover:#22035f;--color-interactive-text-primary-idle:#31017d;--color-interactive-text-primary-pressed:#0b022a;--color-scrim-scrim:60;--color-surface-overlay:#ffffff;--color-surface-primary:#ffffff;--color-surface-raised:#ffffff;--color-surface-secondary:#f7f7f8;--color-text-brand-primary:#31017d;--color-text-neutral-inverse:#ffffff;--color-text-neutral-primary:#0a0a0a;--color-text-neutral-secondary:#636364;--color-text-support-danger:#c71100;--color-text-support-info:#4664df;--color-text-support-success:#007a00;--color-utility-disabled-background:#00000014;--color-utility-disabled-border:#0000001f;--color-utility-disabled-handle:#b9b9ba;--color-utility-disabled-icon:#a3a3a3;--color-utility-disabled-inverse-background:#ffffff14;--color-utility-disabled-inverse-border:#ffffff1f;--color-utility-disabled-inverse-icon:#a3a3a3;--color-utility-disabled-inverse-text:#a3a3a3;--color-utility-disabled-persistent-black-background:#00000014;--color-utility-disabled-persistent-black-border:#0000001f;--color-utility-disabled-persistent-black-icon:#6a6a6b;--color-utility-disabled-persistent-black-text:#6a6a6b;--color-utility-disabled-persistent-white-background:#ffffff14;--color-utility-disabled-persistent-white-border:#ffffff1f;--color-utility-disabled-persistent-white-icon:#a3a3a3;--color-utility-disabled-persistent-white-text:#a3a3a3;--color-utility-disabled-text:#a3a3a3;--color-utility-disabled-track-fill:#b9b9ba;--color-utility-focus-border:#31017d;--color-utility-opacity-01:#00000005;--color-utility-opacity-02:#0000000a;--color-utility-opacity-03:#00000014;--color-utility-opacity-04:#0000001f;--color-utility-opacity-05:#00000029;--color-utility-opacity-06:#0000003d;--color-utility-opacity-07:#00000052;--color-utility-opacity-08:#0000007a;--color-utility-opacity-09:#000000a3;--color-utility-opacity-10:#000000cc;--color-utility-persistent-black:#0a0a0a;--color-utility-persistent-transparent-white:#ffffffcc;--color-utility-persistent-white:#ffffff;--color-utility-placeholder-icon:#6a6a6b;--color-utility-placeholder-text:#6a6a6b;--border-radius-lg:6px;--border-radius-md:4px;--border-radius-none:0;--border-radius-rounded:360px;--border-radius-sm:3px;--border-radius-xl:8px;--border-radius-xs:2px;--border-radius-xxl:12px;--border-width-lg:3px;--border-width-md:2px;--border-width-none:0;--border-width-sm:1px;--border-width-xl:4px;--canvas-width:375;--component-button-global-border-radius:4px;--component-button-global-focus-border-radius:4px;--component-button-type-lg-font-family:var(--type-font-family-secondary);--component-button-type-lg-font-size:16px;--component-button-type-lg-font-weight:var(--type-font-weight-body-bold);--component-button-type-lg-line-height:24px;--component-button-type-md-font-family:var(--type-font-family-secondary);--component-button-type-md-font-size:14px;--component-button-type-md-font-weight:var(--type-font-weight-body-bold);--component-button-type-md-line-height:20px;--component-button-type-sm-font-family:var(--type-font-family-secondary);--component-button-type-sm-font-size:12px;--component-button-type-sm-font-weight:var(--type-font-weight-body-bold);--component-button-type-sm-line-height:18px;--component-button-variant-fill-danger-icon:#ffffff;--component-button-variant-fill-danger-text:#ffffff;--component-button-variant-fill-neutral-icon:#ffffff;--component-button-variant-fill-neutral-text:#ffffff;--component-button-variant-fill-primary-icon:#ffffff;--component-button-variant-fill-primary-text:#ffffff;--component-button-variant-outline-border-width:1px;--component-button-variant-outline-danger-border-hover:#00000052;--component-button-variant-outline-danger-border-idle:#00000033;--component-button-variant-outline-danger-border-pressed:#00000070;--component-button-variant-outline-neutral-border-hover:#00000052;--component-button-variant-outline-neutral-border-idle:#00000033;--component-button-variant-outline-neutral-border-pressed:#00000070;--component-button-variant-outline-primary-border-hover:#00000052;--component-button-variant-outline-primary-border-idle:#00000033;--component-button-variant-outline-primary-border-pressed:#00000070;--component-tag-selectable-neutral-selected-icon:#ffffff;--component-tag-selectable-neutral-selected-text:#ffffff;--font-dynamic-display-lg:var(--type-font-weight-display-regular) 53px /60px var(--type-font-family-primary);--font-dynamic-display-md:var(--type-font-weight-display-regular) 40px /46px var(--type-font-family-primary);--font-dynamic-heading-lg-bold:var(--type-font-weight-heading-bold) 26px /32px var(--type-font-family-secondary);--font-dynamic-heading-lg-default:var(--type-font-weight-heading-default) 26px /32px var(--type-font-family-secondary);--font-dynamic-heading-xl:var(--type-font-weight-heading-regular) 30px /34px var(--type-font-family-primary);--font-dynamic-heading-xxl:var(--type-font-weight-heading-regular) 34px /40px var(--type-font-family-primary);--font-dynamic-heading-xxxl:var(--type-font-weight-heading-regular) 36px /42px var(--type-font-family-primary);--font-static-body-lg-bold:var(--type-font-weight-body-bold) 17px /26px var(--type-font-family-secondary);--font-static-body-lg-default:var(--type-font-weight-body-default) 17px /26px var(--type-font-family-secondary);--font-static-body-md-bold:var(--type-font-weight-body-bold) 16px /24px var(--type-font-family-secondary);--font-static-body-md-default:var(--type-font-weight-body-default) 16px /24px var(--type-font-family-secondary);--font-static-body-sm-bold:var(--type-font-weight-body-bold) 14px /20px var(--type-font-family-secondary);--font-static-body-sm-default:var(--type-font-weight-body-default) 14px /20px var(--type-font-family-secondary);--font-static-body-xl-bold:var(--type-font-weight-body-bold) 19px /28px var(--type-font-family-secondary);--font-static-body-xl-default:var(--type-font-weight-body-default) 19px /28px var(--type-font-family-secondary);--font-static-body-xs-bold:var(--type-font-weight-body-bold) 12px /18px var(--type-font-family-secondary);--font-static-body-xs-default:var(--type-font-weight-body-default) 12px /18px var(--type-font-family-secondary);--font-static-body-xxl-bold:var(--type-font-weight-body-bold) 22px /32px var(--type-font-family-secondary);--font-static-body-xxl-default:var(--type-font-weight-body-default) 22px /32px var(--type-font-family-secondary);--font-static-body-xxs-bold:var(--type-font-weight-body-bold) 10px /16px var(--type-font-family-secondary);--font-static-body-xxs-default:var(--type-font-weight-body-default) 10px /16px var(--type-font-family-secondary);--font-static-code-lg-bold:var(--type-font-weight-code-bold) 17px /26px var(--type-font-family-tertiary);--font-static-code-lg-default:var(--type-font-weight-code-default) 17px /26px var(--type-font-family-tertiary);--font-static-code-md-bold:var(--type-font-weight-code-bold) 16px /24px var(--type-font-family-tertiary);--font-static-code-md-default:var(--type-font-weight-code-default) 16px /24px var(--type-font-family-tertiary);--font-static-code-sm-bold:var(--type-font-weight-code-bold) 14px /20px var(--type-font-family-tertiary);--font-static-code-sm-default:var(--type-font-weight-code-default) 14px /20px var(--type-font-family-tertiary);--font-static-code-xl-bold:var(--type-font-weight-code-bold) 19px /28px var(--type-font-family-tertiary);--font-static-code-xl-default:var(--type-font-weight-code-default) 19px /28px var(--type-font-family-tertiary);--font-static-code-xs-bold:var(--type-font-weight-code-bold) 12px /18px var(--type-font-family-tertiary);--font-static-code-xs-default:var(--type-font-weight-code-default) 12px /18px var(--type-font-family-tertiary);--font-static-display-lg:var(--type-font-weight-display-regular) 84px /100px var(--type-font-family-primary);--font-static-display-md:var(--type-font-weight-display-regular) 65px /74px var(--type-font-family-primary);--font-static-eyebrow-type-bold:var(--type-font-weight-body-bold) 12px /18px var(--type-font-family-secondary);--font-static-eyebrow-type-default:var(--type-font-weight-body-default) 12px /18px var(--type-font-family-secondary);--font-static-heading-lg-bold:var(--type-font-weight-heading-bold) 28px /34px var(--type-font-family-secondary);--font-static-heading-lg-default:var(--type-font-weight-heading-default) 28px /34px var(--type-font-family-secondary);--font-static-heading-md-bold:var(--type-font-weight-heading-bold) 24px /30px var(--type-font-family-secondary);--font-static-heading-md-default:var(--type-font-weight-heading-default) 24px /30px var(--type-font-family-secondary);--font-static-heading-sm-bold:var(--type-font-weight-heading-bold) 20px /24px var(--type-font-family-secondary);--font-static-heading-sm-default:var(--type-font-weight-heading-default) 20px /24px var(--type-font-family-secondary);--font-static-heading-xl:var(--type-font-weight-heading-regular) 36px /42px var(--type-font-family-primary);--font-static-heading-xs-bold:var(--type-font-weight-heading-bold) 17px /20px var(--type-font-family-secondary);--font-static-heading-xs-default:var(--type-font-weight-heading-default) 17px /20px var(--type-font-family-secondary);--font-static-heading-xxl:var(--type-font-weight-heading-regular) 44px /50px var(--type-font-family-primary);--font-static-heading-xxs-bold:var(--type-font-weight-heading-bold) 14px /18px var(--type-font-family-secondary);--font-static-heading-xxs-default:var(--type-font-weight-heading-default) 14px /18px var(--type-font-family-secondary);--font-static-heading-xxxl:var(--type-font-weight-heading-regular) 53px /60px var(--type-font-family-primary);--icon-stroke-lg:2px;--icon-stroke-md:1.75px;--icon-stroke-sm:1.5px;--icon-stroke-xl:2.25px;--icon-stroke-xs:1.25px;--icon-stroke-xxs:1px;--scrim-default:#000000cc;--shadow-high:0 7px 20px 5px #00000033;--shadow-highest:0 20px 30px 15px #00000033;--shadow-low:0 3px 5px 0 #00000033;--shadow-lowest:0 1px 2px 0 #00000033;--shadow-medium:0 5px 10px 1px #00000033;--shadow-none:0 0 0 0 #00000000;--sizing-10:1px;--sizing-20:2px;--sizing-30:4px;--sizing-40:6px;--sizing-50:8px;--sizing-60:12px;--sizing-70:16px;--sizing-80:20px;--sizing-90:24px;--sizing-100:28px;--sizing-110:30px;--sizing-120:32px;--sizing-130:38px;--sizing-140:40px;--sizing-150:46px;--sizing-160:48px;--sizing-170:56px;--sizing-180:80px;--sizing-190:120px;--sizing-200:160px;--spacing-0:0;--spacing-10:1px;--spacing-20:2px;--spacing-30:3px;--spacing-40:4px;--spacing-50:6px;--spacing-60:7px;--spacing-70:8px;--spacing-80:10px;--spacing-90:12px;--spacing-100:16px;--spacing-110:20px;--spacing-120:24px;--spacing-130:28px;--spacing-140:32px;--spacing-150:36px;--spacing-160:40px;--spacing-170:44px;--spacing-180:48px;--spacing-190:52px;--spacing-200:56px;--spacing-210:60px;--spacing-220:64px;--spacing-230:68px;--spacing-240:72px;--spacing-250:76px;--spacing-260:80px;--spacing-270:84px;--spacing-280:88px;--spacing-290:92px;--spacing-300:96px;--spacing-310:100px;--spacing-320:120px;--spacing-330:132px;--track-default:#0000001a;--type-font-family-primary:Alfabet,sans-serif;--type-font-family-secondary:"Roboto Flex",sans-serif;--type-font-family-tertiary:"Roboto Mono",monospace;--type-font-weight-body-bold:500;--type-font-weight-body-default:400;--type-font-weight-code-bold:500;--type-font-weight-code-default:400;--type-font-weight-display-regular:400;--type-font-weight-heading-bold:600;--type-font-weight-heading-default:500;--type-font-weight-heading-regular:400;--type-static-body-lg-font-size:17px;--type-static-body-lg-line-height:26px;--type-static-body-md-font-size:16px;--type-static-body-md-line-height:24px;--type-static-body-sm-font-size:14px;--type-static-body-sm-line-height:20px;--type-static-body-xl-font-size:19px;--type-static-body-xl-line-height:28px;--type-static-body-xs-font-size:12px;--type-static-body-xs-line-height:18px;--type-static-body-xxl-font-size:22px;--type-static-body-xxl-line-height:32px;--type-static-body-xxs-font-size:10px;--type-static-body-xxs-line-height:16px;--type-static-code-lg-font-size:17px;--type-static-code-lg-line-height:26px;--type-static-code-md-font-size:16px;--type-static-code-md-line-height:24px;--type-static-code-sm-font-size:14px;--type-static-code-sm-line-height:20px;--type-static-code-xl-font-size:19px;--type-static-code-xl-line-height:28px;--type-static-code-xs-font-size:12px;--type-static-code-xs-line-height:18px;--type-static-eyebrow-type-font-size:12px;--type-static-eyebrow-type-line-height:18px;--type-static-heading-lg-font-size:28px;--type-static-heading-lg-line-height:34px;--type-static-heading-md-font-size:24px;--type-static-heading-md-line-height:30px;--type-static-heading-sm-font-size:20px;--type-static-heading-sm-line-height:24px;--type-static-heading-xs-font-size:17px;--type-static-heading-xs-line-height:20px;--type-static-heading-xxs-font-size:14px;--type-static-heading-xxs-line-height:18px;--type-static-heading-xxxl-font-size:53px;--type-static-heading-xxxl-line-height:60px}
1
+ [data-brand=dragonwing][data-theme=light]{--color-background-brand-primary-strong:#31017d;--color-background-brand-primary-subtle:#dbdbf8;--color-background-brand-primary:#5b0cd9;--color-background-neutral-00:#ffffff;--color-background-neutral-01:#f7f7f8;--color-background-neutral-02:#efeff0;--color-background-neutral-03:#e7e7e8;--color-background-neutral-10:#0a0a0a;--color-background-support-danger-medium:#f49b8b;--color-background-support-danger-subtle:#fcf3f1;--color-background-support-danger:#c71100;--color-background-support-info-medium:#99b3fd;--color-background-support-info-subtle:#f2f5fc;--color-background-support-info:#4664df;--color-background-support-neutral-medium:#b9b9ba;--color-background-support-neutral-subtle:#efeff0;--color-background-support-neutral:#49494a;--color-background-support-success-medium:#8dc886;--color-background-support-success-subtle:#f1f7f1;--color-background-support-success:#018a00;--color-background-support-warning-medium:#ffe398;--color-background-support-warning-subtle:#fdf6e8;--color-background-support-warning:#fabb00;--color-border-brand-primary-subtle:#8975ff;--color-border-brand-primary:#31017d;--color-border-neutral-00:#ffffff;--color-border-neutral-01:#0000001a;--color-border-neutral-02:#00000033;--color-border-neutral-03:#0000004d;--color-border-neutral-10:#0a0a0a;--color-border-support-danger-medium:#f49b8b;--color-border-support-danger:#c71100;--color-border-support-info-medium:#99b3fd;--color-border-support-info:#4664df;--color-border-support-neutral-medium:#b9b9ba;--color-border-support-neutral:#787878;--color-border-support-success-medium:#8dc886;--color-border-support-success:#018a00;--color-border-support-warning-medium:#ffcd2b;--color-border-support-warning:#fabb00;--color-category-amber-medium:#f39c12;--color-category-amber-strong:#a1480e;--color-category-amber-subtle:#facf4f;--color-category-blue-medium:#609aff;--color-category-blue-strong:#1669fe;--color-category-blue-subtle:#cadeff;--color-category-cyan-medium:#23a3f4;--color-category-cyan-strong:#0377c9;--color-category-cyan-subtle:#b2e2ff;--color-category-green-medium:#3cc58c;--color-category-green-strong:#1f845a;--color-category-green-subtle:#b1f0d6;--color-category-lime-medium:#8cbf40;--color-category-lime-strong:#5b7f24;--color-category-lime-subtle:#ceee9f;--color-category-magenta-medium:#ff95c3;--color-category-magenta-strong:#d52d76;--color-category-magenta-subtle:#fed1e5;--color-category-orange-medium:#ffa769;--color-category-orange-strong:#c25100;--color-category-orange-subtle:#ffd4b5;--color-category-purple-medium:#c8a7ff;--color-category-purple-strong:#8f46fc;--color-category-purple-subtle:#e6d4ff;--color-category-red-medium:#ff999f;--color-category-red-strong:#df252f;--color-category-red-subtle:#ffd1d4;--color-category-teal-medium:#06aeab;--color-category-teal-strong:#02827e;--color-category-teal-subtle:#8eedec;--color-category-violet-medium:#d77cf7;--color-category-violet-strong:#9521b9;--color-category-violet-subtle:#edc8fd;--color-category-yellow-medium:#f6cc3a;--color-category-yellow-strong:#efbf1a;--color-category-yellow-subtle:#fee38b;--color-icon-brand-primary:#31017d;--color-icon-neutral-inverse:#ffffff;--color-icon-neutral-primary:#0a0a0a;--color-icon-neutral-secondary:#636364;--color-icon-support-danger:#c71100;--color-icon-support-info:#4664df;--color-icon-support-neutral:#787878;--color-icon-support-success:#007a00;--color-icon-support-warning:#d9a500;--color-interactive-background-danger-hover:#a50000;--color-interactive-background-danger-idle:#c71100;--color-interactive-background-danger-pressed:#7e0700;--color-interactive-background-ghost-hover:#00000014;--color-interactive-background-ghost-idle:#00000000;--color-interactive-background-ghost-pressed:#00000029;--color-interactive-background-inverse-fill-hover:#e7e7e8;--color-interactive-background-inverse-fill-idle:#ffffff;--color-interactive-background-inverse-fill-pressed:#d0d0d1;--color-interactive-background-inverse-ghost-hover:#ffffff14;--color-interactive-background-inverse-ghost-idle:#ffffff00;--color-interactive-background-inverse-ghost-pressed:#ffffff29;--color-interactive-background-neutral-hover:#424243;--color-interactive-background-neutral-idle:#565657;--color-interactive-background-neutral-pressed:#303031;--color-interactive-background-persistent-black-fill-hover:#242425;--color-interactive-background-persistent-black-fill-idle:#0a0a0a;--color-interactive-background-persistent-black-fill-pressed:#3c3c3d;--color-interactive-background-persistent-black-ghost-hover:#00000014;--color-interactive-background-persistent-black-ghost-idle:#00000000;--color-interactive-background-persistent-black-ghost-pressed:#00000029;--color-interactive-background-persistent-white-fill-hover:#e7e7e8;--color-interactive-background-persistent-white-fill-idle:#ffffff;--color-interactive-background-persistent-white-fill-pressed:#d0d0d1;--color-interactive-background-persistent-white-ghost-hover:#ffffff14;--color-interactive-background-persistent-white-ghost-idle:#ffffff00;--color-interactive-background-persistent-white-ghost-pressed:#ffffff29;--color-interactive-background-primary-hover:#1c054f;--color-interactive-background-primary-idle:#31017d;--color-interactive-background-primary-pressed:#0b022a;--color-interactive-border-danger-hover:#a50000;--color-interactive-border-danger-idle:#c71100;--color-interactive-border-danger-pressed:#7e0700;--color-interactive-border-inverse-hover:#ffffffe5;--color-interactive-border-inverse-idle:#ffffffcc;--color-interactive-border-inverse-pressed:#ffffff;--color-interactive-border-neutral-hover:#00000052;--color-interactive-border-neutral-idle:#00000033;--color-interactive-border-neutral-pressed:#00000070;--color-interactive-border-persistent-black-hover:#000000e5;--color-interactive-border-persistent-black-idle:#000000cc;--color-interactive-border-persistent-black-pressed:#0a0a0a;--color-interactive-border-persistent-white-hover:#ffffffe5;--color-interactive-border-persistent-white-idle:#ffffffcc;--color-interactive-border-persistent-white-pressed:#ffffff;--color-interactive-border-primary-hover:#22035f;--color-interactive-border-primary-idle:#31017d;--color-interactive-border-primary-pressed:#0b022a;--color-interactive-icon-danger-hover:#a50000;--color-interactive-icon-danger-idle:#c71100;--color-interactive-icon-danger-pressed:#7e0700;--color-interactive-icon-link-brand-hover:#22035f;--color-interactive-icon-link-brand-idle:#31017d;--color-interactive-icon-link-brand-pressed:#0b022a;--color-interactive-icon-link-brand-visited:#883df8;--color-interactive-icon-link-default-hover:#4911b5;--color-interactive-icon-link-default-idle:#5b0cd9;--color-interactive-icon-link-default-pressed:#22035f;--color-interactive-icon-link-default-visited:#883df8;--color-interactive-icon-link-neutral-hover:#424243;--color-interactive-icon-link-neutral-idle:#0a0a0a;--color-interactive-icon-link-neutral-pressed:#5c5c5d;--color-interactive-icon-link-neutral-visited:#883df8;--color-interactive-icon-neutral-hover:#1f1f1f;--color-interactive-icon-neutral-idle:#303031;--color-interactive-icon-neutral-pressed:#0a0a0a;--color-interactive-icon-primary-hover:#22035f;--color-interactive-icon-primary-idle:#31017d;--color-interactive-icon-primary-pressed:#0b022a;--color-interactive-text-danger-hover:#a50000;--color-interactive-text-danger-idle:#c71100;--color-interactive-text-danger-pressed:#7e0700;--color-interactive-text-link-brand-hover:#22035f;--color-interactive-text-link-brand-idle:#31017d;--color-interactive-text-link-brand-pressed:#0b022a;--color-interactive-text-link-brand-visited:#883df8;--color-interactive-text-link-default-hover:#4911b5;--color-interactive-text-link-default-idle:#5b0cd9;--color-interactive-text-link-default-pressed:#22035f;--color-interactive-text-link-default-visited:#883df8;--color-interactive-text-link-neutral-hover:#424243;--color-interactive-text-link-neutral-idle:#0a0a0a;--color-interactive-text-link-neutral-pressed:#5c5c5d;--color-interactive-text-link-neutral-visited:#883df8;--color-interactive-text-neutral-hover:#1f1f1f;--color-interactive-text-neutral-idle:#303031;--color-interactive-text-neutral-pressed:#0a0a0a;--color-interactive-text-primary-hover:#22035f;--color-interactive-text-primary-idle:#31017d;--color-interactive-text-primary-pressed:#0b022a;--color-scrim-scrim:60;--color-surface-overlay:#ffffff;--color-surface-primary:#ffffff;--color-surface-raised:#ffffff;--color-surface-secondary:#f7f7f8;--color-text-brand-primary:#31017d;--color-text-neutral-inverse:#ffffff;--color-text-neutral-primary:#0a0a0a;--color-text-neutral-secondary:#636364;--color-text-support-danger:#c71100;--color-text-support-info:#4664df;--color-text-support-success:#007a00;--color-utility-disabled-background-solid:#b9b9ba;--color-utility-disabled-background:#00000014;--color-utility-disabled-border:#0000001f;--color-utility-disabled-icon:#a3a3a3;--color-utility-disabled-inverse-background:#ffffff14;--color-utility-disabled-inverse-border:#ffffff1f;--color-utility-disabled-inverse-icon:#a3a3a3;--color-utility-disabled-inverse-text:#a3a3a3;--color-utility-disabled-persistent-black-background:#00000014;--color-utility-disabled-persistent-black-border:#0000001f;--color-utility-disabled-persistent-black-icon:#6a6a6b;--color-utility-disabled-persistent-black-text:#6a6a6b;--color-utility-disabled-persistent-white-background:#ffffff14;--color-utility-disabled-persistent-white-border:#ffffff1f;--color-utility-disabled-persistent-white-icon:#a3a3a3;--color-utility-disabled-persistent-white-text:#a3a3a3;--color-utility-disabled-text:#a3a3a3;--color-utility-focus-border:#31017d;--color-utility-opacity-01:#00000005;--color-utility-opacity-02:#0000000a;--color-utility-opacity-03:#00000014;--color-utility-opacity-04:#0000001f;--color-utility-opacity-05:#00000029;--color-utility-opacity-06:#0000003d;--color-utility-opacity-07:#00000052;--color-utility-opacity-08:#0000007a;--color-utility-opacity-09:#000000a3;--color-utility-opacity-10:#000000cc;--color-utility-persistent-black:#0a0a0a;--color-utility-persistent-transparent-white:#ffffffcc;--color-utility-persistent-white:#ffffff;--color-utility-placeholder-icon:#6a6a6b;--color-utility-placeholder-text:#6a6a6b;--color-utility-scrim-default:#000000cc;--border-radius-lg:6px;--border-radius-md:4px;--border-radius-none:0;--border-radius-rounded:360px;--border-radius-sm:3px;--border-radius-xl:8px;--border-radius-xs:2px;--border-radius-xxl:12px;--border-width-lg:3px;--border-width-md:2px;--border-width-none:0;--border-width-sm:1px;--border-width-xl:4px;--canvas-width:375;--component-button-global-border-radius:4px;--component-button-global-focus-border-radius:4px;--component-button-type-lg-font-family:var(--type-font-family-secondary);--component-button-type-lg-font-size:16px;--component-button-type-lg-font-weight:var(--type-font-weight-body-bold);--component-button-type-lg-line-height:24px;--component-button-type-md-font-family:var(--type-font-family-secondary);--component-button-type-md-font-size:14px;--component-button-type-md-font-weight:var(--type-font-weight-body-bold);--component-button-type-md-line-height:20px;--component-button-type-sm-font-family:var(--type-font-family-secondary);--component-button-type-sm-font-size:12px;--component-button-type-sm-font-weight:var(--type-font-weight-body-bold);--component-button-type-sm-line-height:18px;--component-button-variant-fill-danger-icon:#ffffff;--component-button-variant-fill-danger-text:#ffffff;--component-button-variant-fill-neutral-icon:#ffffff;--component-button-variant-fill-neutral-text:#ffffff;--component-button-variant-fill-primary-icon:#ffffff;--component-button-variant-fill-primary-text:#ffffff;--component-button-variant-outline-danger-border-hover:#00000052;--component-button-variant-outline-danger-border-idle:#00000033;--component-button-variant-outline-danger-border-pressed:#00000070;--component-button-variant-outline-neutral-border-hover:#00000052;--component-button-variant-outline-neutral-border-idle:#00000033;--component-button-variant-outline-neutral-border-pressed:#00000070;--component-button-variant-outline-primary-border-hover:#00000052;--component-button-variant-outline-primary-border-idle:#00000033;--component-button-variant-outline-primary-border-pressed:#00000070;--component-tag-selectable-neutral-selected-icon:#ffffff;--component-tag-selectable-neutral-selected-text:#ffffff;--component-utility-icons-stroke-weight-lg:2px;--component-utility-icons-stroke-weight-md:1.75px;--component-utility-icons-stroke-weight-sm:1.5px;--component-utility-icons-stroke-weight-xl:2.25px;--component-utility-icons-stroke-weight-xs:1.25px;--component-utility-icons-stroke-weight-xxs:1px;--cross-component-track-default:#0000001a;--font-dynamic-display-lg:var(--type-font-weight-display-regular) 53px /60px var(--type-font-family-primary);--font-dynamic-display-md:var(--type-font-weight-display-regular) 40px /46px var(--type-font-family-primary);--font-dynamic-heading-lg-bold:var(--type-font-weight-heading-bold) 26px /32px var(--type-font-family-secondary);--font-dynamic-heading-lg-default:var(--type-font-weight-heading-default) 26px /32px var(--type-font-family-secondary);--font-dynamic-heading-xl:var(--type-font-weight-heading-regular) 30px /34px var(--type-font-family-primary);--font-dynamic-heading-xxl:var(--type-font-weight-heading-regular) 34px /40px var(--type-font-family-primary);--font-dynamic-heading-xxxl:var(--type-font-weight-heading-regular) 36px /42px var(--type-font-family-primary);--font-static-body-lg-bold:var(--type-font-weight-body-bold) 17px /26px var(--type-font-family-secondary);--font-static-body-lg-default:var(--type-font-weight-body-default) 17px /26px var(--type-font-family-secondary);--font-static-body-md-bold:var(--type-font-weight-body-bold) 16px /24px var(--type-font-family-secondary);--font-static-body-md-default:var(--type-font-weight-body-default) 16px /24px var(--type-font-family-secondary);--font-static-body-sm-bold:var(--type-font-weight-body-bold) 14px /20px var(--type-font-family-secondary);--font-static-body-sm-default:var(--type-font-weight-body-default) 14px /20px var(--type-font-family-secondary);--font-static-body-xl-bold:var(--type-font-weight-body-bold) 19px /28px var(--type-font-family-secondary);--font-static-body-xl-default:var(--type-font-weight-body-default) 19px /28px var(--type-font-family-secondary);--font-static-body-xs-bold:var(--type-font-weight-body-bold) 12px /18px var(--type-font-family-secondary);--font-static-body-xs-default:var(--type-font-weight-body-default) 12px /18px var(--type-font-family-secondary);--font-static-body-xxl-bold:var(--type-font-weight-body-bold) 22px /32px var(--type-font-family-secondary);--font-static-body-xxl-default:var(--type-font-weight-body-default) 22px /32px var(--type-font-family-secondary);--font-static-body-xxs-bold:var(--type-font-weight-body-bold) 10px /16px var(--type-font-family-secondary);--font-static-body-xxs-default:var(--type-font-weight-body-default) 10px /16px var(--type-font-family-secondary);--font-static-code-lg-bold:var(--type-font-weight-code-bold) 17px /26px var(--type-font-family-tertiary);--font-static-code-lg-default:var(--type-font-weight-code-default) 17px /26px var(--type-font-family-tertiary);--font-static-code-md-bold:var(--type-font-weight-code-bold) 16px /24px var(--type-font-family-tertiary);--font-static-code-md-default:var(--type-font-weight-code-default) 16px /24px var(--type-font-family-tertiary);--font-static-code-sm-bold:var(--type-font-weight-code-bold) 14px /20px var(--type-font-family-tertiary);--font-static-code-sm-default:var(--type-font-weight-code-default) 14px /20px var(--type-font-family-tertiary);--font-static-code-xl-bold:var(--type-font-weight-code-bold) 19px /28px var(--type-font-family-tertiary);--font-static-code-xl-default:var(--type-font-weight-code-default) 19px /28px var(--type-font-family-tertiary);--font-static-code-xs-bold:var(--type-font-weight-code-bold) 12px /18px var(--type-font-family-tertiary);--font-static-code-xs-default:var(--type-font-weight-code-default) 12px /18px var(--type-font-family-tertiary);--font-static-display-lg:var(--type-font-weight-display-regular) 84px /100px var(--type-font-family-primary);--font-static-display-md:var(--type-font-weight-display-regular) 65px /74px var(--type-font-family-primary);--font-static-eyebrow-type-bold:var(--type-font-weight-body-bold) 12px /18px var(--type-font-family-secondary);--font-static-eyebrow-type-default:var(--type-font-weight-body-default) 12px /18px var(--type-font-family-secondary);--font-static-heading-lg-bold:var(--type-font-weight-heading-bold) 28px /34px var(--type-font-family-secondary);--font-static-heading-lg-default:var(--type-font-weight-heading-default) 28px /34px var(--type-font-family-secondary);--font-static-heading-md-bold:var(--type-font-weight-heading-bold) 24px /30px var(--type-font-family-secondary);--font-static-heading-md-default:var(--type-font-weight-heading-default) 24px /30px var(--type-font-family-secondary);--font-static-heading-sm-bold:var(--type-font-weight-heading-bold) 20px /24px var(--type-font-family-secondary);--font-static-heading-sm-default:var(--type-font-weight-heading-default) 20px /24px var(--type-font-family-secondary);--font-static-heading-xl:var(--type-font-weight-heading-regular) 36px /42px var(--type-font-family-primary);--font-static-heading-xs-bold:var(--type-font-weight-heading-bold) 17px /20px var(--type-font-family-secondary);--font-static-heading-xs-default:var(--type-font-weight-heading-default) 17px /20px var(--type-font-family-secondary);--font-static-heading-xxl:var(--type-font-weight-heading-regular) 44px /50px var(--type-font-family-primary);--font-static-heading-xxs-bold:var(--type-font-weight-heading-bold) 14px /18px var(--type-font-family-secondary);--font-static-heading-xxs-default:var(--type-font-weight-heading-default) 14px /18px var(--type-font-family-secondary);--font-static-heading-xxxl:var(--type-font-weight-heading-regular) 53px /60px var(--type-font-family-primary);--shadow-high:0 7px 20px 5px #00000033;--shadow-highest:0 20px 30px 15px #00000033;--shadow-low:0 3px 5px 0 #00000033;--shadow-lowest:0 1px 2px 0 #00000033;--shadow-medium:0 5px 10px 1px #00000033;--shadow-none:0 0 0 0 #00000000;--sizing-10:1px;--sizing-20:2px;--sizing-30:4px;--sizing-40:6px;--sizing-50:8px;--sizing-60:12px;--sizing-70:16px;--sizing-80:20px;--sizing-90:24px;--sizing-100:28px;--sizing-110:30px;--sizing-120:32px;--sizing-130:38px;--sizing-140:40px;--sizing-150:46px;--sizing-160:48px;--sizing-170:56px;--sizing-180:80px;--sizing-190:120px;--sizing-200:160px;--spacing-0:0;--spacing-10:1px;--spacing-20:2px;--spacing-30:3px;--spacing-40:4px;--spacing-50:6px;--spacing-60:7px;--spacing-70:8px;--spacing-80:10px;--spacing-90:12px;--spacing-100:16px;--spacing-110:20px;--spacing-120:24px;--spacing-130:28px;--spacing-140:32px;--spacing-150:36px;--spacing-160:40px;--spacing-170:44px;--spacing-180:48px;--spacing-190:52px;--spacing-200:56px;--spacing-210:60px;--spacing-220:64px;--spacing-230:68px;--spacing-240:72px;--spacing-250:76px;--spacing-260:80px;--spacing-270:84px;--spacing-280:88px;--spacing-290:92px;--spacing-300:96px;--spacing-310:100px;--spacing-320:120px;--spacing-330:132px;--type-font-family-primary:Alfabet,sans-serif;--type-font-family-secondary:"Roboto Flex",sans-serif;--type-font-family-tertiary:"Roboto Mono",monospace;--type-font-weight-body-bold:500;--type-font-weight-body-default:400;--type-font-weight-code-bold:500;--type-font-weight-code-default:400;--type-font-weight-display-regular:400;--type-font-weight-heading-bold:600;--type-font-weight-heading-default:500;--type-font-weight-heading-regular:400;--type-static-body-lg-font-size:17px;--type-static-body-lg-line-height:26px;--type-static-body-md-font-size:16px;--type-static-body-md-line-height:24px;--type-static-body-sm-font-size:14px;--type-static-body-sm-line-height:20px;--type-static-body-xl-font-size:19px;--type-static-body-xl-line-height:28px;--type-static-body-xs-font-size:12px;--type-static-body-xs-line-height:18px;--type-static-body-xxl-font-size:22px;--type-static-body-xxl-line-height:32px;--type-static-body-xxs-font-size:10px;--type-static-body-xxs-line-height:16px;--type-static-code-lg-font-size:17px;--type-static-code-lg-line-height:26px;--type-static-code-md-font-size:16px;--type-static-code-md-line-height:24px;--type-static-code-sm-font-size:14px;--type-static-code-sm-line-height:20px;--type-static-code-xl-font-size:19px;--type-static-code-xl-line-height:28px;--type-static-code-xs-font-size:12px;--type-static-code-xs-line-height:18px;--type-static-eyebrow-type-font-size:12px;--type-static-eyebrow-type-line-height:18px;--type-static-heading-lg-font-size:28px;--type-static-heading-lg-line-height:34px;--type-static-heading-md-font-size:24px;--type-static-heading-md-line-height:30px;--type-static-heading-sm-font-size:20px;--type-static-heading-sm-line-height:24px;--type-static-heading-xs-font-size:17px;--type-static-heading-xs-line-height:20px;--type-static-heading-xxs-font-size:14px;--type-static-heading-xxs-line-height:18px;--type-static-heading-xxxl-font-size:53px;--type-static-heading-xxxl-line-height:60px}
package/dist/field-group/qds-field-group.css CHANGED
@@ -1 +1 @@
1
- .qui-field-group__root{border:none;margin:0;padding:0}.qui-field-group__label{color:var(--color-text-neutral-secondary);font:var(--font-static-body-xs-default);margin-block-end:var(--spacing-70)}.qui-field-group__items{display:flex;flex-direction:column;gap:var(--spacing-90)}.qui-field-group__items[data-size=sm]{gap:var(--spacing-80)}.qui-field-group__items[data-orientation=horizontal]{flex-direction:row;flex-wrap:wrap}.qui-field-group__items[data-indented]{padding-inline-start:var(--spacing-100)}.qui-field-group__hint{color:var(--color-text-neutral-secondary);font:var(--font-static-body-xs-default);margin-block-start:var(--spacing-70)}.qui-field-group__error-text{align-items:center;color:var(--color-text-support-danger);display:flex;font:var(--font-static-body-xs-default);gap:var(--spacing-40);margin-block-start:var(--spacing-70)}
1
+ .qui-field-group__root{border:none;margin:0;padding:0}.qui-field-group__label{color:var(--color-text-neutral-secondary);font:var(--font-static-body-xs-default);margin-block-end:var(--spacing-70);padding:0}.qui-field-group__items{display:flex;flex-direction:column;gap:var(--spacing-90)}.qui-field-group__items[data-size=sm]{gap:var(--spacing-80)}.qui-field-group__items[data-orientation=horizontal]{flex-direction:row;flex-wrap:wrap}.qui-field-group__items[data-indented]{padding-inline-start:var(--spacing-100)}.qui-field-group__hint{color:var(--color-text-neutral-secondary);font:var(--font-static-body-xs-default);margin-block-start:var(--spacing-70)}.qui-field-group__error-text{align-items:center;color:var(--color-text-support-danger);display:flex;font:var(--font-static-body-xs-default);gap:var(--spacing-40);margin-block-start:var(--spacing-70)}
package/dist/icon/qds-icon.css CHANGED
@@ -1 +1 @@
1
- .qui-icon__root{display:block;fill:none;height:var(--icon-height,var(--icon-size));min-height:var(--icon-height,var(--icon-size));min-width:var(--icon-width,var(--icon-size));stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:var(--stroke-width,2);vertical-align:middle;width:var(--icon-width,var(--icon-size))}.qui-icon__root svg.lucide{height:var(--icon-height,var(--icon-size));stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;width:var(--icon-width,var(--icon-size))}.qui-icon__root[hidden]{display:none}.qui-icon__root[data-size=xs]{--icon-size:12px}.qui-icon__root[data-size=sm]{--icon-size:14px}.qui-icon__root[data-size=md]{--icon-size:16px}.qui-icon__root[data-size=lg]{--icon-size:20px}.qui-icon__root[data-size=xl]{--icon-size:22px}
1
+ .qui-icon__root{display:block;fill:none;height:var(--icon-height,var(--icon-size));min-height:var(--icon-height,var(--icon-size));min-width:var(--icon-width,var(--icon-size));stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:var(--stroke-width,2);vertical-align:middle;width:var(--icon-width,var(--icon-size))}.qui-icon__root svg.lucide{display:block;height:var(--icon-height,var(--icon-size));stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;width:var(--icon-width,var(--icon-size))}.qui-icon__root[hidden]{display:none}.qui-icon__root[data-size=xs]{--icon-size:12px}.qui-icon__root[data-size=sm]{--icon-size:14px}.qui-icon__root[data-size=md]{--icon-size:16px}.qui-icon__root[data-size=lg]{--icon-size:20px}.qui-icon__root[data-size=xl]{--icon-size:22px}
package/dist/inline-icon-button/qds-inline-icon-button.css CHANGED
@@ -2,8 +2,12 @@
2
2
  --color-interactive-background-persistent-black-ghost-hover
3
3
  )}.qui-inline-icon-button__root[data-emphasis=persistent-black]:active{background:var(
4
4
  --color-interactive-background-persistent-black-ghost-pressed
5
+ )}.qui-inline-icon-button__root[data-emphasis=persistent-black]:disabled{background:var(
6
+ --color-interactive-background-persistent-black-ghost-idle
5
7
  )}.qui-inline-icon-button__root[data-emphasis=persistent-white]{background:var(--color-interactive-background-persistent-white-ghost-idle);color:var(--color-utility-persistent-white)}.qui-inline-icon-button__root[data-emphasis=persistent-white]:hover{background:var(
6
8
  --color-interactive-background-persistent-white-ghost-hover
7
9
  )}.qui-inline-icon-button__root[data-emphasis=persistent-white]:active{background:var(
8
10
  --color-interactive-background-persistent-white-ghost-pressed
9
- )}.qui-inline-icon-button__root:disabled{background:var(--color-utility-disabled-background);color:var(--color-utility-disabled-icon)}
11
+ )}.qui-inline-icon-button__root[data-emphasis=persistent-white]:disabled{background:var(
12
+ --color-interactive-background-persistent-white-ghost-idle
13
+ )}.qui-inline-icon-button__root:disabled{background:var(--color-interactive-background-ghost-idle);color:var(--color-utility-disabled-icon)}
package/dist/menu/qds-menu.css CHANGED
@@ -1 +1 @@
1
- .qui-menu__button{background:transparent}.qui-menu__button .qui-menu__indicator{transition:transform var(--animation-duration-faster) ease-out}.qui-menu__button[data-menu-part=trigger][data-state=open] .qui-menu__indicator,.qui-menu__button[data-state=open][aria-haspopup=menu] .qui-menu__indicator{transform:rotate(180deg)}.qui-menu__button .qui-menu__indicator[data-size=sm]{--icon-size:12px}.qui-menu__button .qui-menu__indicator[data-size=md]{--icon-size:16px}.qui-menu__button .qui-menu__indicator[data-size=lg]{--icon-size:20px}.qui-menu__button[data-kind=icon]:has(.qui-button__icon){gap:var(--spacing-10)}.qui-menu__button[data-kind=icon]:has(.qui-button__icon)[data-size=sm]{padding-inline:var(--spacing-70);width:auto}.qui-menu__button[data-kind=icon]:has(.qui-button__icon)[data-size=md]{padding-inline:var(--spacing-80);width:auto}.qui-menu__button[data-kind=icon]:has(.qui-button__icon)[data-size=lg]{padding-inline:var(--spacing-90);width:auto}.qui-menu__button[data-kind=icon]:has(.qui-button__icon) .qui-menu__indicator{--icon-size:12px}.qui-menu__content{background:var(--color-surface-overlay);border:solid 1px var(--color-border-neutral-02);border-radius:var(--border-radius-md);box-shadow:var(--shadow-medium);display:inline-flex;flex-direction:column;outline:none;padding:var(--spacing-40) 0;transform-origin:var(--transform-origin);z-index:calc(var(--z-index-dropdown) + var(--layer-index))}.qui-menu__content[data-state=open]{animation-duration:var(--animation-duration-fast)}.qui-menu__content[data-state=open][data-placement^=top]{animation-name:slide-from-bottom,fade-in}.qui-menu__content[data-state=open][data-placement^=bottom]{animation-name:slide-from-top,fade-in}.qui-menu__content[data-state=open][data-placement^=left]{animation-name:slide-from-right,fade-in}.qui-menu__content[data-state=open][data-placement^=right]{animation-name:slide-from-left,fade-in}.qui-menu__content[data-state=closed]{animation-duration:var(--animation-duration-faster)}.qui-menu__content[data-state=closed][data-placement^=top]{animation-name:slide-to-bottom,fade-out}.qui-menu__content[data-state=closed][data-placement^=bottom]{animation-name:slide-to-top,fade-out}.qui-menu__content[data-state=closed][data-placement^=left]{animation-name:slide-to-right,fade-out}.qui-menu__content[data-state=closed][data-placement^=right]{animation-name:slide-to-left,fade-out}.qui-menu__content[data-from=context-trigger]{animation-duration:60ms}.qui-menu-item__root{align-items:center;background:var(--color-interactive-background-ghost-idle);border:solid 1px transparent;color:var(--color-text-neutral-primary);display:grid;font:var(--font-static-body-sm-default);grid-template-columns:auto 1fr auto auto auto;grid-template-rows:1fr;line-height:normal;outline:none;padding:var(--menu-padding-y) var(--menu-padding-x);position:relative;text-align:left;text-decoration:inherit;--menu-padding-x:var(--spacing-100);--menu-padding-y:var(--spacing-80)}.qui-menu-item__root[data-size=sm]{font:var(--font-static-body-xs-default);--menu-padding-x:var(--spacing-90);--menu-padding-y:var(--spacing-60)}.qui-menu-item__root:has([data-menu-part=description]) .qui-menu-item__command,.qui-menu-item__root:has([data-menu-part=description]) .qui-menu-item__indicator{grid-column:3;grid-row:1/span 2}.qui-menu-item__root [data-menu-part=description]{grid-column:1/span 2}.qui-menu-item__root:has([data-menu-part=start-icon]) [data-menu-part=description]{grid-column:2}.qui-menu-item__root:has([data-menu-part=start-icon]):has([data-menu-part=item-control]){grid-template-columns:auto auto 1fr repeat(3,auto)}.qui-menu-item__root:hover{background:var(--color-interactive-background-ghost-hover)}.qui-menu-item__root:active{background:var(--color-interactive-background-ghost-pressed)}.qui-menu-item__root[data-highlighted][data-focus-visible]{border-color:var(--color-utility-focus-border);outline:solid 1px var(--color-utility-focus-border)}.qui-menu-item__root [data-state=unchecked] [data-checkmark-part=indicator-icon]{display:none}.qui-menu-item__start-icon{margin-right:var(--spacing-50)}.qui-menu-item__label{display:inline-flex;flex:1;font:var(--font-static-body-sm-default);line-height:normal}.qui-menu-item__label[data-size=sm]{font:var(--font-static-body-xs-default)}.qui-menu-item__description{color:var(--color-text-neutral-secondary);display:inline-flex;font:var(--font-static-body-sm-default);font:var(--font-static-body-sm-default);grid-row:2;margin-top:var(--spacing-40)}.qui-menu-item__description[data-size=sm]{font:var(--font-static-body-xs-default)}.qui-menu-item__group{display:inline-flex;flex-direction:column}.qui-menu-item__group-label{color:var(--color-text-neutral-secondary);display:inline-flex;flex:1;font:var(--font-static-body-sm-default);overflow:hidden;padding:var(--group-label-padding-y) var(--group-label-padding-x);text-overflow:ellipsis;--group-label-padding-y:var(--spacing-70);--group-label-padding-x:var(--spacing-100)}.qui-menu-item__group-label[data-size=sm]{--group-label-padding-x:var(--spacing-90);font:var(--font-static-body-xs-default)}.qui-menu__separator{border-color:var(--color-border-neutral-01);margin-top:var(--spacing-40);padding-bottom:var(--spacing-40);width:100%}.qui-menu-item__command{align-items:center;color:var(--color-text-neutral-secondary);display:inline-flex;font:var(--font-static-body-sm-default);justify-content:flex-end;line-height:normal;margin-left:auto;padding-left:var(--spacing-100)}.qui-menu-item__indicator{align-items:center;color:var(--color-text-neutral-secondary);display:inline-flex;font:var(--font-static-body-sm-default);justify-content:flex-end;line-height:normal;padding-left:var(--spacing-100)}[data-menu-part=item-control]{margin-right:var(--spacing-50)}
1
+ .qui-menu__button{background:transparent}.qui-menu__button .qui-menu__indicator{transition:transform var(--animation-duration-faster) ease-out}.qui-menu__button[data-menu-part=trigger][data-state=open] .qui-menu__indicator,.qui-menu__button[data-state=open][aria-haspopup=menu] .qui-menu__indicator{transform:rotate(180deg)}.qui-menu__button .qui-menu__indicator[data-size=sm]{--icon-size:12px}.qui-menu__button .qui-menu__indicator[data-size=md]{--icon-size:16px}.qui-menu__button .qui-menu__indicator[data-size=lg]{--icon-size:20px}.qui-menu__button[data-kind=icon]:has(.qui-button__icon){gap:var(--spacing-10)}.qui-menu__button[data-kind=icon]:has(.qui-button__icon)[data-size=sm]{padding-inline:var(--spacing-70);width:auto}.qui-menu__button[data-kind=icon]:has(.qui-button__icon)[data-size=md]{padding-inline:var(--spacing-80);width:auto}.qui-menu__button[data-kind=icon]:has(.qui-button__icon)[data-size=lg]{padding-inline:var(--spacing-90);width:auto}.qui-menu__button[data-kind=icon]:has(.qui-button__icon) .qui-menu__indicator{--icon-size:12px}.qui-menu__content{background:var(--color-surface-overlay);border:solid 1px var(--color-border-neutral-02);border-radius:var(--border-radius-md);box-shadow:var(--shadow-medium);display:inline-flex;flex-direction:column;outline:none;padding:var(--spacing-40) 0;transform-origin:var(--transform-origin);z-index:calc(var(--z-index-dropdown) + var(--layer-index))}.qui-menu__content[data-state=open]{animation-duration:var(--animation-duration-fast)}.qui-menu__content[data-state=open][data-placement^=top]{animation-name:slide-from-bottom,fade-in}.qui-menu__content[data-state=open][data-placement^=bottom]{animation-name:slide-from-top,fade-in}.qui-menu__content[data-state=open][data-placement^=left]{animation-name:slide-from-right,fade-in}.qui-menu__content[data-state=open][data-placement^=right]{animation-name:slide-from-left,fade-in}.qui-menu__content[data-state=closed]{animation-duration:var(--animation-duration-faster)}.qui-menu__content[data-state=closed][data-placement^=top]{animation-name:slide-to-bottom,fade-out}.qui-menu__content[data-state=closed][data-placement^=bottom]{animation-name:slide-to-top,fade-out}.qui-menu__content[data-state=closed][data-placement^=left]{animation-name:slide-to-right,fade-out}.qui-menu__content[data-state=closed][data-placement^=right]{animation-name:slide-to-left,fade-out}.qui-menu__content[data-from=context-trigger]{animation-duration:60ms}.qui-menu-item__root{align-items:center;background:var(--color-interactive-background-ghost-idle);border:solid 1px transparent;color:var(--color-text-neutral-primary);display:grid;font:var(--font-static-body-sm-default);grid-template-columns:auto 1fr auto auto auto;grid-template-rows:1fr;line-height:normal;outline:none;padding:var(--menu-padding-y) var(--menu-padding-x);position:relative;text-align:left;text-decoration:inherit;--menu-padding-x:var(--spacing-100);--menu-padding-y:var(--spacing-80)}.qui-menu-item__root[data-size=sm]{font:var(--font-static-body-xs-default);--menu-padding-x:var(--spacing-90);--menu-padding-y:var(--spacing-60)}.qui-menu-item__root:has([data-menu-part=description]) .qui-menu-item__command,.qui-menu-item__root:has([data-menu-part=description]) .qui-menu-item__indicator{grid-column:3;grid-row:1/span 2}.qui-menu-item__root [data-menu-part=description]{grid-column:1/span 2}.qui-menu-item__root:has([data-menu-part=start-icon]) [data-menu-part=description]{grid-column:2}.qui-menu-item__root:has([data-menu-part=start-icon]):has([data-menu-part=item-control]){grid-template-columns:auto auto 1fr repeat(3,auto)}.qui-menu-item__root[data-disabled]{color:var(--color-utility-disabled-text);--icon-color:var(--color-utility-disabled-icon);pointer-events:none}.qui-menu-item__root[data-disabled] .qui-menu-item__command,.qui-menu-item__root[data-disabled] .qui-menu-item__description,.qui-menu-item__root[data-disabled] .qui-menu-item__indicator{color:var(--color-utility-disabled-text)}.qui-menu-item__root[data-disabled] .qui-menu-item__command .qui-icon__root,.qui-menu-item__root[data-disabled] .qui-menu-item__description .qui-icon__root,.qui-menu-item__root[data-disabled] .qui-menu-item__indicator .qui-icon__root{color:var(--icon-color)}.qui-menu-item__root:hover:not([data-disabled]){background:var(--color-interactive-background-ghost-hover)}.qui-menu-item__root:active:not([data-disabled]){background:var(--color-interactive-background-ghost-pressed)}.qui-menu-item__root[data-highlighted][data-focus-visible]{border-color:var(--color-utility-focus-border);outline:solid 1px var(--color-utility-focus-border)}.qui-menu-item__root [data-state=unchecked] [data-checkmark-part=indicator-icon]{display:none}.qui-menu-item__start-icon{color:var(--icon-color,currentColor);margin-right:var(--spacing-50)}.qui-menu-item__label{display:inline-flex;flex:1;font:var(--font-static-body-sm-default);line-height:normal}.qui-menu-item__label[data-size=sm]{font:var(--font-static-body-xs-default)}.qui-menu-item__description{color:var(--color-text-neutral-secondary);display:inline-flex;font:var(--font-static-body-sm-default);font:var(--font-static-body-sm-default);grid-row:2;margin-top:var(--spacing-40)}.qui-menu-item__description[data-size=sm]{font:var(--font-static-body-xs-default)}.qui-menu-item__group{display:inline-flex;flex-direction:column}.qui-menu-item__group-label{color:var(--color-text-neutral-secondary);display:inline-flex;flex:1;font:var(--font-static-body-sm-default);overflow:hidden;padding:var(--group-label-padding-y) var(--group-label-padding-x);text-overflow:ellipsis;--group-label-padding-y:var(--spacing-70);--group-label-padding-x:var(--spacing-100)}.qui-menu-item__group-label[data-size=sm]{--group-label-padding-x:var(--spacing-90);font:var(--font-static-body-xs-default)}.qui-menu__separator{border:none;border-top:solid 1px var(--color-border-neutral-01);height:auto;margin-block:var(--spacing-40);width:100%}.qui-menu-item__command{align-items:center;color:var(--color-text-neutral-secondary);display:inline-flex;font:var(--font-static-body-sm-default);justify-content:flex-end;line-height:normal;margin-left:auto;padding-left:var(--spacing-100)}.qui-menu-item__indicator{align-items:center;color:var(--color-text-neutral-secondary);display:inline-flex;font:var(--font-static-body-sm-default);justify-content:flex-end;line-height:normal;padding-left:var(--spacing-100)}[data-menu-part=item-control]{margin-right:var(--spacing-50)}
package/dist/progress/qds-progress.css CHANGED
@@ -1 +1 @@
1
- .qui-progress__root{--bar-column-end:-1;--bar-grid-row:1;--bar-start-column:1;--hint-grid-row:calc(var(--bar-grid-row) + 1);--progress-height:var(--sizing-50);display:grid;grid-column-gap:var(--spacing-70);grid-row-gap:var(--spacing-40);grid-template-columns:1fr;position:relative;width:100%}.qui-progress__root:has(.qui-progress__error-text:not([hidden])){--hint-grid-row:calc(var(--bar-grid-row) + 2)}.qui-progress__root:has(.qui-progress__value-text){--bar-grid-row:2}.qui-progress__root[data-label-orientation=side]{--bar-grid-row:1}.qui-progress__root[data-label-orientation=side]:has(.qui-progress__value-text){--bar-column-end:-2;grid-template-columns:1fr auto}.qui-progress__root:has(.qui-progress__label)[data-label-orientation=top]{--bar-grid-row:2}.qui-progress__root:has(.qui-progress__label)[data-label-orientation=side]{grid-template-columns:auto 1fr;--bar-grid-row:1;--bar-start-column:2}.qui-progress__root:has(.qui-progress__label)[data-label-orientation=side]:has(.qui-progress__value-text){grid-template-columns:auto 1fr auto}.qui-progress__root[data-size=sm]{--progress-height:var(--sizing-40)}.qui-progress__root[data-size=lg]{--progress-height:var(--sizing-60)}.qui-progress__label{color:var(--color-text-neutral-secondary);font:var(--font-static-body-xs-default);grid-column:1;grid-row:1;justify-self:start}.qui-progress__root[data-disabled] .qui-progress__label{color:var(--color-utility-disabled-text)}.qui-progress__value-text{color:var(--color-text-neutral-primary);display:flex;font:var(--font-static-body-xs-default);grid-column:-2/-1;grid-row:1;justify-self:end}.qui-progress__value-text[data-invalid]{color:var(--color-text-support-danger)}.qui-progress__root[data-disabled] .qui-progress__value-text{color:var(--color-utility-disabled-text)}.qui-progress__error-text{align-items:flex-start;color:var(--color-text-support-danger);display:inline-flex;flex-wrap:nowrap;font:var(--font-static-body-xs-default);gap:var(--spacing-40);grid-column:1/-1;grid-row:calc(var(--bar-grid-row) + 1);margin-top:1px}.qui-progress__hint{color:var(--color-text-neutral-secondary);font:var(--font-static-body-xs-default);grid-column:var(--bar-start-column) /-1;grid-row:var(--hint-grid-row)}.qui-progress__root[data-disabled] .qui-progress__hint{color:var(--color-utility-disabled-text)}.qui-progress__track{align-items:baseline;align-self:center;background:var(--track-default);border-radius:360px;display:flex;grid-column:var(--bar-start-column) /var(--bar-column-end);grid-row:var(--bar-grid-row);height:var(--progress-height);overflow:hidden;position:relative;width:100%}.qui-progress__bar{background:var(--progress-color);border-radius:var(--border-radius-rounded);height:var(--progress-height);max-height:var(--progress-height);transition:width 200ms ease}.qui-progress__bar[data-emphasis=primary]{--progress-color:var(--color-background-brand-primary)}.qui-progress__bar[data-emphasis=neutral]{--progress-color:var(--color-background-support-neutral)}.qui-progress__bar[data-state=complete]:not([data-invalid]):not([data-disabled]){--progress-color:var(--color-background-support-success)}.qui-progress__bar[data-invalid]{--progress-color:var(--color-text-support-danger)}.qui-progress__bar[data-disabled]{--progress-color:var(--color-utility-disabled-track-fill)}.qui-progress__bar[data-state=complete],.qui-progress__bar[data-state=loading]{width:var(--percent)}.qui-progress__bar[data-state=indeterminate]:not([data-disabled]):before{animation:qui-progress__indeterminate-animation-1 2.2s cubic-bezier(0.65,0.815,0.735,0.395) 0s infinite normal none running;background:var(--progress-color);border-radius:var(--border-radius-rounded);bottom:0;content:"";left:0;position:absolute;top:0;transform-origin:left center;transition:transform 0.2s linear 0s;width:auto}.qui-progress__bar[data-state=indeterminate]:not([data-disabled]):after{animation:qui-progress__indeterminate-animation-2 2.2s cubic-bezier(0.165,0.84,0.44,1) 1.15s infinite normal none running;background:var(--progress-color);border-radius:var(--border-radius-rounded);bottom:0;content:"";left:0;position:absolute;top:0;transform-origin:left center;transition:transform 0.2s linear 0s;width:auto}@keyframes qui-progress__indeterminate-animation-1{0%{left:-35%;right:100%}60%{left:100%;right:-90%}to{left:100%;right:-90%}}@keyframes qui-progress__indeterminate-animation-2{0%{left:-200%;right:100%}60%{left:107%;right:-8%}to{left:107%;right:-8%}}
1
+ .qui-progress__root{--bar-column-end:-1;--bar-grid-row:1;--bar-start-column:1;--hint-grid-row:calc(var(--bar-grid-row) + 1);--progress-height:var(--sizing-50);display:grid;grid-column-gap:var(--spacing-70);grid-row-gap:var(--spacing-40);grid-template-columns:1fr;position:relative;width:100%}.qui-progress__root:has(.qui-progress__error-text:not([hidden])){--hint-grid-row:calc(var(--bar-grid-row) + 2)}.qui-progress__root:has(.qui-progress__value-text){--bar-grid-row:2}.qui-progress__root[data-label-orientation=side]{--bar-grid-row:1}.qui-progress__root[data-label-orientation=side]:has(.qui-progress__value-text){--bar-column-end:-2;grid-template-columns:1fr auto}.qui-progress__root:has(.qui-progress__label)[data-label-orientation=top]{--bar-grid-row:2}.qui-progress__root:has(.qui-progress__label)[data-label-orientation=side]{grid-template-columns:auto 1fr;--bar-grid-row:1;--bar-start-column:2}.qui-progress__root:has(.qui-progress__label)[data-label-orientation=side]:has(.qui-progress__value-text){grid-template-columns:auto 1fr auto}.qui-progress__root[data-size=sm]{--progress-height:var(--sizing-40)}.qui-progress__root[data-size=lg]{--progress-height:var(--sizing-60)}.qui-progress__label{color:var(--color-text-neutral-secondary);font:var(--font-static-body-xs-default);grid-column:1;grid-row:1;justify-self:start}.qui-progress__root[data-disabled] .qui-progress__label{color:var(--color-utility-disabled-text)}.qui-progress__value-text{color:var(--color-text-neutral-primary);display:flex;font:var(--font-static-body-xs-default);grid-column:-2/-1;grid-row:1;justify-self:end}.qui-progress__value-text[data-invalid]{color:var(--color-text-support-danger)}.qui-progress__root[data-disabled] .qui-progress__value-text{color:var(--color-utility-disabled-text)}.qui-progress__error-text{align-items:flex-start;color:var(--color-text-support-danger);display:inline-flex;flex-wrap:nowrap;font:var(--font-static-body-xs-default);gap:var(--spacing-40);grid-column:1/-1;grid-row:calc(var(--bar-grid-row) + 1);margin-top:1px}.qui-progress__hint{color:var(--color-text-neutral-secondary);font:var(--font-static-body-xs-default);grid-column:var(--bar-start-column) /-1;grid-row:var(--hint-grid-row)}.qui-progress__root[data-disabled] .qui-progress__hint{color:var(--color-utility-disabled-text)}.qui-progress__track{align-items:baseline;align-self:center;background:var(--cross-component-track-default);border-radius:360px;display:flex;grid-column:var(--bar-start-column) /var(--bar-column-end);grid-row:var(--bar-grid-row);height:var(--progress-height);overflow:hidden;position:relative;width:100%}.qui-progress__bar{background:var(--progress-color);border-radius:var(--border-radius-rounded);height:var(--progress-height);max-height:var(--progress-height);transition:width 200ms ease}.qui-progress__bar[data-emphasis=primary]{--progress-color:var(--color-background-brand-primary)}.qui-progress__bar[data-emphasis=neutral]{--progress-color:var(--color-background-support-neutral)}.qui-progress__bar[data-state=complete]:not([data-invalid]):not([data-disabled]){--progress-color:var(--color-background-support-success)}.qui-progress__bar[data-invalid]{--progress-color:var(--color-text-support-danger)}.qui-progress__bar[data-disabled]{--progress-color:var(--color-utility-disabled-background-solid)}.qui-progress__bar[data-state=complete],.qui-progress__bar[data-state=loading]{width:var(--percent)}.qui-progress__bar[data-state=indeterminate]:not([data-disabled]):before{animation:qui-progress__indeterminate-animation-1 2.2s cubic-bezier(0.65,0.815,0.735,0.395) 0s infinite normal none running;background:var(--progress-color);border-radius:var(--border-radius-rounded);bottom:0;content:"";left:0;position:absolute;top:0;transform-origin:left center;transition:transform 0.2s linear 0s;width:auto}.qui-progress__bar[data-state=indeterminate]:not([data-disabled]):after{animation:qui-progress__indeterminate-animation-2 2.2s cubic-bezier(0.165,0.84,0.44,1) 1.15s infinite normal none running;background:var(--progress-color);border-radius:var(--border-radius-rounded);bottom:0;content:"";left:0;position:absolute;top:0;transform-origin:left center;transition:transform 0.2s linear 0s;width:auto}@keyframes qui-progress__indeterminate-animation-1{0%{left:-35%;right:100%}60%{left:100%;right:-90%}to{left:100%;right:-90%}}@keyframes qui-progress__indeterminate-animation-2{0%{left:-200%;right:100%}60%{left:107%;right:-8%}to{left:107%;right:-8%}}
package/dist/progress-ring/qds-progress-ring.css CHANGED
@@ -1 +1 @@
1
- .qui-progress-ring__root{align-items:center;display:flex;flex-direction:column;gap:var(--spacing-30);justify-content:center;position:relative}.qui-progress-ring__root[data-size=lg],.qui-progress-ring__root[data-size=xl]{gap:var(--spacing-40)}.qui-progress-ring__circle-container{position:relative}.qui-progress-ring__circle{--size:var(--size-override,var(--circle-size));display:block;height:var(--size);transform:rotate(-90deg);width:var(--size);--thickness:7px;--stroke-width:var(--thickness-override,var(--thickness));--radius:calc(var(--size) / 2 - var(--stroke-width) / 2);--circumference:calc(2 * 3.14159 * var(--radius))}.qui-progress-ring__circle[data-size=xxs]{--circle-size:var(--sizing-60);--thickness:2px}.qui-progress-ring__circle[data-size=xs]{--circle-size:var(--sizing-70);--thickness:2px}.qui-progress-ring__circle[data-size=sm]{--circle-size:var(--sizing-80);--thickness:3px}.qui-progress-ring__circle[data-size=md]{--circle-size:var(--sizing-120);--thickness:4px}.qui-progress-ring__circle[data-size=lg]{--thickness:5px;--circle-size:var(--sizing-160)}.qui-progress-ring__circle[data-size=xl]{--circle-size:var(--sizing-180);--thickness:6px}.qui-progress-ring__circle[data-state=indeterminate]:not([data-disabled]){animation:qui-progress-ring__indeterminate-rotate 3s linear infinite}.qui-progress-ring__circle[data-state=indeterminate]:not([data-disabled]) .qui-progress-ring__bar{animation:qui-progress-ring__indeterminate-circle 2s linear infinite}.qui-progress-ring__track{fill:transparent;stroke:var(--track-default);stroke-width:var(--stroke-width)}.qui-progress-ring__bar{fill:transparent;stroke:var(--progress-color);stroke-dasharray:var(--circumference);stroke-dashoffset:calc(var(--circumference) * ((100 - var(--progress)) / 100));stroke-linecap:round;stroke-width:var(--stroke-width);transform-origin:center;transition:stroke-dashoffset 300ms cubic-bezier(0.4,0,0.2,1) 0ms}.qui-progress-ring__bar[data-emphasis=primary]{--progress-color:var(--color-background-brand-primary)}.qui-progress-ring__bar[data-emphasis=neutral]{--progress-color:var(--color-background-support-neutral)}.qui-progress-ring__bar[data-state=complete]:not([data-invalid]):not([data-disabled]){--progress-color:var(--color-background-support-success)}.qui-progress-ring__bar[data-invalid]{--progress-color:var(--color-text-support-danger)}.qui-progress-ring__bar[data-disabled]{--progress-color:var(--color-utility-disabled-track-fill)}.qui-progress-ring__bar[data-disabled][data-state=indeterminate]{--progress-color:var(--color-utility-disabled-background)}.qui-progress-ring__value-text{color:var(--color-text-neutral-primary);font:var(--font-static-body-xs-default);inset-block-start:50%;inset-inline-start:50%;line-height:normal;position:absolute;transform:translate(-50%,-50%)}.qui-progress-ring__root[data-disabled] .qui-progress-ring__value-text{color:var(--color-utility-disabled-text)}.qui-progress-ring__label{color:var(--color-text-neutral-secondary);display:flex;font:var(--font-static-body-xs-default);line-height:normal}.qui-progress-ring__label[data-invalid]{color:var(--color-text-support-danger)}.qui-progress-ring__root[data-disabled] .qui-progress-ring__label{color:var(--color-utility-disabled-text)}.qui-progress__error-text{align-items:flex-start;color:var(--color-text-support-danger);display:inline-flex;flex-wrap:nowrap;font:var(--font-static-body-xs-default)}@keyframes qui-progress-ring__indeterminate-circle{0%{stroke-dasharray:0 var(--circumference);transform:rotate(0deg)}50%{stroke-dasharray:calc(var(--circumference) / 2) calc(var(--circumference) / 2);transform:rotate(360deg)}to{stroke-dasharray:0 var(--circumference);transform:rotate(720deg)}}@keyframes qui-progress-ring__indeterminate-rotate{0%{transform:rotate(-90deg)}to{transform:rotate(270deg)}}
1
+ .qui-progress-ring__root{align-items:center;display:flex;flex-direction:column;gap:var(--spacing-30);justify-content:center;position:relative}.qui-progress-ring__root[data-size=lg],.qui-progress-ring__root[data-size=xl]{gap:var(--spacing-40)}.qui-progress-ring__circle-container{position:relative}.qui-progress-ring__circle{--size:var(--size-override,var(--circle-size));display:block;height:var(--size);transform:rotate(-90deg);width:var(--size);--thickness:7px;--stroke-width:var(--thickness-override,var(--thickness));--radius:calc(var(--size) / 2 - var(--stroke-width) / 2);--circumference:calc(2 * 3.14159 * var(--radius))}.qui-progress-ring__circle[data-size=xxs]{--circle-size:var(--sizing-60);--thickness:2px}.qui-progress-ring__circle[data-size=xs]{--circle-size:var(--sizing-70);--thickness:2px}.qui-progress-ring__circle[data-size=sm]{--circle-size:var(--sizing-80);--thickness:3px}.qui-progress-ring__circle[data-size=md]{--circle-size:var(--sizing-120);--thickness:4px}.qui-progress-ring__circle[data-size=lg]{--thickness:5px;--circle-size:var(--sizing-160)}.qui-progress-ring__circle[data-size=xl]{--circle-size:var(--sizing-180);--thickness:6px}.qui-progress-ring__circle[data-state=indeterminate]:not([data-disabled]){animation:qui-progress-ring__indeterminate-rotate 3s linear infinite}.qui-progress-ring__circle[data-state=indeterminate]:not([data-disabled]) .qui-progress-ring__bar{animation:qui-progress-ring__indeterminate-circle 2s linear infinite}.qui-progress-ring__track{fill:transparent;stroke:var(--cross-component-track-default);stroke-width:var(--stroke-width)}.qui-progress-ring__bar{fill:transparent;stroke:var(--progress-color);stroke-dasharray:var(--circumference);stroke-dashoffset:calc(var(--circumference) * ((100 - var(--progress)) / 100));stroke-linecap:round;stroke-width:var(--stroke-width);transform-origin:center;transition:stroke-dashoffset 300ms cubic-bezier(0.4,0,0.2,1) 0ms}.qui-progress-ring__bar[data-emphasis=primary]{--progress-color:var(--color-background-brand-primary)}.qui-progress-ring__bar[data-emphasis=neutral]{--progress-color:var(--color-background-support-neutral)}.qui-progress-ring__bar[data-state=complete]:not([data-invalid]):not([data-disabled]){--progress-color:var(--color-background-support-success)}.qui-progress-ring__bar[data-invalid]{--progress-color:var(--color-text-support-danger)}.qui-progress-ring__bar[data-disabled]{--progress-color:var(--color-utility-disabled-background-solid)}.qui-progress-ring__bar[data-disabled][data-state=indeterminate]{--progress-color:var(--color-utility-disabled-background)}.qui-progress-ring__value-text{color:var(--color-text-neutral-primary);font:var(--font-static-body-xs-default);inset-block-start:50%;inset-inline-start:50%;line-height:normal;position:absolute;transform:translate(-50%,-50%)}.qui-progress-ring__root[data-disabled] .qui-progress-ring__value-text{color:var(--color-utility-disabled-text)}.qui-progress-ring__label{color:var(--color-text-neutral-secondary);display:flex;font:var(--font-static-body-xs-default);line-height:normal}.qui-progress-ring__label[data-invalid]{color:var(--color-text-support-danger)}.qui-progress-ring__root[data-disabled] .qui-progress-ring__label{color:var(--color-utility-disabled-text)}.qui-progress__error-text{align-items:flex-start;color:var(--color-text-support-danger);display:inline-flex;flex-wrap:nowrap;font:var(--font-static-body-xs-default)}@keyframes qui-progress-ring__indeterminate-circle{0%{stroke-dasharray:0 var(--circumference);transform:rotate(0deg)}50%{stroke-dasharray:calc(var(--circumference) / 2) calc(var(--circumference) / 2);transform:rotate(360deg)}to{stroke-dasharray:0 var(--circumference);transform:rotate(720deg)}}@keyframes qui-progress-ring__indeterminate-rotate{0%{transform:rotate(-90deg)}to{transform:rotate(270deg)}}
package/dist/qualcomm-dark.min.css CHANGED
@@ -1 +1 @@
1
- [data-brand=qualcomm][data-theme=dark]{--color-background-brand-primary-strong:#d3defa;--color-background-brand-primary-subtle:#0f146f;--color-background-brand-primary:#2d3ee0;--color-background-neutral-00:#0a0a0a;--color-background-neutral-01:#19191a;--color-background-neutral-02:#1f1f1f;--color-background-neutral-03:#242425;--color-background-neutral-10:#ffffff;--color-background-support-danger-medium:#7e0700;--color-background-support-danger-subtle:#1e0000;--color-background-support-danger:#f1735e;--color-background-support-info-medium:#283c97;--color-background-support-info-subtle:#070d2a;--color-background-support-info:#7697ff;--color-background-support-neutral-medium:#636364;--color-background-support-neutral-subtle:#1f1f1f;--color-background-support-neutral:#b9b9ba;--color-background-support-success-medium:#005a00;--color-background-support-success-subtle:#001600;--color-background-support-success:#5db655;--color-background-support-warning-medium:#5a4403;--color-background-support-warning-subtle:#1e1500;--color-background-support-warning:#ffc622;--color-border-brand-primary-subtle:#0f146f;--color-border-brand-primary:#7697ff;--color-border-neutral-00:#0a0a0a;--color-border-neutral-01:#ffffff1a;--color-border-neutral-02:#ffffff33;--color-border-neutral-03:#ffffff4d;--color-border-neutral-10:#ffffff;--color-border-support-danger-medium:#7e0700;--color-border-support-danger:#f1826f;--color-border-support-info-medium:#283c97;--color-border-support-info:#82a1fe;--color-border-support-neutral-medium:#4f4f50;--color-border-support-neutral:#636364;--color-border-support-success-medium:#005a00;--color-border-support-success:#70bc68;--color-border-support-warning-medium:#5a4403;--color-border-support-warning:#d19d00;--color-category-amber-medium:#773310;--color-category-amber-strong:#a1480e;--color-category-amber-subtle:#4e1e06;--color-category-blue-medium:#034ad9;--color-category-blue-strong:#1669fe;--color-category-blue-subtle:#01278a;--color-category-cyan-medium:#005aa3;--color-category-cyan-strong:#0377c9;--color-category-cyan-subtle:#013360;--color-category-green-medium:#207552;--color-category-green-strong:#1f845a;--color-category-green-subtle:#185039;--color-category-lime-medium:#517121;--color-category-lime-strong:#5b7f24;--color-category-lime-subtle:#3a4d1f;--color-category-magenta-medium:#aa1b59;--color-category-magenta-strong:#d52d76;--color-category-magenta-subtle:#670630;--color-category-orange-medium:#953d00;--color-category-orange-strong:#c25100;--color-category-orange-subtle:#522301;--color-category-purple-medium:#712ed1;--color-category-purple-strong:#8f46fc;--color-category-purple-subtle:#40197a;--color-category-red-medium:#af1a21;--color-category-red-strong:#df252f;--color-category-red-subtle:#680a0f;--color-category-teal-medium:#006563;--color-category-teal-strong:#02827e;--color-category-teal-subtle:#01393c;--color-category-violet-medium:#701b85;--color-category-violet-strong:#9521b9;--color-category-violet-subtle:#480b57;--color-category-yellow-medium:#9a7402;--color-category-yellow-strong:#efbf1a;--color-category-yellow-subtle:#684e01;--color-icon-brand-primary:#7697ff;--color-icon-neutral-inverse:#0a0a0a;--color-icon-neutral-primary:#ffffff;--color-icon-neutral-secondary:#aaaaab;--color-icon-support-danger:#f1735e;--color-icon-support-info:#7697ff;--color-icon-support-neutral:#949495;--color-icon-support-success:#49b140;--color-icon-support-warning:#fabb00;--color-interactive-background-danger-hover:#be0000;--color-interactive-background-danger-idle:#a50000;--color-interactive-background-danger-pressed:#d02107;--color-interactive-background-ghost-hover:#ffffff14;--color-interactive-background-ghost-idle:#ffffff00;--color-interactive-background-ghost-pressed:#ffffff29;--color-interactive-background-inverse-fill-hover:#242425;--color-interactive-background-inverse-fill-idle:#0a0a0a;--color-interactive-background-inverse-fill-pressed:#3c3c3d;--color-interactive-background-inverse-ghost-hover:#00000014;--color-interactive-background-inverse-ghost-idle:#00000000;--color-interactive-background-inverse-ghost-pressed:#00000029;--color-interactive-background-neutral-hover:#6a6a6b;--color-interactive-background-neutral-idle:#5c5c5d;--color-interactive-background-neutral-pressed:#717171;--color-interactive-background-persistent-black-fill-hover:#242425;--color-interactive-background-persistent-black-fill-idle:#0a0a0a;--color-interactive-background-persistent-black-fill-pressed:#3c3c3d;--color-interactive-background-persistent-black-ghost-hover:#00000014;--color-interactive-background-persistent-black-ghost-idle:#00000000;--color-interactive-background-persistent-black-ghost-pressed:#00000029;--color-interactive-background-persistent-white-fill-hover:#e7e7e8;--color-interactive-background-persistent-white-fill-idle:#ffffff;--color-interactive-background-persistent-white-fill-pressed:#d0d0d1;--color-interactive-background-persistent-white-ghost-hover:#ffffff14;--color-interactive-background-persistent-white-ghost-idle:#ffffff00;--color-interactive-background-persistent-white-ghost-pressed:#ffffff29;--color-interactive-background-primary-hover:#3850f1;--color-interactive-background-primary-idle:#2d3ee0;--color-interactive-background-primary-pressed:#3d59fa;--color-interactive-border-danger-hover:#f0907f;--color-interactive-border-danger-idle:#f1735e;--color-interactive-border-danger-pressed:#febbae;--color-interactive-border-inverse-hover:#000000e5;--color-interactive-border-inverse-idle:#000000cc;--color-interactive-border-inverse-pressed:#0a0a0a;--color-interactive-border-neutral-hover:#ffffff6b;--color-interactive-border-neutral-idle:#ffffff4d;--color-interactive-border-neutral-pressed:#ffffff8a;--color-interactive-border-persistent-black-hover:#000000e5;--color-interactive-border-persistent-black-idle:#000000cc;--color-interactive-border-persistent-black-pressed:#0a0a0a;--color-interactive-border-persistent-white-hover:#ffffffe5;--color-interactive-border-persistent-white-idle:#ffffffcc;--color-interactive-border-persistent-white-pressed:#ffffff;--color-interactive-border-primary-hover:#8faafa;--color-interactive-border-primary-idle:#7697ff;--color-interactive-border-primary-pressed:#b8ccff;--color-interactive-icon-danger-hover:#f0907f;--color-interactive-icon-danger-idle:#f1735e;--color-interactive-icon-danger-pressed:#febbae;--color-interactive-icon-link-brand-hover:#8faafa;--color-interactive-icon-link-brand-idle:#7697ff;--color-interactive-icon-link-brand-pressed:#b8ccff;--color-interactive-icon-link-brand-visited:#b88cff;--color-interactive-icon-link-default-hover:#8faafa;--color-interactive-icon-link-default-idle:#7697ff;--color-interactive-icon-link-default-pressed:#b8ccff;--color-interactive-icon-link-default-visited:#b88cff;--color-interactive-icon-link-neutral-hover:#c0c0c1;--color-interactive-icon-link-neutral-idle:#ffffff;--color-interactive-icon-link-neutral-pressed:#949495;--color-interactive-icon-link-neutral-visited:#b88cff;--color-interactive-icon-neutral-hover:#efeff0;--color-interactive-icon-neutral-idle:#dfdfe0;--color-interactive-icon-neutral-pressed:#ffffff;--color-interactive-icon-primary-hover:#8faafa;--color-interactive-icon-primary-idle:#7697ff;--color-interactive-icon-primary-pressed:#b8ccff;--color-interactive-text-danger-hover:#f0907f;--color-interactive-text-danger-idle:#f1735e;--color-interactive-text-danger-pressed:#febbae;--color-interactive-text-link-brand-hover:#8faafa;--color-interactive-text-link-brand-idle:#7697ff;--color-interactive-text-link-brand-pressed:#b8ccff;--color-interactive-text-link-brand-visited:#b88cff;--color-interactive-text-link-default-hover:#8faafa;--color-interactive-text-link-default-idle:#7697ff;--color-interactive-text-link-default-pressed:#b8ccff;--color-interactive-text-link-default-visited:#b88cff;--color-interactive-text-link-neutral-hover:#c0c0c1;--color-interactive-text-link-neutral-idle:#ffffff;--color-interactive-text-link-neutral-pressed:#949495;--color-interactive-text-link-neutral-visited:#b88cff;--color-interactive-text-neutral-hover:#efeff0;--color-interactive-text-neutral-idle:#dfdfe0;--color-interactive-text-neutral-pressed:#ffffff;--color-interactive-text-primary-hover:#8faafa;--color-interactive-text-primary-idle:#7697ff;--color-interactive-text-primary-pressed:#b8ccff;--color-surface-overlay:#303031;--color-surface-primary:#0a0a0a;--color-surface-raised:#2a2a2b;--color-surface-secondary:#19191a;--color-text-brand-primary:#7697ff;--color-text-neutral-inverse:#0a0a0a;--color-text-neutral-primary:#ffffff;--color-text-neutral-secondary:#aaaaab;--color-text-support-danger:#f1735e;--color-text-support-info:#7697ff;--color-text-support-success:#49b140;--color-utility-disabled-background:#ffffff14;--color-utility-disabled-border:#ffffff1f;--color-utility-disabled-handle:#4f4f50;--color-utility-disabled-icon:#6a6a6b;--color-utility-disabled-inverse-background:#00000014;--color-utility-disabled-inverse-border:#0000001f;--color-utility-disabled-inverse-icon:#6a6a6b;--color-utility-disabled-inverse-text:#6a6a6b;--color-utility-disabled-persistent-black-background:#00000014;--color-utility-disabled-persistent-black-border:#0000001f;--color-utility-disabled-persistent-black-icon:#6a6a6b;--color-utility-disabled-persistent-black-text:#6a6a6b;--color-utility-disabled-persistent-white-background:#ffffff14;--color-utility-disabled-persistent-white-border:#ffffff1f;--color-utility-disabled-persistent-white-icon:#a3a3a3;--color-utility-disabled-persistent-white-text:#a3a3a3;--color-utility-disabled-text:#6a6a6b;--color-utility-disabled-track-fill:#4f4f50;--color-utility-focus-border:#7697ff;--color-utility-opacity-01:#ffffff05;--color-utility-opacity-02:#ffffff0a;--color-utility-opacity-03:#ffffff14;--color-utility-opacity-04:#ffffff1f;--color-utility-opacity-05:#ffffff29;--color-utility-opacity-06:#ffffff3d;--color-utility-opacity-07:#ffffff52;--color-utility-opacity-08:#ffffff7a;--color-utility-opacity-09:#ffffffa3;--color-utility-opacity-10:#ffffffcc;--color-utility-persistent-black:#0a0a0a;--color-utility-persistent-transparent-white:#ffffffcc;--color-utility-persistent-white:#ffffff;--color-utility-placeholder-icon:#868687;--color-utility-placeholder-text:#868687;--border-radius-lg:6px;--border-radius-md:4px;--border-radius-none:0;--border-radius-rounded:360px;--border-radius-sm:3px;--border-radius-xl:8px;--border-radius-xs:2px;--border-radius-xxl:12px;--border-width-lg:3px;--border-width-md:2px;--border-width-none:0;--border-width-sm:1px;--border-width-xl:4px;--canvas-width:375;--component-button-global-border-radius:4px;--component-button-global-focus-border-radius:4px;--component-button-type-lg-font-family:var(--type-font-family-secondary);--component-button-type-lg-font-size:16px;--component-button-type-lg-font-weight:var(--type-font-weight-body-bold);--component-button-type-lg-line-height:24px;--component-button-type-md-font-family:var(--type-font-family-secondary);--component-button-type-md-font-size:14px;--component-button-type-md-font-weight:var(--type-font-weight-body-bold);--component-button-type-md-line-height:20px;--component-button-type-sm-font-family:var(--type-font-family-secondary);--component-button-type-sm-font-size:12px;--component-button-type-sm-font-weight:var(--type-font-weight-body-bold);--component-button-type-sm-line-height:18px;--component-button-variant-fill-danger-icon:#ffffff;--component-button-variant-fill-danger-text:#ffffff;--component-button-variant-fill-neutral-icon:#ffffff;--component-button-variant-fill-neutral-text:#ffffff;--component-button-variant-fill-primary-icon:#ffffff;--component-button-variant-fill-primary-text:#ffffff;--component-button-variant-outline-border-width:1px;--component-button-variant-outline-danger-border-hover:#ffffff6b;--component-button-variant-outline-danger-border-idle:#ffffff4d;--component-button-variant-outline-danger-border-pressed:#ffffff8a;--component-button-variant-outline-neutral-border-hover:#ffffff6b;--component-button-variant-outline-neutral-border-idle:#ffffff4d;--component-button-variant-outline-neutral-border-pressed:#ffffff8a;--component-button-variant-outline-primary-border-hover:#ffffff6b;--component-button-variant-outline-primary-border-idle:#ffffff4d;--component-button-variant-outline-primary-border-pressed:#ffffff8a;--component-tag-selectable-neutral-selected-icon:#ffffff;--component-tag-selectable-neutral-selected-text:#ffffff;--font-dynamic-display-lg:var(--type-font-weight-display-regular) 53px /60px var(--type-font-family-primary);--font-dynamic-display-md:var(--type-font-weight-display-regular) 40px /46px var(--type-font-family-primary);--font-dynamic-heading-lg-bold:var(--type-font-weight-heading-bold) 26px /32px var(--type-font-family-secondary);--font-dynamic-heading-lg-default:var(--type-font-weight-heading-default) 26px /32px var(--type-font-family-secondary);--font-dynamic-heading-xl:var(--type-font-weight-heading-regular) 30px /34px var(--type-font-family-primary);--font-dynamic-heading-xxl:var(--type-font-weight-heading-regular) 34px /40px var(--type-font-family-primary);--font-dynamic-heading-xxxl:var(--type-font-weight-heading-regular) 36px /42px var(--type-font-family-primary);--font-static-body-lg-bold:var(--type-font-weight-body-bold) 17px /26px var(--type-font-family-secondary);--font-static-body-lg-default:var(--type-font-weight-body-default) 17px /26px var(--type-font-family-secondary);--font-static-body-md-bold:var(--type-font-weight-body-bold) 16px /24px var(--type-font-family-secondary);--font-static-body-md-default:var(--type-font-weight-body-default) 16px /24px var(--type-font-family-secondary);--font-static-body-sm-bold:var(--type-font-weight-body-bold) 14px /20px var(--type-font-family-secondary);--font-static-body-sm-default:var(--type-font-weight-body-default) 14px /20px var(--type-font-family-secondary);--font-static-body-xl-bold:var(--type-font-weight-body-bold) 19px /28px var(--type-font-family-secondary);--font-static-body-xl-default:var(--type-font-weight-body-default) 19px /28px var(--type-font-family-secondary);--font-static-body-xs-bold:var(--type-font-weight-body-bold) 12px /18px var(--type-font-family-secondary);--font-static-body-xs-default:var(--type-font-weight-body-default) 12px /18px var(--type-font-family-secondary);--font-static-body-xxl-bold:var(--type-font-weight-body-bold) 22px /32px var(--type-font-family-secondary);--font-static-body-xxl-default:var(--type-font-weight-body-default) 22px /32px var(--type-font-family-secondary);--font-static-body-xxs-bold:var(--type-font-weight-body-bold) 10px /16px var(--type-font-family-secondary);--font-static-body-xxs-default:var(--type-font-weight-body-default) 10px /16px var(--type-font-family-secondary);--font-static-code-lg-bold:var(--type-font-weight-code-bold) 17px /26px var(--type-font-family-tertiary);--font-static-code-lg-default:var(--type-font-weight-code-default) 17px /26px var(--type-font-family-tertiary);--font-static-code-md-bold:var(--type-font-weight-code-bold) 16px /24px var(--type-font-family-tertiary);--font-static-code-md-default:var(--type-font-weight-code-default) 16px /24px var(--type-font-family-tertiary);--font-static-code-sm-bold:var(--type-font-weight-code-bold) 14px /20px var(--type-font-family-tertiary);--font-static-code-sm-default:var(--type-font-weight-code-default) 14px /20px var(--type-font-family-tertiary);--font-static-code-xl-bold:var(--type-font-weight-code-bold) 19px /28px var(--type-font-family-tertiary);--font-static-code-xl-default:var(--type-font-weight-code-default) 19px /28px var(--type-font-family-tertiary);--font-static-code-xs-bold:var(--type-font-weight-code-bold) 12px /18px var(--type-font-family-tertiary);--font-static-code-xs-default:var(--type-font-weight-code-default) 12px /18px var(--type-font-family-tertiary);--font-static-display-lg:var(--type-font-weight-display-regular) 84px /100px var(--type-font-family-primary);--font-static-display-md:var(--type-font-weight-display-regular) 65px /74px var(--type-font-family-primary);--font-static-eyebrow-type-bold:var(--type-font-weight-body-bold) 12px /18px var(--type-font-family-secondary);--font-static-eyebrow-type-default:var(--type-font-weight-body-default) 12px /18px var(--type-font-family-secondary);--font-static-heading-lg-bold:var(--type-font-weight-heading-bold) 28px /34px var(--type-font-family-secondary);--font-static-heading-lg-default:var(--type-font-weight-heading-default) 28px /34px var(--type-font-family-secondary);--font-static-heading-md-bold:var(--type-font-weight-heading-bold) 24px /30px var(--type-font-family-secondary);--font-static-heading-md-default:var(--type-font-weight-heading-default) 24px /30px var(--type-font-family-secondary);--font-static-heading-sm-bold:var(--type-font-weight-heading-bold) 20px /24px var(--type-font-family-secondary);--font-static-heading-sm-default:var(--type-font-weight-heading-default) 20px /24px var(--type-font-family-secondary);--font-static-heading-xl:var(--type-font-weight-heading-regular) 36px /42px var(--type-font-family-primary);--font-static-heading-xs-bold:var(--type-font-weight-heading-bold) 17px /20px var(--type-font-family-secondary);--font-static-heading-xs-default:var(--type-font-weight-heading-default) 17px /20px var(--type-font-family-secondary);--font-static-heading-xxl:var(--type-font-weight-heading-regular) 44px /50px var(--type-font-family-primary);--font-static-heading-xxs-bold:var(--type-font-weight-heading-bold) 14px /18px var(--type-font-family-secondary);--font-static-heading-xxs-default:var(--type-font-weight-heading-default) 14px /18px var(--type-font-family-secondary);--font-static-heading-xxxl:var(--type-font-weight-heading-regular) 53px /60px var(--type-font-family-primary);--icon-stroke-lg:2px;--icon-stroke-md:1.75px;--icon-stroke-sm:1.5px;--icon-stroke-xl:2.25px;--icon-stroke-xs:1.25px;--icon-stroke-xxs:1px;--scrim-default:#000000cc;--shadow-high:0 7px 20px 5px #00000033;--shadow-highest:0 20px 30px 15px #00000033;--shadow-low:0 3px 5px 0 #00000033;--shadow-lowest:0 1px 2px 0 #00000033;--shadow-medium:0 5px 10px 1px #00000033;--shadow-none:0 0 0 0 #00000000;--sizing-10:1px;--sizing-20:2px;--sizing-30:4px;--sizing-40:6px;--sizing-50:8px;--sizing-60:12px;--sizing-70:16px;--sizing-80:20px;--sizing-90:24px;--sizing-100:28px;--sizing-110:30px;--sizing-120:32px;--sizing-130:38px;--sizing-140:40px;--sizing-150:46px;--sizing-160:48px;--sizing-170:56px;--sizing-180:80px;--sizing-190:120px;--sizing-200:160px;--spacing-0:0;--spacing-10:1px;--spacing-20:2px;--spacing-30:3px;--spacing-40:4px;--spacing-50:6px;--spacing-60:7px;--spacing-70:8px;--spacing-80:10px;--spacing-90:12px;--spacing-100:16px;--spacing-110:20px;--spacing-120:24px;--spacing-130:28px;--spacing-140:32px;--spacing-150:36px;--spacing-160:40px;--spacing-170:44px;--spacing-180:48px;--spacing-190:52px;--spacing-200:56px;--spacing-210:60px;--spacing-220:64px;--spacing-230:68px;--spacing-240:72px;--spacing-250:76px;--spacing-260:80px;--spacing-270:84px;--spacing-280:88px;--spacing-290:92px;--spacing-300:96px;--spacing-310:100px;--spacing-320:120px;--spacing-330:132px;--track-default:#ffffff1a;--type-font-family-primary:Alfabet,sans-serif;--type-font-family-secondary:"Roboto Flex",sans-serif;--type-font-family-tertiary:"Roboto Mono",monospace;--type-font-weight-body-bold:500;--type-font-weight-body-default:400;--type-font-weight-code-bold:500;--type-font-weight-code-default:400;--type-font-weight-display-regular:400;--type-font-weight-heading-bold:600;--type-font-weight-heading-default:500;--type-font-weight-heading-regular:400;--type-static-body-lg-font-size:17px;--type-static-body-lg-line-height:26px;--type-static-body-md-font-size:16px;--type-static-body-md-line-height:24px;--type-static-body-sm-font-size:14px;--type-static-body-sm-line-height:20px;--type-static-body-xl-font-size:19px;--type-static-body-xl-line-height:28px;--type-static-body-xs-font-size:12px;--type-static-body-xs-line-height:18px;--type-static-body-xxl-font-size:22px;--type-static-body-xxl-line-height:32px;--type-static-body-xxs-font-size:10px;--type-static-body-xxs-line-height:16px;--type-static-code-lg-font-size:17px;--type-static-code-lg-line-height:26px;--type-static-code-md-font-size:16px;--type-static-code-md-line-height:24px;--type-static-code-sm-font-size:14px;--type-static-code-sm-line-height:20px;--type-static-code-xl-font-size:19px;--type-static-code-xl-line-height:28px;--type-static-code-xs-font-size:12px;--type-static-code-xs-line-height:18px;--type-static-eyebrow-type-font-size:12px;--type-static-eyebrow-type-line-height:18px;--type-static-heading-lg-font-size:28px;--type-static-heading-lg-line-height:34px;--type-static-heading-md-font-size:24px;--type-static-heading-md-line-height:30px;--type-static-heading-sm-font-size:20px;--type-static-heading-sm-line-height:24px;--type-static-heading-xs-font-size:17px;--type-static-heading-xs-line-height:20px;--type-static-heading-xxs-font-size:14px;--type-static-heading-xxs-line-height:18px;--type-static-heading-xxxl-font-size:53px;--type-static-heading-xxxl-line-height:60px}
1
+ [data-brand=qualcomm][data-theme=dark]{--color-background-brand-primary-strong:#d3defa;--color-background-brand-primary-subtle:#0f146f;--color-background-brand-primary:#2d3ee0;--color-background-neutral-00:#0a0a0a;--color-background-neutral-01:#19191a;--color-background-neutral-02:#1f1f1f;--color-background-neutral-03:#242425;--color-background-neutral-10:#ffffff;--color-background-support-danger-medium:#7e0700;--color-background-support-danger-subtle:#1e0000;--color-background-support-danger:#f1735e;--color-background-support-info-medium:#283c97;--color-background-support-info-subtle:#070d2a;--color-background-support-info:#7697ff;--color-background-support-neutral-medium:#636364;--color-background-support-neutral-subtle:#1f1f1f;--color-background-support-neutral:#b9b9ba;--color-background-support-success-medium:#005a00;--color-background-support-success-subtle:#001600;--color-background-support-success:#5db655;--color-background-support-warning-medium:#5a4403;--color-background-support-warning-subtle:#1e1500;--color-background-support-warning:#ffc622;--color-border-brand-primary-subtle:#0f146f;--color-border-brand-primary:#7697ff;--color-border-neutral-00:#0a0a0a;--color-border-neutral-01:#ffffff1a;--color-border-neutral-02:#ffffff33;--color-border-neutral-03:#ffffff4d;--color-border-neutral-10:#ffffff;--color-border-support-danger-medium:#7e0700;--color-border-support-danger:#f1826f;--color-border-support-info-medium:#283c97;--color-border-support-info:#82a1fe;--color-border-support-neutral-medium:#4f4f50;--color-border-support-neutral:#636364;--color-border-support-success-medium:#005a00;--color-border-support-success:#70bc68;--color-border-support-warning-medium:#5a4403;--color-border-support-warning:#d19d00;--color-category-amber-medium:#773310;--color-category-amber-strong:#a1480e;--color-category-amber-subtle:#4e1e06;--color-category-blue-medium:#034ad9;--color-category-blue-strong:#1669fe;--color-category-blue-subtle:#01278a;--color-category-cyan-medium:#005aa3;--color-category-cyan-strong:#0377c9;--color-category-cyan-subtle:#013360;--color-category-green-medium:#207552;--color-category-green-strong:#1f845a;--color-category-green-subtle:#185039;--color-category-lime-medium:#517121;--color-category-lime-strong:#5b7f24;--color-category-lime-subtle:#3a4d1f;--color-category-magenta-medium:#aa1b59;--color-category-magenta-strong:#d52d76;--color-category-magenta-subtle:#670630;--color-category-orange-medium:#953d00;--color-category-orange-strong:#c25100;--color-category-orange-subtle:#522301;--color-category-purple-medium:#712ed1;--color-category-purple-strong:#8f46fc;--color-category-purple-subtle:#40197a;--color-category-red-medium:#af1a21;--color-category-red-strong:#df252f;--color-category-red-subtle:#680a0f;--color-category-teal-medium:#006563;--color-category-teal-strong:#02827e;--color-category-teal-subtle:#01393c;--color-category-violet-medium:#701b85;--color-category-violet-strong:#9521b9;--color-category-violet-subtle:#480b57;--color-category-yellow-medium:#9a7402;--color-category-yellow-strong:#efbf1a;--color-category-yellow-subtle:#684e01;--color-icon-brand-primary:#7697ff;--color-icon-neutral-inverse:#0a0a0a;--color-icon-neutral-primary:#ffffff;--color-icon-neutral-secondary:#aaaaab;--color-icon-support-danger:#f1735e;--color-icon-support-info:#7697ff;--color-icon-support-neutral:#949495;--color-icon-support-success:#49b140;--color-icon-support-warning:#fabb00;--color-interactive-background-danger-hover:#be0000;--color-interactive-background-danger-idle:#a50000;--color-interactive-background-danger-pressed:#d02107;--color-interactive-background-ghost-hover:#ffffff14;--color-interactive-background-ghost-idle:#ffffff00;--color-interactive-background-ghost-pressed:#ffffff29;--color-interactive-background-inverse-fill-hover:#242425;--color-interactive-background-inverse-fill-idle:#0a0a0a;--color-interactive-background-inverse-fill-pressed:#3c3c3d;--color-interactive-background-inverse-ghost-hover:#00000014;--color-interactive-background-inverse-ghost-idle:#00000000;--color-interactive-background-inverse-ghost-pressed:#00000029;--color-interactive-background-neutral-hover:#6a6a6b;--color-interactive-background-neutral-idle:#5c5c5d;--color-interactive-background-neutral-pressed:#717171;--color-interactive-background-persistent-black-fill-hover:#242425;--color-interactive-background-persistent-black-fill-idle:#0a0a0a;--color-interactive-background-persistent-black-fill-pressed:#3c3c3d;--color-interactive-background-persistent-black-ghost-hover:#00000014;--color-interactive-background-persistent-black-ghost-idle:#00000000;--color-interactive-background-persistent-black-ghost-pressed:#00000029;--color-interactive-background-persistent-white-fill-hover:#e7e7e8;--color-interactive-background-persistent-white-fill-idle:#ffffff;--color-interactive-background-persistent-white-fill-pressed:#d0d0d1;--color-interactive-background-persistent-white-ghost-hover:#ffffff14;--color-interactive-background-persistent-white-ghost-idle:#ffffff00;--color-interactive-background-persistent-white-ghost-pressed:#ffffff29;--color-interactive-background-primary-hover:#3850f1;--color-interactive-background-primary-idle:#2d3ee0;--color-interactive-background-primary-pressed:#3d59fa;--color-interactive-border-danger-hover:#f0907f;--color-interactive-border-danger-idle:#f1735e;--color-interactive-border-danger-pressed:#febbae;--color-interactive-border-inverse-hover:#000000e5;--color-interactive-border-inverse-idle:#000000cc;--color-interactive-border-inverse-pressed:#0a0a0a;--color-interactive-border-neutral-hover:#ffffff6b;--color-interactive-border-neutral-idle:#ffffff4d;--color-interactive-border-neutral-pressed:#ffffff8a;--color-interactive-border-persistent-black-hover:#000000e5;--color-interactive-border-persistent-black-idle:#000000cc;--color-interactive-border-persistent-black-pressed:#0a0a0a;--color-interactive-border-persistent-white-hover:#ffffffe5;--color-interactive-border-persistent-white-idle:#ffffffcc;--color-interactive-border-persistent-white-pressed:#ffffff;--color-interactive-border-primary-hover:#8faafa;--color-interactive-border-primary-idle:#7697ff;--color-interactive-border-primary-pressed:#b8ccff;--color-interactive-icon-danger-hover:#f0907f;--color-interactive-icon-danger-idle:#f1735e;--color-interactive-icon-danger-pressed:#febbae;--color-interactive-icon-link-brand-hover:#8faafa;--color-interactive-icon-link-brand-idle:#7697ff;--color-interactive-icon-link-brand-pressed:#b8ccff;--color-interactive-icon-link-brand-visited:#b88cff;--color-interactive-icon-link-default-hover:#8faafa;--color-interactive-icon-link-default-idle:#7697ff;--color-interactive-icon-link-default-pressed:#b8ccff;--color-interactive-icon-link-default-visited:#b88cff;--color-interactive-icon-link-neutral-hover:#c0c0c1;--color-interactive-icon-link-neutral-idle:#ffffff;--color-interactive-icon-link-neutral-pressed:#949495;--color-interactive-icon-link-neutral-visited:#b88cff;--color-interactive-icon-neutral-hover:#efeff0;--color-interactive-icon-neutral-idle:#dfdfe0;--color-interactive-icon-neutral-pressed:#ffffff;--color-interactive-icon-primary-hover:#8faafa;--color-interactive-icon-primary-idle:#7697ff;--color-interactive-icon-primary-pressed:#b8ccff;--color-interactive-text-danger-hover:#f0907f;--color-interactive-text-danger-idle:#f1735e;--color-interactive-text-danger-pressed:#febbae;--color-interactive-text-link-brand-hover:#8faafa;--color-interactive-text-link-brand-idle:#7697ff;--color-interactive-text-link-brand-pressed:#b8ccff;--color-interactive-text-link-brand-visited:#b88cff;--color-interactive-text-link-default-hover:#8faafa;--color-interactive-text-link-default-idle:#7697ff;--color-interactive-text-link-default-pressed:#b8ccff;--color-interactive-text-link-default-visited:#b88cff;--color-interactive-text-link-neutral-hover:#c0c0c1;--color-interactive-text-link-neutral-idle:#ffffff;--color-interactive-text-link-neutral-pressed:#949495;--color-interactive-text-link-neutral-visited:#b88cff;--color-interactive-text-neutral-hover:#efeff0;--color-interactive-text-neutral-idle:#dfdfe0;--color-interactive-text-neutral-pressed:#ffffff;--color-interactive-text-primary-hover:#8faafa;--color-interactive-text-primary-idle:#7697ff;--color-interactive-text-primary-pressed:#b8ccff;--color-surface-overlay:#303031;--color-surface-primary:#0a0a0a;--color-surface-raised:#2a2a2b;--color-surface-secondary:#19191a;--color-text-brand-primary:#7697ff;--color-text-neutral-inverse:#0a0a0a;--color-text-neutral-primary:#ffffff;--color-text-neutral-secondary:#aaaaab;--color-text-support-danger:#f1735e;--color-text-support-info:#7697ff;--color-text-support-success:#49b140;--color-utility-disabled-background-solid:#4f4f50;--color-utility-disabled-background:#ffffff14;--color-utility-disabled-border:#ffffff1f;--color-utility-disabled-icon:#6a6a6b;--color-utility-disabled-inverse-background:#00000014;--color-utility-disabled-inverse-border:#0000001f;--color-utility-disabled-inverse-icon:#6a6a6b;--color-utility-disabled-inverse-text:#6a6a6b;--color-utility-disabled-persistent-black-background:#00000014;--color-utility-disabled-persistent-black-border:#0000001f;--color-utility-disabled-persistent-black-icon:#6a6a6b;--color-utility-disabled-persistent-black-text:#6a6a6b;--color-utility-disabled-persistent-white-background:#ffffff14;--color-utility-disabled-persistent-white-border:#ffffff1f;--color-utility-disabled-persistent-white-icon:#a3a3a3;--color-utility-disabled-persistent-white-text:#a3a3a3;--color-utility-disabled-text:#6a6a6b;--color-utility-focus-border:#7697ff;--color-utility-opacity-01:#ffffff05;--color-utility-opacity-02:#ffffff0a;--color-utility-opacity-03:#ffffff14;--color-utility-opacity-04:#ffffff1f;--color-utility-opacity-05:#ffffff29;--color-utility-opacity-06:#ffffff3d;--color-utility-opacity-07:#ffffff52;--color-utility-opacity-08:#ffffff7a;--color-utility-opacity-09:#ffffffa3;--color-utility-opacity-10:#ffffffcc;--color-utility-persistent-black:#0a0a0a;--color-utility-persistent-transparent-white:#ffffffcc;--color-utility-persistent-white:#ffffff;--color-utility-placeholder-icon:#868687;--color-utility-placeholder-text:#868687;--color-utility-scrim-default:#000000cc;--border-radius-lg:6px;--border-radius-md:4px;--border-radius-none:0;--border-radius-rounded:360px;--border-radius-sm:3px;--border-radius-xl:8px;--border-radius-xs:2px;--border-radius-xxl:12px;--border-width-lg:3px;--border-width-md:2px;--border-width-none:0;--border-width-sm:1px;--border-width-xl:4px;--canvas-width:375;--component-button-global-border-radius:4px;--component-button-global-focus-border-radius:4px;--component-button-type-lg-font-family:var(--type-font-family-secondary);--component-button-type-lg-font-size:16px;--component-button-type-lg-font-weight:var(--type-font-weight-body-bold);--component-button-type-lg-line-height:24px;--component-button-type-md-font-family:var(--type-font-family-secondary);--component-button-type-md-font-size:14px;--component-button-type-md-font-weight:var(--type-font-weight-body-bold);--component-button-type-md-line-height:20px;--component-button-type-sm-font-family:var(--type-font-family-secondary);--component-button-type-sm-font-size:12px;--component-button-type-sm-font-weight:var(--type-font-weight-body-bold);--component-button-type-sm-line-height:18px;--component-button-variant-fill-danger-icon:#ffffff;--component-button-variant-fill-danger-text:#ffffff;--component-button-variant-fill-neutral-icon:#ffffff;--component-button-variant-fill-neutral-text:#ffffff;--component-button-variant-fill-primary-icon:#ffffff;--component-button-variant-fill-primary-text:#ffffff;--component-button-variant-outline-danger-border-hover:#ffffff6b;--component-button-variant-outline-danger-border-idle:#ffffff4d;--component-button-variant-outline-danger-border-pressed:#ffffff8a;--component-button-variant-outline-neutral-border-hover:#ffffff6b;--component-button-variant-outline-neutral-border-idle:#ffffff4d;--component-button-variant-outline-neutral-border-pressed:#ffffff8a;--component-button-variant-outline-primary-border-hover:#ffffff6b;--component-button-variant-outline-primary-border-idle:#ffffff4d;--component-button-variant-outline-primary-border-pressed:#ffffff8a;--component-tag-selectable-neutral-selected-icon:#ffffff;--component-tag-selectable-neutral-selected-text:#ffffff;--component-utility-icons-stroke-weight-lg:2px;--component-utility-icons-stroke-weight-md:1.75px;--component-utility-icons-stroke-weight-sm:1.5px;--component-utility-icons-stroke-weight-xl:2.25px;--component-utility-icons-stroke-weight-xs:1.25px;--component-utility-icons-stroke-weight-xxs:1px;--cross-component-track-default:#ffffff1a;--font-dynamic-display-lg:var(--type-font-weight-display-regular) 53px /60px var(--type-font-family-primary);--font-dynamic-display-md:var(--type-font-weight-display-regular) 40px /46px var(--type-font-family-primary);--font-dynamic-heading-lg-bold:var(--type-font-weight-heading-bold) 26px /32px var(--type-font-family-secondary);--font-dynamic-heading-lg-default:var(--type-font-weight-heading-default) 26px /32px var(--type-font-family-secondary);--font-dynamic-heading-xl:var(--type-font-weight-heading-regular) 30px /34px var(--type-font-family-primary);--font-dynamic-heading-xxl:var(--type-font-weight-heading-regular) 34px /40px var(--type-font-family-primary);--font-dynamic-heading-xxxl:var(--type-font-weight-heading-regular) 36px /42px var(--type-font-family-primary);--font-static-body-lg-bold:var(--type-font-weight-body-bold) 17px /26px var(--type-font-family-secondary);--font-static-body-lg-default:var(--type-font-weight-body-default) 17px /26px var(--type-font-family-secondary);--font-static-body-md-bold:var(--type-font-weight-body-bold) 16px /24px var(--type-font-family-secondary);--font-static-body-md-default:var(--type-font-weight-body-default) 16px /24px var(--type-font-family-secondary);--font-static-body-sm-bold:var(--type-font-weight-body-bold) 14px /20px var(--type-font-family-secondary);--font-static-body-sm-default:var(--type-font-weight-body-default) 14px /20px var(--type-font-family-secondary);--font-static-body-xl-bold:var(--type-font-weight-body-bold) 19px /28px var(--type-font-family-secondary);--font-static-body-xl-default:var(--type-font-weight-body-default) 19px /28px var(--type-font-family-secondary);--font-static-body-xs-bold:var(--type-font-weight-body-bold) 12px /18px var(--type-font-family-secondary);--font-static-body-xs-default:var(--type-font-weight-body-default) 12px /18px var(--type-font-family-secondary);--font-static-body-xxl-bold:var(--type-font-weight-body-bold) 22px /32px var(--type-font-family-secondary);--font-static-body-xxl-default:var(--type-font-weight-body-default) 22px /32px var(--type-font-family-secondary);--font-static-body-xxs-bold:var(--type-font-weight-body-bold) 10px /16px var(--type-font-family-secondary);--font-static-body-xxs-default:var(--type-font-weight-body-default) 10px /16px var(--type-font-family-secondary);--font-static-code-lg-bold:var(--type-font-weight-code-bold) 17px /26px var(--type-font-family-tertiary);--font-static-code-lg-default:var(--type-font-weight-code-default) 17px /26px var(--type-font-family-tertiary);--font-static-code-md-bold:var(--type-font-weight-code-bold) 16px /24px var(--type-font-family-tertiary);--font-static-code-md-default:var(--type-font-weight-code-default) 16px /24px var(--type-font-family-tertiary);--font-static-code-sm-bold:var(--type-font-weight-code-bold) 14px /20px var(--type-font-family-tertiary);--font-static-code-sm-default:var(--type-font-weight-code-default) 14px /20px var(--type-font-family-tertiary);--font-static-code-xl-bold:var(--type-font-weight-code-bold) 19px /28px var(--type-font-family-tertiary);--font-static-code-xl-default:var(--type-font-weight-code-default) 19px /28px var(--type-font-family-tertiary);--font-static-code-xs-bold:var(--type-font-weight-code-bold) 12px /18px var(--type-font-family-tertiary);--font-static-code-xs-default:var(--type-font-weight-code-default) 12px /18px var(--type-font-family-tertiary);--font-static-display-lg:var(--type-font-weight-display-regular) 84px /100px var(--type-font-family-primary);--font-static-display-md:var(--type-font-weight-display-regular) 65px /74px var(--type-font-family-primary);--font-static-eyebrow-type-bold:var(--type-font-weight-body-bold) 12px /18px var(--type-font-family-secondary);--font-static-eyebrow-type-default:var(--type-font-weight-body-default) 12px /18px var(--type-font-family-secondary);--font-static-heading-lg-bold:var(--type-font-weight-heading-bold) 28px /34px var(--type-font-family-secondary);--font-static-heading-lg-default:var(--type-font-weight-heading-default) 28px /34px var(--type-font-family-secondary);--font-static-heading-md-bold:var(--type-font-weight-heading-bold) 24px /30px var(--type-font-family-secondary);--font-static-heading-md-default:var(--type-font-weight-heading-default) 24px /30px var(--type-font-family-secondary);--font-static-heading-sm-bold:var(--type-font-weight-heading-bold) 20px /24px var(--type-font-family-secondary);--font-static-heading-sm-default:var(--type-font-weight-heading-default) 20px /24px var(--type-font-family-secondary);--font-static-heading-xl:var(--type-font-weight-heading-regular) 36px /42px var(--type-font-family-primary);--font-static-heading-xs-bold:var(--type-font-weight-heading-bold) 17px /20px var(--type-font-family-secondary);--font-static-heading-xs-default:var(--type-font-weight-heading-default) 17px /20px var(--type-font-family-secondary);--font-static-heading-xxl:var(--type-font-weight-heading-regular) 44px /50px var(--type-font-family-primary);--font-static-heading-xxs-bold:var(--type-font-weight-heading-bold) 14px /18px var(--type-font-family-secondary);--font-static-heading-xxs-default:var(--type-font-weight-heading-default) 14px /18px var(--type-font-family-secondary);--font-static-heading-xxxl:var(--type-font-weight-heading-regular) 53px /60px var(--type-font-family-primary);--shadow-high:0 7px 20px 5px #00000033;--shadow-highest:0 20px 30px 15px #00000033;--shadow-low:0 3px 5px 0 #00000033;--shadow-lowest:0 1px 2px 0 #00000033;--shadow-medium:0 5px 10px 1px #00000033;--shadow-none:0 0 0 0 #00000000;--sizing-10:1px;--sizing-20:2px;--sizing-30:4px;--sizing-40:6px;--sizing-50:8px;--sizing-60:12px;--sizing-70:16px;--sizing-80:20px;--sizing-90:24px;--sizing-100:28px;--sizing-110:30px;--sizing-120:32px;--sizing-130:38px;--sizing-140:40px;--sizing-150:46px;--sizing-160:48px;--sizing-170:56px;--sizing-180:80px;--sizing-190:120px;--sizing-200:160px;--spacing-0:0;--spacing-10:1px;--spacing-20:2px;--spacing-30:3px;--spacing-40:4px;--spacing-50:6px;--spacing-60:7px;--spacing-70:8px;--spacing-80:10px;--spacing-90:12px;--spacing-100:16px;--spacing-110:20px;--spacing-120:24px;--spacing-130:28px;--spacing-140:32px;--spacing-150:36px;--spacing-160:40px;--spacing-170:44px;--spacing-180:48px;--spacing-190:52px;--spacing-200:56px;--spacing-210:60px;--spacing-220:64px;--spacing-230:68px;--spacing-240:72px;--spacing-250:76px;--spacing-260:80px;--spacing-270:84px;--spacing-280:88px;--spacing-290:92px;--spacing-300:96px;--spacing-310:100px;--spacing-320:120px;--spacing-330:132px;--type-font-family-primary:Alfabet,sans-serif;--type-font-family-secondary:"Roboto Flex",sans-serif;--type-font-family-tertiary:"Roboto Mono",monospace;--type-font-weight-body-bold:500;--type-font-weight-body-default:400;--type-font-weight-code-bold:500;--type-font-weight-code-default:400;--type-font-weight-display-regular:400;--type-font-weight-heading-bold:600;--type-font-weight-heading-default:500;--type-font-weight-heading-regular:400;--type-static-body-lg-font-size:17px;--type-static-body-lg-line-height:26px;--type-static-body-md-font-size:16px;--type-static-body-md-line-height:24px;--type-static-body-sm-font-size:14px;--type-static-body-sm-line-height:20px;--type-static-body-xl-font-size:19px;--type-static-body-xl-line-height:28px;--type-static-body-xs-font-size:12px;--type-static-body-xs-line-height:18px;--type-static-body-xxl-font-size:22px;--type-static-body-xxl-line-height:32px;--type-static-body-xxs-font-size:10px;--type-static-body-xxs-line-height:16px;--type-static-code-lg-font-size:17px;--type-static-code-lg-line-height:26px;--type-static-code-md-font-size:16px;--type-static-code-md-line-height:24px;--type-static-code-sm-font-size:14px;--type-static-code-sm-line-height:20px;--type-static-code-xl-font-size:19px;--type-static-code-xl-line-height:28px;--type-static-code-xs-font-size:12px;--type-static-code-xs-line-height:18px;--type-static-eyebrow-type-font-size:12px;--type-static-eyebrow-type-line-height:18px;--type-static-heading-lg-font-size:28px;--type-static-heading-lg-line-height:34px;--type-static-heading-md-font-size:24px;--type-static-heading-md-line-height:30px;--type-static-heading-sm-font-size:20px;--type-static-heading-sm-line-height:24px;--type-static-heading-xs-font-size:17px;--type-static-heading-xs-line-height:20px;--type-static-heading-xxs-font-size:14px;--type-static-heading-xxs-line-height:18px;--type-static-heading-xxxl-font-size:53px;--type-static-heading-xxxl-line-height:60px}
package/dist/qualcomm-light.min.css CHANGED
@@ -1 +1 @@
1
- [data-brand=qualcomm][data-theme=light]{--color-background-brand-primary-strong:#020b3f;--color-background-brand-primary-subtle:#d3defa;--color-background-brand-primary:#2a2aea;--color-background-neutral-00:#ffffff;--color-background-neutral-01:#f7f7f8;--color-background-neutral-02:#efeff0;--color-background-neutral-03:#e7e7e8;--color-background-neutral-10:#0a0a0a;--color-background-support-danger-medium:#f49b8b;--color-background-support-danger-subtle:#fcf3f1;--color-background-support-danger:#c71100;--color-background-support-info-medium:#99b3fd;--color-background-support-info-subtle:#f2f5fc;--color-background-support-info:#4664df;--color-background-support-neutral-medium:#b9b9ba;--color-background-support-neutral-subtle:#efeff0;--color-background-support-neutral:#49494a;--color-background-support-success-medium:#8dc886;--color-background-support-success-subtle:#f1f7f1;--color-background-support-success:#018a00;--color-background-support-warning-medium:#ffe398;--color-background-support-warning-subtle:#fdf6e8;--color-background-support-warning:#fabb00;--color-border-brand-primary-subtle:#5f82ff;--color-border-brand-primary:#2a2aea;--color-border-neutral-00:#ffffff;--color-border-neutral-01:#0000001a;--color-border-neutral-02:#00000033;--color-border-neutral-03:#0000004d;--color-border-neutral-10:#0a0a0a;--color-border-support-danger-medium:#f49b8b;--color-border-support-danger:#c71100;--color-border-support-info-medium:#99b3fd;--color-border-support-info:#4664df;--color-border-support-neutral-medium:#b9b9ba;--color-border-support-neutral:#787878;--color-border-support-success-medium:#8dc886;--color-border-support-success:#018a00;--color-border-support-warning-medium:#ffcd2b;--color-border-support-warning:#fabb00;--color-category-amber-medium:#f39c12;--color-category-amber-strong:#a1480e;--color-category-amber-subtle:#facf4f;--color-category-blue-medium:#609aff;--color-category-blue-strong:#1669fe;--color-category-blue-subtle:#cadeff;--color-category-cyan-medium:#23a3f4;--color-category-cyan-strong:#0377c9;--color-category-cyan-subtle:#b2e2ff;--color-category-green-medium:#3cc58c;--color-category-green-strong:#1f845a;--color-category-green-subtle:#b1f0d6;--color-category-lime-medium:#8cbf40;--color-category-lime-strong:#5b7f24;--color-category-lime-subtle:#ceee9f;--color-category-magenta-medium:#ff95c3;--color-category-magenta-strong:#d52d76;--color-category-magenta-subtle:#fed1e5;--color-category-orange-medium:#ffa769;--color-category-orange-strong:#c25100;--color-category-orange-subtle:#ffd4b5;--color-category-purple-medium:#c8a7ff;--color-category-purple-strong:#8f46fc;--color-category-purple-subtle:#e6d4ff;--color-category-red-medium:#ff999f;--color-category-red-strong:#df252f;--color-category-red-subtle:#ffd1d4;--color-category-teal-medium:#06aeab;--color-category-teal-strong:#02827e;--color-category-teal-subtle:#8eedec;--color-category-violet-medium:#d77cf7;--color-category-violet-strong:#9521b9;--color-category-violet-subtle:#edc8fd;--color-category-yellow-medium:#f6cc3a;--color-category-yellow-strong:#efbf1a;--color-category-yellow-subtle:#fee38b;--color-icon-brand-primary:#2a2aea;--color-icon-neutral-inverse:#ffffff;--color-icon-neutral-primary:#0a0a0a;--color-icon-neutral-secondary:#636364;--color-icon-support-danger:#c71100;--color-icon-support-info:#4664df;--color-icon-support-neutral:#787878;--color-icon-support-success:#007a00;--color-icon-support-warning:#d9a500;--color-interactive-background-danger-hover:#a50000;--color-interactive-background-danger-idle:#c71100;--color-interactive-background-danger-pressed:#7e0700;--color-interactive-background-ghost-hover:#00000014;--color-interactive-background-ghost-idle:#00000000;--color-interactive-background-ghost-pressed:#00000029;--color-interactive-background-inverse-fill-hover:#e7e7e8;--color-interactive-background-inverse-fill-idle:#ffffff;--color-interactive-background-inverse-fill-pressed:#d0d0d1;--color-interactive-background-inverse-ghost-hover:#ffffff14;--color-interactive-background-inverse-ghost-idle:#ffffff00;--color-interactive-background-inverse-ghost-pressed:#ffffff29;--color-interactive-background-neutral-hover:#424243;--color-interactive-background-neutral-idle:#565657;--color-interactive-background-neutral-pressed:#303031;--color-interactive-background-persistent-black-fill-hover:#242425;--color-interactive-background-persistent-black-fill-idle:#0a0a0a;--color-interactive-background-persistent-black-fill-pressed:#3c3c3d;--color-interactive-background-persistent-black-ghost-hover:#00000014;--color-interactive-background-persistent-black-ghost-idle:#00000000;--color-interactive-background-persistent-black-ghost-pressed:#00000029;--color-interactive-background-persistent-white-fill-hover:#e7e7e8;--color-interactive-background-persistent-white-fill-idle:#ffffff;--color-interactive-background-persistent-white-fill-pressed:#d0d0d1;--color-interactive-background-persistent-white-ghost-hover:#ffffff14;--color-interactive-background-persistent-white-ghost-idle:#ffffff00;--color-interactive-background-persistent-white-ghost-pressed:#ffffff29;--color-interactive-background-primary-hover:#1d27a8;--color-interactive-background-primary-idle:#2a2aea;--color-interactive-background-primary-pressed:#131a7c;--color-interactive-border-danger-hover:#b30000;--color-interactive-border-danger-idle:#c71100;--color-interactive-border-danger-pressed:#7e0700;--color-interactive-border-inverse-hover:#ffffffe5;--color-interactive-border-inverse-idle:#ffffffcc;--color-interactive-border-inverse-pressed:#ffffff;--color-interactive-border-neutral-hover:#00000052;--color-interactive-border-neutral-idle:#00000033;--color-interactive-border-neutral-pressed:#00000070;--color-interactive-border-persistent-black-hover:#000000e5;--color-interactive-border-persistent-black-idle:#000000cc;--color-interactive-border-persistent-black-pressed:#0a0a0a;--color-interactive-border-persistent-white-hover:#ffffffe5;--color-interactive-border-persistent-white-idle:#ffffffcc;--color-interactive-border-persistent-white-pressed:#ffffff;--color-interactive-border-primary-hover:#2128bb;--color-interactive-border-primary-idle:#2a2aea;--color-interactive-border-primary-pressed:#0c0f63;--color-interactive-icon-danger-hover:#b30000;--color-interactive-icon-danger-idle:#c71100;--color-interactive-icon-danger-pressed:#7e0700;--color-interactive-icon-link-brand-hover:#2128bb;--color-interactive-icon-link-brand-idle:#2a2aea;--color-interactive-icon-link-brand-pressed:#0c0f63;--color-interactive-icon-link-brand-visited:#883df8;--color-interactive-icon-link-default-hover:#2128bb;--color-interactive-icon-link-default-idle:#2a2aea;--color-interactive-icon-link-default-pressed:#0c0f63;--color-interactive-icon-link-default-visited:#883df8;--color-interactive-icon-link-neutral-hover:#424243;--color-interactive-icon-link-neutral-idle:#0a0a0a;--color-interactive-icon-link-neutral-pressed:#5c5c5d;--color-interactive-icon-link-neutral-visited:#883df8;--color-interactive-icon-neutral-hover:#1f1f1f;--color-interactive-icon-neutral-idle:#303031;--color-interactive-icon-neutral-pressed:#0a0a0a;--color-interactive-icon-primary-hover:#2128bb;--color-interactive-icon-primary-idle:#2a2aea;--color-interactive-icon-primary-pressed:#0c0f63;--color-interactive-text-danger-hover:#b30000;--color-interactive-text-danger-idle:#c71100;--color-interactive-text-danger-pressed:#7e0700;--color-interactive-text-link-brand-hover:#2128bb;--color-interactive-text-link-brand-idle:#2a2aea;--color-interactive-text-link-brand-pressed:#0c0f63;--color-interactive-text-link-brand-visited:#883df8;--color-interactive-text-link-default-hover:#2128bb;--color-interactive-text-link-default-idle:#2a2aea;--color-interactive-text-link-default-pressed:#0c0f63;--color-interactive-text-link-default-visited:#883df8;--color-interactive-text-link-neutral-hover:#424243;--color-interactive-text-link-neutral-idle:#0a0a0a;--color-interactive-text-link-neutral-pressed:#5c5c5d;--color-interactive-text-link-neutral-visited:#883df8;--color-interactive-text-neutral-hover:#1f1f1f;--color-interactive-text-neutral-idle:#303031;--color-interactive-text-neutral-pressed:#0a0a0a;--color-interactive-text-primary-hover:#2128bb;--color-interactive-text-primary-idle:#2a2aea;--color-interactive-text-primary-pressed:#0c0f63;--color-scrim-scrim:60;--color-surface-overlay:#ffffff;--color-surface-primary:#ffffff;--color-surface-raised:#ffffff;--color-surface-secondary:#f7f7f8;--color-text-brand-primary:#2a2aea;--color-text-neutral-inverse:#ffffff;--color-text-neutral-primary:#0a0a0a;--color-text-neutral-secondary:#636364;--color-text-support-danger:#c71100;--color-text-support-info:#4664df;--color-text-support-success:#007a00;--color-utility-disabled-background:#00000014;--color-utility-disabled-border:#0000001f;--color-utility-disabled-handle:#b9b9ba;--color-utility-disabled-icon:#a3a3a3;--color-utility-disabled-inverse-background:#ffffff14;--color-utility-disabled-inverse-border:#ffffff1f;--color-utility-disabled-inverse-icon:#a3a3a3;--color-utility-disabled-inverse-text:#a3a3a3;--color-utility-disabled-persistent-black-background:#00000014;--color-utility-disabled-persistent-black-border:#0000001f;--color-utility-disabled-persistent-black-icon:#6a6a6b;--color-utility-disabled-persistent-black-text:#6a6a6b;--color-utility-disabled-persistent-white-background:#ffffff14;--color-utility-disabled-persistent-white-border:#ffffff1f;--color-utility-disabled-persistent-white-icon:#a3a3a3;--color-utility-disabled-persistent-white-text:#a3a3a3;--color-utility-disabled-text:#a3a3a3;--color-utility-disabled-track-fill:#b9b9ba;--color-utility-focus-border:#2a2aea;--color-utility-opacity-01:#00000005;--color-utility-opacity-02:#0000000a;--color-utility-opacity-03:#00000014;--color-utility-opacity-04:#0000001f;--color-utility-opacity-05:#00000029;--color-utility-opacity-06:#0000003d;--color-utility-opacity-07:#00000052;--color-utility-opacity-08:#0000007a;--color-utility-opacity-09:#000000a3;--color-utility-opacity-10:#000000cc;--color-utility-persistent-black:#0a0a0a;--color-utility-persistent-transparent-white:#ffffffcc;--color-utility-persistent-white:#ffffff;--color-utility-placeholder-icon:#6a6a6b;--color-utility-placeholder-text:#6a6a6b;--border-radius-lg:6px;--border-radius-md:4px;--border-radius-none:0;--border-radius-rounded:360px;--border-radius-sm:3px;--border-radius-xl:8px;--border-radius-xs:2px;--border-radius-xxl:12px;--border-width-lg:3px;--border-width-md:2px;--border-width-none:0;--border-width-sm:1px;--border-width-xl:4px;--canvas-width:375;--component-button-global-border-radius:4px;--component-button-global-focus-border-radius:4px;--component-button-type-lg-font-family:var(--type-font-family-secondary);--component-button-type-lg-font-size:16px;--component-button-type-lg-font-weight:var(--type-font-weight-body-bold);--component-button-type-lg-line-height:24px;--component-button-type-md-font-family:var(--type-font-family-secondary);--component-button-type-md-font-size:14px;--component-button-type-md-font-weight:var(--type-font-weight-body-bold);--component-button-type-md-line-height:20px;--component-button-type-sm-font-family:var(--type-font-family-secondary);--component-button-type-sm-font-size:12px;--component-button-type-sm-font-weight:var(--type-font-weight-body-bold);--component-button-type-sm-line-height:18px;--component-button-variant-fill-danger-icon:#ffffff;--component-button-variant-fill-danger-text:#ffffff;--component-button-variant-fill-neutral-icon:#ffffff;--component-button-variant-fill-neutral-text:#ffffff;--component-button-variant-fill-primary-icon:#ffffff;--component-button-variant-fill-primary-text:#ffffff;--component-button-variant-outline-border-width:1px;--component-button-variant-outline-danger-border-hover:#00000052;--component-button-variant-outline-danger-border-idle:#00000033;--component-button-variant-outline-danger-border-pressed:#00000070;--component-button-variant-outline-neutral-border-hover:#00000052;--component-button-variant-outline-neutral-border-idle:#00000033;--component-button-variant-outline-neutral-border-pressed:#00000070;--component-button-variant-outline-primary-border-hover:#00000052;--component-button-variant-outline-primary-border-idle:#00000033;--component-button-variant-outline-primary-border-pressed:#00000070;--component-tag-selectable-neutral-selected-icon:#ffffff;--component-tag-selectable-neutral-selected-text:#ffffff;--font-dynamic-display-lg:var(--type-font-weight-display-regular) 53px /60px var(--type-font-family-primary);--font-dynamic-display-md:var(--type-font-weight-display-regular) 40px /46px var(--type-font-family-primary);--font-dynamic-heading-lg-bold:var(--type-font-weight-heading-bold) 26px /32px var(--type-font-family-secondary);--font-dynamic-heading-lg-default:var(--type-font-weight-heading-default) 26px /32px var(--type-font-family-secondary);--font-dynamic-heading-xl:var(--type-font-weight-heading-regular) 30px /34px var(--type-font-family-primary);--font-dynamic-heading-xxl:var(--type-font-weight-heading-regular) 34px /40px var(--type-font-family-primary);--font-dynamic-heading-xxxl:var(--type-font-weight-heading-regular) 36px /42px var(--type-font-family-primary);--font-static-body-lg-bold:var(--type-font-weight-body-bold) 17px /26px var(--type-font-family-secondary);--font-static-body-lg-default:var(--type-font-weight-body-default) 17px /26px var(--type-font-family-secondary);--font-static-body-md-bold:var(--type-font-weight-body-bold) 16px /24px var(--type-font-family-secondary);--font-static-body-md-default:var(--type-font-weight-body-default) 16px /24px var(--type-font-family-secondary);--font-static-body-sm-bold:var(--type-font-weight-body-bold) 14px /20px var(--type-font-family-secondary);--font-static-body-sm-default:var(--type-font-weight-body-default) 14px /20px var(--type-font-family-secondary);--font-static-body-xl-bold:var(--type-font-weight-body-bold) 19px /28px var(--type-font-family-secondary);--font-static-body-xl-default:var(--type-font-weight-body-default) 19px /28px var(--type-font-family-secondary);--font-static-body-xs-bold:var(--type-font-weight-body-bold) 12px /18px var(--type-font-family-secondary);--font-static-body-xs-default:var(--type-font-weight-body-default) 12px /18px var(--type-font-family-secondary);--font-static-body-xxl-bold:var(--type-font-weight-body-bold) 22px /32px var(--type-font-family-secondary);--font-static-body-xxl-default:var(--type-font-weight-body-default) 22px /32px var(--type-font-family-secondary);--font-static-body-xxs-bold:var(--type-font-weight-body-bold) 10px /16px var(--type-font-family-secondary);--font-static-body-xxs-default:var(--type-font-weight-body-default) 10px /16px var(--type-font-family-secondary);--font-static-code-lg-bold:var(--type-font-weight-code-bold) 17px /26px var(--type-font-family-tertiary);--font-static-code-lg-default:var(--type-font-weight-code-default) 17px /26px var(--type-font-family-tertiary);--font-static-code-md-bold:var(--type-font-weight-code-bold) 16px /24px var(--type-font-family-tertiary);--font-static-code-md-default:var(--type-font-weight-code-default) 16px /24px var(--type-font-family-tertiary);--font-static-code-sm-bold:var(--type-font-weight-code-bold) 14px /20px var(--type-font-family-tertiary);--font-static-code-sm-default:var(--type-font-weight-code-default) 14px /20px var(--type-font-family-tertiary);--font-static-code-xl-bold:var(--type-font-weight-code-bold) 19px /28px var(--type-font-family-tertiary);--font-static-code-xl-default:var(--type-font-weight-code-default) 19px /28px var(--type-font-family-tertiary);--font-static-code-xs-bold:var(--type-font-weight-code-bold) 12px /18px var(--type-font-family-tertiary);--font-static-code-xs-default:var(--type-font-weight-code-default) 12px /18px var(--type-font-family-tertiary);--font-static-display-lg:var(--type-font-weight-display-regular) 84px /100px var(--type-font-family-primary);--font-static-display-md:var(--type-font-weight-display-regular) 65px /74px var(--type-font-family-primary);--font-static-eyebrow-type-bold:var(--type-font-weight-body-bold) 12px /18px var(--type-font-family-secondary);--font-static-eyebrow-type-default:var(--type-font-weight-body-default) 12px /18px var(--type-font-family-secondary);--font-static-heading-lg-bold:var(--type-font-weight-heading-bold) 28px /34px var(--type-font-family-secondary);--font-static-heading-lg-default:var(--type-font-weight-heading-default) 28px /34px var(--type-font-family-secondary);--font-static-heading-md-bold:var(--type-font-weight-heading-bold) 24px /30px var(--type-font-family-secondary);--font-static-heading-md-default:var(--type-font-weight-heading-default) 24px /30px var(--type-font-family-secondary);--font-static-heading-sm-bold:var(--type-font-weight-heading-bold) 20px /24px var(--type-font-family-secondary);--font-static-heading-sm-default:var(--type-font-weight-heading-default) 20px /24px var(--type-font-family-secondary);--font-static-heading-xl:var(--type-font-weight-heading-regular) 36px /42px var(--type-font-family-primary);--font-static-heading-xs-bold:var(--type-font-weight-heading-bold) 17px /20px var(--type-font-family-secondary);--font-static-heading-xs-default:var(--type-font-weight-heading-default) 17px /20px var(--type-font-family-secondary);--font-static-heading-xxl:var(--type-font-weight-heading-regular) 44px /50px var(--type-font-family-primary);--font-static-heading-xxs-bold:var(--type-font-weight-heading-bold) 14px /18px var(--type-font-family-secondary);--font-static-heading-xxs-default:var(--type-font-weight-heading-default) 14px /18px var(--type-font-family-secondary);--font-static-heading-xxxl:var(--type-font-weight-heading-regular) 53px /60px var(--type-font-family-primary);--icon-stroke-lg:2px;--icon-stroke-md:1.75px;--icon-stroke-sm:1.5px;--icon-stroke-xl:2.25px;--icon-stroke-xs:1.25px;--icon-stroke-xxs:1px;--scrim-default:#000000cc;--shadow-high:0 7px 20px 5px #00000033;--shadow-highest:0 20px 30px 15px #00000033;--shadow-low:0 3px 5px 0 #00000033;--shadow-lowest:0 1px 2px 0 #00000033;--shadow-medium:0 5px 10px 1px #00000033;--shadow-none:0 0 0 0 #00000000;--sizing-10:1px;--sizing-20:2px;--sizing-30:4px;--sizing-40:6px;--sizing-50:8px;--sizing-60:12px;--sizing-70:16px;--sizing-80:20px;--sizing-90:24px;--sizing-100:28px;--sizing-110:30px;--sizing-120:32px;--sizing-130:38px;--sizing-140:40px;--sizing-150:46px;--sizing-160:48px;--sizing-170:56px;--sizing-180:80px;--sizing-190:120px;--sizing-200:160px;--spacing-0:0;--spacing-10:1px;--spacing-20:2px;--spacing-30:3px;--spacing-40:4px;--spacing-50:6px;--spacing-60:7px;--spacing-70:8px;--spacing-80:10px;--spacing-90:12px;--spacing-100:16px;--spacing-110:20px;--spacing-120:24px;--spacing-130:28px;--spacing-140:32px;--spacing-150:36px;--spacing-160:40px;--spacing-170:44px;--spacing-180:48px;--spacing-190:52px;--spacing-200:56px;--spacing-210:60px;--spacing-220:64px;--spacing-230:68px;--spacing-240:72px;--spacing-250:76px;--spacing-260:80px;--spacing-270:84px;--spacing-280:88px;--spacing-290:92px;--spacing-300:96px;--spacing-310:100px;--spacing-320:120px;--spacing-330:132px;--track-default:#0000001a;--type-font-family-primary:Alfabet,sans-serif;--type-font-family-secondary:"Roboto Flex",sans-serif;--type-font-family-tertiary:"Roboto Mono",monospace;--type-font-weight-body-bold:500;--type-font-weight-body-default:400;--type-font-weight-code-bold:500;--type-font-weight-code-default:400;--type-font-weight-display-regular:400;--type-font-weight-heading-bold:600;--type-font-weight-heading-default:500;--type-font-weight-heading-regular:400;--type-static-body-lg-font-size:17px;--type-static-body-lg-line-height:26px;--type-static-body-md-font-size:16px;--type-static-body-md-line-height:24px;--type-static-body-sm-font-size:14px;--type-static-body-sm-line-height:20px;--type-static-body-xl-font-size:19px;--type-static-body-xl-line-height:28px;--type-static-body-xs-font-size:12px;--type-static-body-xs-line-height:18px;--type-static-body-xxl-font-size:22px;--type-static-body-xxl-line-height:32px;--type-static-body-xxs-font-size:10px;--type-static-body-xxs-line-height:16px;--type-static-code-lg-font-size:17px;--type-static-code-lg-line-height:26px;--type-static-code-md-font-size:16px;--type-static-code-md-line-height:24px;--type-static-code-sm-font-size:14px;--type-static-code-sm-line-height:20px;--type-static-code-xl-font-size:19px;--type-static-code-xl-line-height:28px;--type-static-code-xs-font-size:12px;--type-static-code-xs-line-height:18px;--type-static-eyebrow-type-font-size:12px;--type-static-eyebrow-type-line-height:18px;--type-static-heading-lg-font-size:28px;--type-static-heading-lg-line-height:34px;--type-static-heading-md-font-size:24px;--type-static-heading-md-line-height:30px;--type-static-heading-sm-font-size:20px;--type-static-heading-sm-line-height:24px;--type-static-heading-xs-font-size:17px;--type-static-heading-xs-line-height:20px;--type-static-heading-xxs-font-size:14px;--type-static-heading-xxs-line-height:18px;--type-static-heading-xxxl-font-size:53px;--type-static-heading-xxxl-line-height:60px}
1
+ [data-brand=qualcomm][data-theme=light]{--color-background-brand-primary-strong:#020b3f;--color-background-brand-primary-subtle:#d3defa;--color-background-brand-primary:#2a2aea;--color-background-neutral-00:#ffffff;--color-background-neutral-01:#f7f7f8;--color-background-neutral-02:#efeff0;--color-background-neutral-03:#e7e7e8;--color-background-neutral-10:#0a0a0a;--color-background-support-danger-medium:#f49b8b;--color-background-support-danger-subtle:#fcf3f1;--color-background-support-danger:#c71100;--color-background-support-info-medium:#99b3fd;--color-background-support-info-subtle:#f2f5fc;--color-background-support-info:#4664df;--color-background-support-neutral-medium:#b9b9ba;--color-background-support-neutral-subtle:#efeff0;--color-background-support-neutral:#49494a;--color-background-support-success-medium:#8dc886;--color-background-support-success-subtle:#f1f7f1;--color-background-support-success:#018a00;--color-background-support-warning-medium:#ffe398;--color-background-support-warning-subtle:#fdf6e8;--color-background-support-warning:#fabb00;--color-border-brand-primary-subtle:#5f82ff;--color-border-brand-primary:#2a2aea;--color-border-neutral-00:#ffffff;--color-border-neutral-01:#0000001a;--color-border-neutral-02:#00000033;--color-border-neutral-03:#0000004d;--color-border-neutral-10:#0a0a0a;--color-border-support-danger-medium:#f49b8b;--color-border-support-danger:#c71100;--color-border-support-info-medium:#99b3fd;--color-border-support-info:#4664df;--color-border-support-neutral-medium:#b9b9ba;--color-border-support-neutral:#787878;--color-border-support-success-medium:#8dc886;--color-border-support-success:#018a00;--color-border-support-warning-medium:#ffcd2b;--color-border-support-warning:#fabb00;--color-category-amber-medium:#f39c12;--color-category-amber-strong:#a1480e;--color-category-amber-subtle:#facf4f;--color-category-blue-medium:#609aff;--color-category-blue-strong:#1669fe;--color-category-blue-subtle:#cadeff;--color-category-cyan-medium:#23a3f4;--color-category-cyan-strong:#0377c9;--color-category-cyan-subtle:#b2e2ff;--color-category-green-medium:#3cc58c;--color-category-green-strong:#1f845a;--color-category-green-subtle:#b1f0d6;--color-category-lime-medium:#8cbf40;--color-category-lime-strong:#5b7f24;--color-category-lime-subtle:#ceee9f;--color-category-magenta-medium:#ff95c3;--color-category-magenta-strong:#d52d76;--color-category-magenta-subtle:#fed1e5;--color-category-orange-medium:#ffa769;--color-category-orange-strong:#c25100;--color-category-orange-subtle:#ffd4b5;--color-category-purple-medium:#c8a7ff;--color-category-purple-strong:#8f46fc;--color-category-purple-subtle:#e6d4ff;--color-category-red-medium:#ff999f;--color-category-red-strong:#df252f;--color-category-red-subtle:#ffd1d4;--color-category-teal-medium:#06aeab;--color-category-teal-strong:#02827e;--color-category-teal-subtle:#8eedec;--color-category-violet-medium:#d77cf7;--color-category-violet-strong:#9521b9;--color-category-violet-subtle:#edc8fd;--color-category-yellow-medium:#f6cc3a;--color-category-yellow-strong:#efbf1a;--color-category-yellow-subtle:#fee38b;--color-icon-brand-primary:#2a2aea;--color-icon-neutral-inverse:#ffffff;--color-icon-neutral-primary:#0a0a0a;--color-icon-neutral-secondary:#636364;--color-icon-support-danger:#c71100;--color-icon-support-info:#4664df;--color-icon-support-neutral:#787878;--color-icon-support-success:#007a00;--color-icon-support-warning:#d9a500;--color-interactive-background-danger-hover:#a50000;--color-interactive-background-danger-idle:#c71100;--color-interactive-background-danger-pressed:#7e0700;--color-interactive-background-ghost-hover:#00000014;--color-interactive-background-ghost-idle:#00000000;--color-interactive-background-ghost-pressed:#00000029;--color-interactive-background-inverse-fill-hover:#e7e7e8;--color-interactive-background-inverse-fill-idle:#ffffff;--color-interactive-background-inverse-fill-pressed:#d0d0d1;--color-interactive-background-inverse-ghost-hover:#ffffff14;--color-interactive-background-inverse-ghost-idle:#ffffff00;--color-interactive-background-inverse-ghost-pressed:#ffffff29;--color-interactive-background-neutral-hover:#424243;--color-interactive-background-neutral-idle:#565657;--color-interactive-background-neutral-pressed:#303031;--color-interactive-background-persistent-black-fill-hover:#242425;--color-interactive-background-persistent-black-fill-idle:#0a0a0a;--color-interactive-background-persistent-black-fill-pressed:#3c3c3d;--color-interactive-background-persistent-black-ghost-hover:#00000014;--color-interactive-background-persistent-black-ghost-idle:#00000000;--color-interactive-background-persistent-black-ghost-pressed:#00000029;--color-interactive-background-persistent-white-fill-hover:#e7e7e8;--color-interactive-background-persistent-white-fill-idle:#ffffff;--color-interactive-background-persistent-white-fill-pressed:#d0d0d1;--color-interactive-background-persistent-white-ghost-hover:#ffffff14;--color-interactive-background-persistent-white-ghost-idle:#ffffff00;--color-interactive-background-persistent-white-ghost-pressed:#ffffff29;--color-interactive-background-primary-hover:#1d27a8;--color-interactive-background-primary-idle:#2a2aea;--color-interactive-background-primary-pressed:#131a7c;--color-interactive-border-danger-hover:#b30000;--color-interactive-border-danger-idle:#c71100;--color-interactive-border-danger-pressed:#7e0700;--color-interactive-border-inverse-hover:#ffffffe5;--color-interactive-border-inverse-idle:#ffffffcc;--color-interactive-border-inverse-pressed:#ffffff;--color-interactive-border-neutral-hover:#00000052;--color-interactive-border-neutral-idle:#00000033;--color-interactive-border-neutral-pressed:#00000070;--color-interactive-border-persistent-black-hover:#000000e5;--color-interactive-border-persistent-black-idle:#000000cc;--color-interactive-border-persistent-black-pressed:#0a0a0a;--color-interactive-border-persistent-white-hover:#ffffffe5;--color-interactive-border-persistent-white-idle:#ffffffcc;--color-interactive-border-persistent-white-pressed:#ffffff;--color-interactive-border-primary-hover:#2128bb;--color-interactive-border-primary-idle:#2a2aea;--color-interactive-border-primary-pressed:#0c0f63;--color-interactive-icon-danger-hover:#b30000;--color-interactive-icon-danger-idle:#c71100;--color-interactive-icon-danger-pressed:#7e0700;--color-interactive-icon-link-brand-hover:#2128bb;--color-interactive-icon-link-brand-idle:#2a2aea;--color-interactive-icon-link-brand-pressed:#0c0f63;--color-interactive-icon-link-brand-visited:#883df8;--color-interactive-icon-link-default-hover:#2128bb;--color-interactive-icon-link-default-idle:#2a2aea;--color-interactive-icon-link-default-pressed:#0c0f63;--color-interactive-icon-link-default-visited:#883df8;--color-interactive-icon-link-neutral-hover:#424243;--color-interactive-icon-link-neutral-idle:#0a0a0a;--color-interactive-icon-link-neutral-pressed:#5c5c5d;--color-interactive-icon-link-neutral-visited:#883df8;--color-interactive-icon-neutral-hover:#1f1f1f;--color-interactive-icon-neutral-idle:#303031;--color-interactive-icon-neutral-pressed:#0a0a0a;--color-interactive-icon-primary-hover:#2128bb;--color-interactive-icon-primary-idle:#2a2aea;--color-interactive-icon-primary-pressed:#0c0f63;--color-interactive-text-danger-hover:#b30000;--color-interactive-text-danger-idle:#c71100;--color-interactive-text-danger-pressed:#7e0700;--color-interactive-text-link-brand-hover:#2128bb;--color-interactive-text-link-brand-idle:#2a2aea;--color-interactive-text-link-brand-pressed:#0c0f63;--color-interactive-text-link-brand-visited:#883df8;--color-interactive-text-link-default-hover:#2128bb;--color-interactive-text-link-default-idle:#2a2aea;--color-interactive-text-link-default-pressed:#0c0f63;--color-interactive-text-link-default-visited:#883df8;--color-interactive-text-link-neutral-hover:#424243;--color-interactive-text-link-neutral-idle:#0a0a0a;--color-interactive-text-link-neutral-pressed:#5c5c5d;--color-interactive-text-link-neutral-visited:#883df8;--color-interactive-text-neutral-hover:#1f1f1f;--color-interactive-text-neutral-idle:#303031;--color-interactive-text-neutral-pressed:#0a0a0a;--color-interactive-text-primary-hover:#2128bb;--color-interactive-text-primary-idle:#2a2aea;--color-interactive-text-primary-pressed:#0c0f63;--color-scrim-scrim:60;--color-surface-overlay:#ffffff;--color-surface-primary:#ffffff;--color-surface-raised:#ffffff;--color-surface-secondary:#f7f7f8;--color-text-brand-primary:#2a2aea;--color-text-neutral-inverse:#ffffff;--color-text-neutral-primary:#0a0a0a;--color-text-neutral-secondary:#636364;--color-text-support-danger:#c71100;--color-text-support-info:#4664df;--color-text-support-success:#007a00;--color-utility-disabled-background-solid:#b9b9ba;--color-utility-disabled-background:#00000014;--color-utility-disabled-border:#0000001f;--color-utility-disabled-icon:#a3a3a3;--color-utility-disabled-inverse-background:#ffffff14;--color-utility-disabled-inverse-border:#ffffff1f;--color-utility-disabled-inverse-icon:#a3a3a3;--color-utility-disabled-inverse-text:#a3a3a3;--color-utility-disabled-persistent-black-background:#00000014;--color-utility-disabled-persistent-black-border:#0000001f;--color-utility-disabled-persistent-black-icon:#6a6a6b;--color-utility-disabled-persistent-black-text:#6a6a6b;--color-utility-disabled-persistent-white-background:#ffffff14;--color-utility-disabled-persistent-white-border:#ffffff1f;--color-utility-disabled-persistent-white-icon:#a3a3a3;--color-utility-disabled-persistent-white-text:#a3a3a3;--color-utility-disabled-text:#a3a3a3;--color-utility-focus-border:#2a2aea;--color-utility-opacity-01:#00000005;--color-utility-opacity-02:#0000000a;--color-utility-opacity-03:#00000014;--color-utility-opacity-04:#0000001f;--color-utility-opacity-05:#00000029;--color-utility-opacity-06:#0000003d;--color-utility-opacity-07:#00000052;--color-utility-opacity-08:#0000007a;--color-utility-opacity-09:#000000a3;--color-utility-opacity-10:#000000cc;--color-utility-persistent-black:#0a0a0a;--color-utility-persistent-transparent-white:#ffffffcc;--color-utility-persistent-white:#ffffff;--color-utility-placeholder-icon:#6a6a6b;--color-utility-placeholder-text:#6a6a6b;--color-utility-scrim-default:#000000cc;--border-radius-lg:6px;--border-radius-md:4px;--border-radius-none:0;--border-radius-rounded:360px;--border-radius-sm:3px;--border-radius-xl:8px;--border-radius-xs:2px;--border-radius-xxl:12px;--border-width-lg:3px;--border-width-md:2px;--border-width-none:0;--border-width-sm:1px;--border-width-xl:4px;--canvas-width:375;--component-button-global-border-radius:4px;--component-button-global-focus-border-radius:4px;--component-button-type-lg-font-family:var(--type-font-family-secondary);--component-button-type-lg-font-size:16px;--component-button-type-lg-font-weight:var(--type-font-weight-body-bold);--component-button-type-lg-line-height:24px;--component-button-type-md-font-family:var(--type-font-family-secondary);--component-button-type-md-font-size:14px;--component-button-type-md-font-weight:var(--type-font-weight-body-bold);--component-button-type-md-line-height:20px;--component-button-type-sm-font-family:var(--type-font-family-secondary);--component-button-type-sm-font-size:12px;--component-button-type-sm-font-weight:var(--type-font-weight-body-bold);--component-button-type-sm-line-height:18px;--component-button-variant-fill-danger-icon:#ffffff;--component-button-variant-fill-danger-text:#ffffff;--component-button-variant-fill-neutral-icon:#ffffff;--component-button-variant-fill-neutral-text:#ffffff;--component-button-variant-fill-primary-icon:#ffffff;--component-button-variant-fill-primary-text:#ffffff;--component-button-variant-outline-danger-border-hover:#00000052;--component-button-variant-outline-danger-border-idle:#00000033;--component-button-variant-outline-danger-border-pressed:#00000070;--component-button-variant-outline-neutral-border-hover:#00000052;--component-button-variant-outline-neutral-border-idle:#00000033;--component-button-variant-outline-neutral-border-pressed:#00000070;--component-button-variant-outline-primary-border-hover:#00000052;--component-button-variant-outline-primary-border-idle:#00000033;--component-button-variant-outline-primary-border-pressed:#00000070;--component-tag-selectable-neutral-selected-icon:#ffffff;--component-tag-selectable-neutral-selected-text:#ffffff;--component-utility-icons-stroke-weight-lg:2px;--component-utility-icons-stroke-weight-md:1.75px;--component-utility-icons-stroke-weight-sm:1.5px;--component-utility-icons-stroke-weight-xl:2.25px;--component-utility-icons-stroke-weight-xs:1.25px;--component-utility-icons-stroke-weight-xxs:1px;--cross-component-track-default:#0000001a;--font-dynamic-display-lg:var(--type-font-weight-display-regular) 53px /60px var(--type-font-family-primary);--font-dynamic-display-md:var(--type-font-weight-display-regular) 40px /46px var(--type-font-family-primary);--font-dynamic-heading-lg-bold:var(--type-font-weight-heading-bold) 26px /32px var(--type-font-family-secondary);--font-dynamic-heading-lg-default:var(--type-font-weight-heading-default) 26px /32px var(--type-font-family-secondary);--font-dynamic-heading-xl:var(--type-font-weight-heading-regular) 30px /34px var(--type-font-family-primary);--font-dynamic-heading-xxl:var(--type-font-weight-heading-regular) 34px /40px var(--type-font-family-primary);--font-dynamic-heading-xxxl:var(--type-font-weight-heading-regular) 36px /42px var(--type-font-family-primary);--font-static-body-lg-bold:var(--type-font-weight-body-bold) 17px /26px var(--type-font-family-secondary);--font-static-body-lg-default:var(--type-font-weight-body-default) 17px /26px var(--type-font-family-secondary);--font-static-body-md-bold:var(--type-font-weight-body-bold) 16px /24px var(--type-font-family-secondary);--font-static-body-md-default:var(--type-font-weight-body-default) 16px /24px var(--type-font-family-secondary);--font-static-body-sm-bold:var(--type-font-weight-body-bold) 14px /20px var(--type-font-family-secondary);--font-static-body-sm-default:var(--type-font-weight-body-default) 14px /20px var(--type-font-family-secondary);--font-static-body-xl-bold:var(--type-font-weight-body-bold) 19px /28px var(--type-font-family-secondary);--font-static-body-xl-default:var(--type-font-weight-body-default) 19px /28px var(--type-font-family-secondary);--font-static-body-xs-bold:var(--type-font-weight-body-bold) 12px /18px var(--type-font-family-secondary);--font-static-body-xs-default:var(--type-font-weight-body-default) 12px /18px var(--type-font-family-secondary);--font-static-body-xxl-bold:var(--type-font-weight-body-bold) 22px /32px var(--type-font-family-secondary);--font-static-body-xxl-default:var(--type-font-weight-body-default) 22px /32px var(--type-font-family-secondary);--font-static-body-xxs-bold:var(--type-font-weight-body-bold) 10px /16px var(--type-font-family-secondary);--font-static-body-xxs-default:var(--type-font-weight-body-default) 10px /16px var(--type-font-family-secondary);--font-static-code-lg-bold:var(--type-font-weight-code-bold) 17px /26px var(--type-font-family-tertiary);--font-static-code-lg-default:var(--type-font-weight-code-default) 17px /26px var(--type-font-family-tertiary);--font-static-code-md-bold:var(--type-font-weight-code-bold) 16px /24px var(--type-font-family-tertiary);--font-static-code-md-default:var(--type-font-weight-code-default) 16px /24px var(--type-font-family-tertiary);--font-static-code-sm-bold:var(--type-font-weight-code-bold) 14px /20px var(--type-font-family-tertiary);--font-static-code-sm-default:var(--type-font-weight-code-default) 14px /20px var(--type-font-family-tertiary);--font-static-code-xl-bold:var(--type-font-weight-code-bold) 19px /28px var(--type-font-family-tertiary);--font-static-code-xl-default:var(--type-font-weight-code-default) 19px /28px var(--type-font-family-tertiary);--font-static-code-xs-bold:var(--type-font-weight-code-bold) 12px /18px var(--type-font-family-tertiary);--font-static-code-xs-default:var(--type-font-weight-code-default) 12px /18px var(--type-font-family-tertiary);--font-static-display-lg:var(--type-font-weight-display-regular) 84px /100px var(--type-font-family-primary);--font-static-display-md:var(--type-font-weight-display-regular) 65px /74px var(--type-font-family-primary);--font-static-eyebrow-type-bold:var(--type-font-weight-body-bold) 12px /18px var(--type-font-family-secondary);--font-static-eyebrow-type-default:var(--type-font-weight-body-default) 12px /18px var(--type-font-family-secondary);--font-static-heading-lg-bold:var(--type-font-weight-heading-bold) 28px /34px var(--type-font-family-secondary);--font-static-heading-lg-default:var(--type-font-weight-heading-default) 28px /34px var(--type-font-family-secondary);--font-static-heading-md-bold:var(--type-font-weight-heading-bold) 24px /30px var(--type-font-family-secondary);--font-static-heading-md-default:var(--type-font-weight-heading-default) 24px /30px var(--type-font-family-secondary);--font-static-heading-sm-bold:var(--type-font-weight-heading-bold) 20px /24px var(--type-font-family-secondary);--font-static-heading-sm-default:var(--type-font-weight-heading-default) 20px /24px var(--type-font-family-secondary);--font-static-heading-xl:var(--type-font-weight-heading-regular) 36px /42px var(--type-font-family-primary);--font-static-heading-xs-bold:var(--type-font-weight-heading-bold) 17px /20px var(--type-font-family-secondary);--font-static-heading-xs-default:var(--type-font-weight-heading-default) 17px /20px var(--type-font-family-secondary);--font-static-heading-xxl:var(--type-font-weight-heading-regular) 44px /50px var(--type-font-family-primary);--font-static-heading-xxs-bold:var(--type-font-weight-heading-bold) 14px /18px var(--type-font-family-secondary);--font-static-heading-xxs-default:var(--type-font-weight-heading-default) 14px /18px var(--type-font-family-secondary);--font-static-heading-xxxl:var(--type-font-weight-heading-regular) 53px /60px var(--type-font-family-primary);--shadow-high:0 7px 20px 5px #00000033;--shadow-highest:0 20px 30px 15px #00000033;--shadow-low:0 3px 5px 0 #00000033;--shadow-lowest:0 1px 2px 0 #00000033;--shadow-medium:0 5px 10px 1px #00000033;--shadow-none:0 0 0 0 #00000000;--sizing-10:1px;--sizing-20:2px;--sizing-30:4px;--sizing-40:6px;--sizing-50:8px;--sizing-60:12px;--sizing-70:16px;--sizing-80:20px;--sizing-90:24px;--sizing-100:28px;--sizing-110:30px;--sizing-120:32px;--sizing-130:38px;--sizing-140:40px;--sizing-150:46px;--sizing-160:48px;--sizing-170:56px;--sizing-180:80px;--sizing-190:120px;--sizing-200:160px;--spacing-0:0;--spacing-10:1px;--spacing-20:2px;--spacing-30:3px;--spacing-40:4px;--spacing-50:6px;--spacing-60:7px;--spacing-70:8px;--spacing-80:10px;--spacing-90:12px;--spacing-100:16px;--spacing-110:20px;--spacing-120:24px;--spacing-130:28px;--spacing-140:32px;--spacing-150:36px;--spacing-160:40px;--spacing-170:44px;--spacing-180:48px;--spacing-190:52px;--spacing-200:56px;--spacing-210:60px;--spacing-220:64px;--spacing-230:68px;--spacing-240:72px;--spacing-250:76px;--spacing-260:80px;--spacing-270:84px;--spacing-280:88px;--spacing-290:92px;--spacing-300:96px;--spacing-310:100px;--spacing-320:120px;--spacing-330:132px;--type-font-family-primary:Alfabet,sans-serif;--type-font-family-secondary:"Roboto Flex",sans-serif;--type-font-family-tertiary:"Roboto Mono",monospace;--type-font-weight-body-bold:500;--type-font-weight-body-default:400;--type-font-weight-code-bold:500;--type-font-weight-code-default:400;--type-font-weight-display-regular:400;--type-font-weight-heading-bold:600;--type-font-weight-heading-default:500;--type-font-weight-heading-regular:400;--type-static-body-lg-font-size:17px;--type-static-body-lg-line-height:26px;--type-static-body-md-font-size:16px;--type-static-body-md-line-height:24px;--type-static-body-sm-font-size:14px;--type-static-body-sm-line-height:20px;--type-static-body-xl-font-size:19px;--type-static-body-xl-line-height:28px;--type-static-body-xs-font-size:12px;--type-static-body-xs-line-height:18px;--type-static-body-xxl-font-size:22px;--type-static-body-xxl-line-height:32px;--type-static-body-xxs-font-size:10px;--type-static-body-xxs-line-height:16px;--type-static-code-lg-font-size:17px;--type-static-code-lg-line-height:26px;--type-static-code-md-font-size:16px;--type-static-code-md-line-height:24px;--type-static-code-sm-font-size:14px;--type-static-code-sm-line-height:20px;--type-static-code-xl-font-size:19px;--type-static-code-xl-line-height:28px;--type-static-code-xs-font-size:12px;--type-static-code-xs-line-height:18px;--type-static-eyebrow-type-font-size:12px;--type-static-eyebrow-type-line-height:18px;--type-static-heading-lg-font-size:28px;--type-static-heading-lg-line-height:34px;--type-static-heading-md-font-size:24px;--type-static-heading-md-line-height:30px;--type-static-heading-sm-font-size:20px;--type-static-heading-sm-line-height:24px;--type-static-heading-xs-font-size:17px;--type-static-heading-xs-line-height:20px;--type-static-heading-xxs-font-size:14px;--type-static-heading-xxs-line-height:18px;--type-static-heading-xxxl-font-size:53px;--type-static-heading-xxxl-line-height:60px}
package/dist/radio/qds-radio.css CHANGED
@@ -1 +1 @@
1
- .qui-radio-group__root{border:0 solid;box-sizing:border-box;display:inline-flex;flex-direction:column;gap:var(--spacing-70);margin:0;padding:0}.qui-radio-group__label{color:var(--color-text-neutral-secondary);font:var(--font-static-body-xs-default)}.qui-radio-group__label[data-disabled]{color:var(--color-utility-disabled-text)}.qui-radio-group__items{display:inline-flex;flex-direction:column;gap:var(--spacing-90)}.qui-radio-group__items[data-size=sm]{gap:var(--spacing-80)}.qui-radio-group__items[data-orientation=horizontal]{flex-direction:row}.qui-radio-group__items[data-indented]{padding-inline-start:var(--spacing-100)}.qui-radio__root{align-items:center;-webkit-box-align:center;-moz-column-gap:var(--spacing-70);column-gap:var(--spacing-70);display:inline-flex;flex-wrap:wrap;position:relative;width:-moz-fit-content;width:fit-content}.qui-radio__root:hover{cursor:pointer}.qui-radio__root[data-disabled]{cursor:unset;-webkit-user-select:none;-moz-user-select:none;user-select:none}.qui-radio__control{align-items:center;background:var(--color-background-neutral-00);border:var(--border-width-sm,1px) solid var(--color-interactive-border-neutral-idle);border-radius:var(--border-radius-rounded,2px);box-sizing:border-box;color:var(--color-utility-persistent-white);display:inline-flex;height:var(--control-size);justify-content:center;max-width:var(--control-size);min-width:var(--control-size);position:relative;--control-size:var(--sizing-70);--dot-size:var(--sizing-50)}.qui-radio__control[data-size=md]{--control-size:var(--sizing-80);--dot-size:10px}.qui-radio__control[data-size=lg]{--control-size:var(--sizing-90);--dot-size:var(--sizing-60)}.qui-radio__control[data-focus-visible]{border-color:var(--color-interactive-border-neutral-hover);outline:solid 2px var(--color-utility-focus-border);outline-offset:1px}.qui-radio__control[data-state=checked]{background:var(--color-interactive-background-primary-idle);border-color:var(--color-interactive-background-primary-idle)}.qui-radio__control[data-state=checked]:after{background:var(--color-utility-persistent-white);border-radius:50%;content:" ";height:var(--dot-size);position:absolute;width:var(--dot-size);z-index:1}.qui-radio__control[data-state=checked][data-hover]{background:var(--color-interactive-background-primary-hover);border-color:var(--color-interactive-background-primary-hover)}.qui-radio__control[data-state=checked][data-disabled]{background:var(--color-utility-disabled-background);border-color:var(--color-utility-disabled-border);color:var(--color-utility-disabled-text)}.qui-radio__control[data-invalid][data-state=checked]{background:var(--color-interactive-background-danger-idle);border-color:var(--color-interactive-background-danger-idle)}.qui-radio__control[data-invalid][data-state=checked][data-hover]{background:var(--color-interactive-background-danger-hover);border-color:var(--color-interactive-background-danger-hover)}.qui-radio__control[data-invalid][data-state=checked][data-disabled]{background:var(--color-utility-disabled-background);border-color:var(--color-utility-disabled-background);color:var(--color-utility-disabled-text)}.qui-radio__control[data-invalid][data-state=checked][data-disabled]:after{background:var(--color-utility-disabled-icon)}.qui-radio__control[data-invalid][data-state=unchecked]{border-color:var(--color-interactive-border-danger-idle)}.qui-radio__control[data-invalid][data-state=unchecked][data-hover]{border-color:var(--color-interactive-border-danger-hover)}.qui-radio__control[data-invalid][data-state=unchecked][data-disabled]{border-color:var(--color-utility-disabled-border)}.qui-radio__control[data-disabled]{border-color:var(--color-utility-disabled-border)}.qui-radio__label{color:var(--color-text-neutral-primary);font:var(--font-static-body-xs-default)}.qui-radio__label[data-size=md]{font:var(--font-static-body-sm-default)}.qui-radio__label[data-size=lg]{font:var(--font-static-body-md-default)}.qui-radio__label[data-disabled]{color:var(--color-utility-disabled-text)}
1
+ .qui-radio-group__root{border:0 solid;box-sizing:border-box;display:inline-flex;flex-direction:column;gap:var(--spacing-70);margin:0;padding:0}.qui-radio-group__label{color:var(--color-text-neutral-secondary);font:var(--font-static-body-xs-default);padding:0}.qui-radio-group__label[data-disabled]{color:var(--color-utility-disabled-text)}.qui-radio-group__items{display:inline-flex;flex-direction:column;gap:var(--spacing-90)}.qui-radio-group__items[data-size=sm]{gap:var(--spacing-80)}.qui-radio-group__items[data-orientation=horizontal]{flex-direction:row}.qui-radio-group__items[data-indented]{padding-inline-start:var(--spacing-100)}.qui-radio__root{align-items:center;-webkit-box-align:center;-moz-column-gap:var(--spacing-70);column-gap:var(--spacing-70);display:inline-flex;flex-wrap:wrap;position:relative;width:-moz-fit-content;width:fit-content}.qui-radio__root:hover{cursor:pointer}.qui-radio__root[data-disabled]{cursor:unset;-webkit-user-select:none;-moz-user-select:none;user-select:none}.qui-radio__control{align-items:center;background:var(--color-background-neutral-00);border:var(--border-width-sm,1px) solid var(--color-interactive-border-neutral-idle);border-radius:var(--border-radius-rounded,2px);box-sizing:border-box;color:var(--color-utility-persistent-white);display:inline-flex;height:var(--control-size);justify-content:center;max-width:var(--control-size);min-width:var(--control-size);position:relative;--control-size:var(--sizing-70);--dot-size:var(--sizing-50)}.qui-radio__control[data-size=md]{--control-size:var(--sizing-80);--dot-size:10px}.qui-radio__control[data-size=lg]{--control-size:var(--sizing-90);--dot-size:var(--sizing-60)}.qui-radio__control[data-focus-visible]{border-color:var(--color-interactive-border-neutral-hover);outline:solid 2px var(--color-utility-focus-border);outline-offset:1px}.qui-radio__control[data-hover]{border-color:var(--color-interactive-border-neutral-hover)}.qui-radio__control[data-state=checked]{background:var(--color-interactive-background-primary-idle);border:0}.qui-radio__control[data-state=checked]:after{background:var(--color-utility-persistent-white);border-radius:50%;content:" ";height:var(--dot-size);position:absolute;width:var(--dot-size);z-index:1}.qui-radio__control[data-state=checked][data-hover]{background:var(--color-interactive-background-primary-hover)}.qui-radio__control[data-state=checked][data-disabled]{background:var(--color-utility-disabled-background);color:var(--color-utility-disabled-text)}.qui-radio__control[data-state=checked][data-disabled]:after{background:var(--color-utility-disabled-icon)}.qui-radio__control[data-invalid][data-state=checked]{background:var(--color-interactive-background-danger-idle);border:0}.qui-radio__control[data-invalid][data-state=checked][data-hover]{background:var(--color-interactive-background-danger-hover)}.qui-radio__control[data-invalid][data-state=checked][data-disabled]{background:var(--color-utility-disabled-background);color:var(--color-utility-disabled-text)}.qui-radio__control[data-invalid][data-state=checked][data-disabled]:after{background:var(--color-utility-disabled-icon)}.qui-radio__control[data-invalid][data-state=unchecked]{border-color:var(--color-interactive-border-danger-idle)}.qui-radio__control[data-invalid][data-state=unchecked][data-hover]{border-color:var(--color-interactive-border-danger-hover)}.qui-radio__control[data-invalid][data-state=unchecked][data-disabled]{border-color:var(--color-utility-disabled-border)}.qui-radio__control[data-disabled]{border-color:var(--color-utility-disabled-border)}.qui-radio__label{color:var(--color-text-neutral-primary);font:var(--font-static-body-xs-default)}.qui-radio__label[data-size=md]{font:var(--font-static-body-sm-default)}.qui-radio__label[data-size=lg]{font:var(--font-static-body-md-default)}.qui-radio__label[data-disabled]{color:var(--color-utility-disabled-text)}