@qualcomm-ui/qds-core 1.10.4 → 1.11.0

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 (12) hide show
  1. package/dist/components.min.css +1 -1
  2. package/dist/radio/index.cjs +1 -1
  3. package/dist/radio/index.cjs.map +3 -3
  4. package/dist/radio/index.js +1 -1
  5. package/dist/radio/index.js.map +3 -3
  6. package/dist/radio/qds-radio.css +1 -1
  7. package/dist/radio/radio.api.d.ts +1 -2
  8. package/dist/radio/radio.api.d.ts.map +1 -1
  9. package/dist/radio/radio.types.d.ts +7 -0
  10. package/dist/radio/radio.types.d.ts.map +1 -1
  11. package/dist/tsbuildinfo +1 -1
  12. package/package.json +1 -1
package/dist/components.min.css CHANGED
@@ -10,7 +10,7 @@
10
10
  --color-interactive-background-danger-hover
11
11
  );--slider-thumb-color-active:var(
12
12
  --color-interactive-background-danger-pressed
13
- )}.qui-slider__root[data-disabled]{--slider-thumb-color:var(--color-utility-disabled-background);--slider-track-color:var(--color-utility-disabled-background);--slider-range-color:var(--color-utility-disabled-background);--slider-label-color:var(--color-utility-disabled-text);--slider-marker-color:var(--color-utility-disabled-text)}.qui-slider__root[data-readonly]{--slider-track-color:var(--color-utility-disabled-background);--slider-label-color:var(--color-utility-disabled-text);--slider-marker-color:var(--color-utility-disabled-text)}.qui-slider__root{align-items:center;display:grid;isolation:isolate;touch-action:none;width:100%}.qui-slider__root[data-orientation=horizontal]{grid-template-columns:auto 1fr 1fr auto;grid-template-rows:[label] auto [control] auto [markers] auto [hint error] auto;--row-gap:6px}.qui-slider__root[data-orientation=vertical]{grid-template-columns:[label control] 1fr [value markers] 1fr;grid-template-rows:auto auto 1fr auto}.qui-slider__label,.qui-slider__value-text{color:var(--slider-label-color);font:var(--font-static-body-xs-default);grid-row:label;width:-moz-fit-content;width:fit-content}.qui-slider__label[data-orientation=vertical],.qui-slider__value-text[data-orientation=vertical]{grid-row:1}.qui-slider__label{grid-column:1/3}.qui-slider__label[data-orientation=vertical]{grid-column:1}.qui-slider__value-text{grid-column:-1/-3;justify-self:end}.qui-slider__value-text[data-orientation=vertical]{grid-column:2}.qui-slider__minMaxMarker{color:var(--slider-marker-color);font:var(--font-static-body-xs-default);grid-row:control;margin-block-start:var(--row-gap);-webkit-user-select:none;-moz-user-select:none;user-select:none}.qui-slider__root :nth-child(1 of .qui-slider__minMaxMarker){grid-column:1/2;margin-inline-end:10px}.qui-slider__root :nth-child(1 of .qui-slider__minMaxMarker)[data-orientation=vertical]{grid-column:1/-1;grid-row:2;justify-self:center;margin:0}.qui-slider__root :nth-last-child(1 of .qui-slider__minMaxMarker){grid-column:-2/-1;margin-inline-start:10px}.qui-slider__root :nth-last-child(1 of .qui-slider__minMaxMarker)[data-orientation=vertical]{grid-column:1/-1;grid-row:4;justify-self:center;margin:0}.qui-slider__control{align-items:center;display:flex;flex-direction:row;grid-column:2/-2;grid-row:control;justify-content:center}.qui-slider__control:not([data-disabled]){cursor:pointer}.qui-slider__control[data-orientation=horizontal]{height:var(--slider-thumb-size);margin-block-start:var(--row-gap)}.qui-slider__control[data-orientation=vertical]{grid-column:1/-1;grid-row:3;height:100%;justify-self:center;width:var(--slider-thumb-size)}.qui-slider__thumb{aspect-ratio:1;width:var(--slider-thumb-size)}.qui-slider__thumb[data-dragging],.qui-slider__thumb[data-focus]{z-index:1}.qui-slider__thumb:before{background-color:var(--slider-thumb-color);border-radius:var(--border-radius-rounded);content:"";inset:0;outline:var(--sizing-20) solid var(--color-border-neutral-00);position:absolute;transition:scale 130ms ease-in-out,background-color 130ms ease-in-out}.qui-slider__thumb:focus-visible:before{box-shadow:0 0 0 4px var(--color-utility-focus-border)}.qui-slider__thumb:not([data-disabled]):is(:hover,:active):before{scale:1.15}.qui-slider__thumb:not([data-disabled]):hover:before{background-color:var(--slider-thumb-color-hover)}.qui-slider__thumb:not([data-disabled]):active:before{background-color:var(--slider-thumb-color-active)}.qui-slider__thumb:after{border-radius:var(--border-radius-rounded);bottom:-8px;content:"";left:-8px;position:absolute;right:-8px;top:-8px}.qui-slider__track{background-color:var(--slider-track-color);border-radius:var(--border-radius-rounded);overflow:hidden}.qui-slider__track[data-orientation=horizontal]{height:var(--slider-track-thickness);width:100%}.qui-slider__track[data-orientation=vertical]{height:100%;width:var(--slider-track-thickness)}.qui-slider__range{background-color:var(--slider-range-color);border-radius:inherit}.qui-slider__range[data-orientation=horizontal]{height:100%}.qui-slider__range[data-orientation=vertical]{width:100%}.qui-slider__marker-group[data-orientation=horizontal]{height:20px;margin-block-start:var(--row-gap);width:100%}.qui-slider__marker-group[data-orientation=vertical]{grid-row:3;height:100%;justify-self:center;margin-inline-start:28px}.qui-slider__marker-group{color:var(--slider-marker-color);font:var(--font-static-body-xs-default);grid-column:1/-1;grid-row:markers}.qui-slider__hint{color:var(--slider-label-color);font:var(--font-static-body-xs-default);grid-column:1/-1;grid-row:hint;margin-block-start:var(--row-gap)}.qui-slider__error-text{color:var(--color-text-support-danger);display:flex;font:var(--font-static-body-xs-default);gap:6px;grid-column:1/-1;grid-row:error;margin-block-start:var(--row-gap)}.qui-slider__thumb-indicator{background-color:var(--color-background-neutral-10);border-radius:var(--border-radius-xs);box-shadow:var(--shadow-high);color:var(--color-text-neutral-inverse);font:var(--font-static-body-xs-default);width:-moz-max-content;width:max-content;padding-block:var(--spacing-40);padding-inline:var(--spacing-70);pointer-events:none;bottom:calc(100% + 12px);left:50%;opacity:0;display:none;transition:opacity 130ms ease-in-out,display 130ms ease-in-out allow-discrete}.qui-slider__thumb:not([data-disabled]):is(:hover,:active,:focus-visible,[data-dragging]) .qui-slider__thumb-indicator{opacity:1;display:block}@starting-style{.qui-slider__thumb:not([data-disabled]):is(:hover,:active,:focus-visible,[data-dragging]) .qui-slider__thumb-indicator{opacity:0}}.qui-slider__thumb-indicator:after{content:"";position:absolute;top:100%;left:50%;width:8px;height:8px;background-color:var(--color-background-neutral-10);transform:translateX(-50%) translateY(-50%) rotate(45deg)}q-slider-markers,q-slider-thumbs{display:contents}.qui-side-nav__root{--indent-spacing:16px;background:var(--color-surface-primary);box-sizing:border-box;display:flex;flex-direction:column;min-width:240px;padding:var(--spacing-70) 0}.qui-side-nav__root[data-surface=secondary]{background:var(--color-surface-secondary)}.qui-side-nav__root[data-state=closed]{max-width:56px;min-width:56px}.qui-side-nav__root[data-state=closed] .qui-collapsible__content.qui-side-nav__branch-content{display:none}.qui-side-nav__root[data-state=closed] .qui-side-nav__node-root{justify-content:center}.qui-side-nav__root[data-state=closed] .qui-side-nav__node-root:not(:has(.qui-side-nav__node-icon)){display:none}.qui-side-nav__root[data-state=closed] .qui-side-nav__node-root>:not(.qui-side-nav__node-icon):not(.qui-side-nav__node-indicator){display:none}.qui-side-nav__root[data-state=closed] .qui-side-nav__group-label{display:none}.qui-side-nav__root[data-state=closed] .qui-side-nav__filter-input{display:none}.qui-side-nav__root[data-state=closed] .qui-side-nav__header{padding:0 var(--spacing-70)}.qui-side-nav__filter-input{margin-top:16px;padding:0 var(--spacing-90);z-index:2}.qui-side-nav__header{align-items:center;color:var(--color-text-neutral-secondary);display:flex;font:var(--font-static-body-xs-default);gap:var(--spacing-50);margin-bottom:var(--spacing-70);min-height:var(--sizing-140);padding:0 var(--spacing-90)}.qui-side-nav__divider.qui-divider__root{align-self:center;margin:0;width:calc(100% - var(--spacing-90) * 2);--divider-border-color:var(--color-border-neutral-01)}.qui-side-nav__group{display:flex;flex-direction:column;width:100%}.qui-side-nav__group>.qui-side-nav__divider{margin-bottom:16px}.qui-side-nav__group+.qui-side-nav__group{margin-top:16px}.qui-side-nav__group-label{color:var(--color-text-neutral-secondary);font:var(--font-static-body-xs-default);padding:0 var(--spacing-100) var(--spacing-90)}.qui-side-nav__node-root{align-items:center;background:var(--color-interactive-background-ghost-idle);border:solid 1px transparent;border-radius:var(--border-radius-xs);box-sizing:border-box;color:var(--color-interactive-text-neutral-idle);cursor:pointer;display:flex;font:var(--font-static-body-sm-bold);gap:var(--spacing-50);height:40px;line-height:normal;margin-left:calc((calc(var(--depth, 1) - 1) * var(--indent-spacing)) + var(--spacing-70));margin-right:var(--spacing-70);min-height:40px;outline:none;padding-left:var(--spacing-70);padding-right:var(--spacing-70);position:relative;text-decoration:inherit}.qui-side-nav__node-root:hover{background:var(--color-interactive-background-ghost-hover)}.qui-side-nav__node-root:active{background:var(--color-interactive-background-ghost-pressed)}.qui-side-nav__node-root:focus-visible{border-color:var(--color-utility-focus-border);outline:solid 1px var(--color-utility-focus-border)}.qui-side-nav__node-root:has([data-part=branch-trigger]){--branch-trigger-width:calc(16px + var(--spacing-50))}.qui-side-nav__node-root[data-size=sm]{font:var(--font-static-body-xs-default);height:32px;min-height:32px}.qui-side-nav__node-root[data-selected][data-part=leaf-node]{background:var(--color-interactive-background-ghost-hover)}.qui-side-nav__node-root[data-selected]{color:var(--color-interactive-text-primary-idle)}.qui-side-nav__node-root[data-selected]:hover{color:var(--color-interactive-text-primary-hover)}.qui-side-nav__node-root[data-selected]:active{color:var(--color-interactive-text-primary-pressed)}.qui-side-nav__node-root[data-disabled]{background:transparent;color:var(--color-utility-disabled-text);pointer-events:none}.qui-side-nav__node-root[data-part=branch-node] .qui-side-nav__node-indicator{display:none}.qui-side-nav__branch-trigger{margin-left:auto;transition:transform var(--animation-duration-faster) ease}.qui-side-nav__branch-trigger[data-state=open]{transform:rotate(180deg)}.qui-side-nav__branch-root:has(.qui-side-nav__node-root[data-part=leaf-node][data-selected])>.qui-side-nav__node-root[data-part=branch-node]:first-child{color:var(--color-text-brand-primary);--icon-color:var(--color-icon-brand-primary)}.qui-side-nav__branch-indent-guide{background:var(--color-border-neutral-01);height:100%;left:calc(1px + var(--indent-spacing) * var(--depth));position:absolute;width:1px}.qui-side-nav__branch-content{padding:1px;position:relative}.qui-side-nav__node-action:first-of-type{margin-left:auto}.qui-side-nav__node-indicator{background:var(--color-border-brand-primary);border-bottom-left-radius:var(--border-radius-xs);border-top-left-radius:var(--border-radius-xs);height:100%;left:0;position:absolute;width:3px}.qui-icon__root.qui-side-nav__node-icon{--icon-size:var(--sizing-70)}.qui-side-nav__collapse-trigger:last-child{margin-left:auto}:root{--z-index-dropdown:1000;--z-index-banner:1200;--z-index-overlay:1300;--z-index-dialog:1400;--z-index-popover:1500;--z-index-toast:1700;--z-index-tooltip:1800}.qui-select__root{display:flex;flex-direction:column;gap:var(--spacing-40);--input-group-gap:var(--spacing-40)}.qui-select__root[data-size=lg]{--input-group-gap:var(--spacing-50)}.qui-select__label{color:var(--color-text-neutral-secondary);display:inline-block;font:var(--font-static-body-sm-default)}.qui-select__label[data-disabled]{color:var(--color-utility-disabled-text);cursor:default}.qui-select__control{--select-trigger-gap:var(--spacing-40);align-items:center;background:var(--color-background-neutral-00);border:1px solid var(--color-interactive-border-neutral-idle);border-radius:var(--border-radius-sm);box-sizing:border-box;color:var(--color-text-neutral-primary);cursor:pointer;display:inline-flex;font:var(--font-static-body-sm-default);gap:var(--select-trigger-gap);justify-content:space-between;line-height:normal;margin:0;min-height:var(--sizing-140,40px);outline:none;overflow-x:hidden;padding:0 var(--spacing-70) 0 var(--spacing-90);position:relative;width:100%;--icon-color:var(--color-icon-neutral-primary)}.qui-select__control[data-placeholder-shown]{--icon-color:var(--color-utility-placeholder-icon)}.qui-select__control[data-placeholder-shown] .qui-select__value-text{color:var(--color-utility-placeholder-text);-webkit-user-select:none;-moz-user-select:none;user-select:none}.qui-select__control[data-size=sm]{font:var(--font-static-body-xs-default);min-height:var(--sizing-120);padding:0 var(--spacing-50) 0 var(--spacing-70)}.qui-select__control[data-size=lg]{font:var(--font-static-body-md-default);min-height:var(--sizing-160,48px);padding:0 var(--spacing-80) 0 var(--spacing-100)}.qui-select__control:hover{border-color:var(--color-interactive-border-neutral-hover)}.qui-select__control[data-invalid]:not([data-state=open]){border-color:var(--color-interactive-border-danger-idle);outline:1px solid var(--color-interactive-border-danger-idle)}.qui-select__control[data-invalid]:not([data-state=open]):hover{border-color:var(--color-interactive-border-danger-hover);outline:1px solid var(--color-interactive-border-danger-hover)}.qui-select__control[data-readonly]{background:var(--color-background-neutral-02);border-color:var(--color-utility-disabled-border)}.qui-select__control:focus,.qui-select__control:focus-visible,.qui-select__control:focus-within,.qui-select__control[data-state=open]{border-color:var(--color-utility-focus-border);outline:1px solid var(--color-utility-focus-border)}.qui-select__control:disabled,.qui-select__control[data-disabled]{background:var(--color-utility-disabled-background);border-color:var(--color-utility-disabled-border);color:var(--color-utility-disabled-text);cursor:default;pointer-events:none}.qui-select__control:disabled .qui-select__trigger-icon,.qui-select__control[data-disabled] .qui-select__trigger-icon{color:var(--color-utility-disabled-icon)}.qui-select__control .qui-select__indicator{background-color:transparent;border:0 solid;box-sizing:border-box;color:var(--color-icon-neutral-primary);margin:0;opacity:1;padding:0;transition:transform var(--animation-duration-faster) ease}.qui-select__control .qui-select__indicator[data-size]{--icon-size:16px}.qui-select__control .qui-select__indicator[data-size=lg]{--icon-size:20px}.qui-select__control .qui-select__indicator[data-disabled]{color:var(--color-utility-disabled-icon)}.qui-select__control .qui-select__indicator[data-state=open]{transform:rotate(180deg)}.qui-select__trigger-icon{color:var(--icon-color)}.qui-select__trigger-icon[data-size=sm]{margin-right:calc(var(--spacing-50) - var(--select-trigger-gap))}.qui-select__trigger-icon[data-size=md]{margin-right:calc(var(--spacing-70) - var(--select-trigger-gap))}.qui-select__trigger-icon[data-size=lg]{--icon-height:var(--sizing-80);--icon-width:var(--sizing-80);margin-right:calc(var(--spacing-80) - var(--select-trigger-gap))}.qui-select__positioner{max-height:min(var(--available-height),320px);overflow-x:hidden;overflow-y:auto;width:auto}.qui-select__positioner[data-size=md]{max-height:min(var(--available-height),320px)}.qui-select__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);box-sizing:border-box;display:inline-flex;flex-direction:column;margin:0;max-height:min(var(--available-height),320px);outline:none;overflow-y:auto;overscroll-behavior:contain;padding:var(--spacing-40) 0;position:relative;width:100%;z-index:calc(var(--z-index-dropdown) + var(--layer-index))}.qui-select__content[data-virtual][data-empty]{padding:0 0}.qui-select__content[data-virtual][data-size=sm]{min-height:34px}.qui-select__content[data-virtual]{max-height:unset;min-height:42px;min-width:var(--reference-width);overflow:hidden}.qui-select__content[data-focus-visible]:not([data-disabled]) .qui-select__item[data-highlighted]{border-color:var(--color-utility-focus-border)}.qui-select__hidden-select{background-color:transparent;border-radius:0;color:inherit;font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;opacity:1}.qui-select__item{align-items:center;background-color:transparent;border:solid 2px transparent;box-sizing:border-box;color:var(--color-text-neutral-primary);cursor:pointer;display:flex;font:var(--font-static-body-sm-default);gap:8px;justify-content:space-between;min-height:40px;outline:none;padding:0 var(--select-padding-x);width:100%;--select-padding-x:var(--spacing-100)}.qui-select__item[data-size=sm]{font:var(--font-static-body-xs-default);min-height:32px;--select-padding-x:var(--spacing-90)}.qui-select__item:hover{background:var(--color-interactive-background-ghost-hover)}.qui-select__item:active{background:var(--color-interactive-background-ghost-pressed)}.qui-select__item[data-highlighted][data-focus-visible]{border-color:var(--color-utility-focus-border)}.qui-select__item[data-disabled]{background:var(--color-interactive-background-ghost-idle);color:var(--color-utility-disabled-text);cursor:not-allowed;-webkit-user-select:none;-moz-user-select:none;user-select:none}.qui-select__item[role=presentation]{background:var(--color-interactive-background-ghost-idle);cursor:initial}.qui-select__item:not([data-disabled]) .qui-select__item-text mark{background:var(--color-background-neutral-10);color:var(--color-text-neutral-inverse)}.qui-select__item[data-virtual]{left:0;position:absolute;text-overflow:ellipsis;top:0;transform:translateY(var(--virtual-item-start));white-space:nowrap;width:calc(100% - var(--scrollbar-width, 0px))}.qui-select__item-text{flex:1;overflow-x:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.qui-select__value-text{color:var(--color-text-neutral-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%;word-break:break-word}.qui-select__value-text[data-disabled]{color:var(--color-utility-disabled-text)}.qui-select__value-text[data-multiple]{-moz-column-gap:var(--spacing-70);column-gap:var(--spacing-70);display:inline-flex;flex-wrap:wrap;padding:4px 0;row-gap:var(--spacing-40)}.qui-segmented-control__root{border:0 solid;border-radius:var(--border-radius-md);box-shadow:inset 0 0 0 1px var(--color-border-neutral-02);box-sizing:border-box;display:inline-flex;margin:0;padding:0}.qui-segmented-control__root[data-orientation=vertical]{flex-direction:column}.qui-segmented-control__root{--text-checked:var(--color-utility-persistent-white);--text-disabled:var(--color-utility-disabled-text);--bg-idle:var(--color-interactive-background-ghost-idle);--bg-hover:var(--color-interactive-background-ghost-hover);--bg-active:var(--color-interactive-background-ghost-pressed);--bg-checked:var(--color-interactive-background-neutral-idle);--bg-disabled:var(--color-utility-disabled-background)}.qui-segmented-control__root[data-variant=primary]{--text-idle:var(--color-interactive-text-primary-idle);--text-hover:var(--color-interactive-text-primary-hover);--text-active:var(--color-interactive-text-primary-pressed);--bg-checked:var(--color-interactive-background-primary-idle)}.qui-segmented-control__root[data-variant=neutral]{--text-idle:var(--color-interactive-text-neutral-idle);--text-hover:var(--color-interactive-text-neutral-hover);--text-active:var(--color-interactive-text-neutral-pressed);--bg-checked:var(--color-interactive-background-neutral-idle)}.qui-segmented-control__root[data-layout=hug]{width:-moz-fit-content;width:fit-content}.qui-segmented-control__root[data-layout=fill]{width:100%}.qui-segmented-control__root[data-layout=fill]>.qui-segmented-control__item{flex:1 1 0;min-width:0}.qui-segmented-control__item{align-items:center;background-color:var(--bg-idle);color:var(--text-idle);cursor:pointer;display:inline-flex;justify-content:center;transition:color var(--animation-duration-faster) ease,background-color var(--animation-duration-faster) ease;-webkit-user-select:none;-moz-user-select:none;user-select:none;--border-radius:var(--border-radius-md)}[data-size=sm] .qui-segmented-control__item{block-size:var(--sizing-120);font:var(--font-static-body-xs-bold);gap:var(--spacing-50);padding-inline:var(--spacing-80)}[data-size=sm] .qui-segmented-control__item:has([data-part=item-label]){padding-inline:var(--spacing-90)}[data-size=sm] .qui-segmented-control__item{--divider-height:var(--sizing-60)}[data-size=sm] .qui-segmented-control__item>.qui-icon__root{--icon-size:var(--sizing-60)}[data-size=md] .qui-segmented-control__item{block-size:var(--sizing-140);font:var(--font-static-body-sm-bold);gap:var(--spacing-70);padding-inline:var(--spacing-90)}[data-size=md] .qui-segmented-control__item:has([data-part=item-label]){padding-inline:var(--spacing-100)}[data-size=md] .qui-segmented-control__item{--divider-height:var(--sizing-70)}[data-size=md] .qui-segmented-control__item>.qui-icon__root{--icon-size:var(--sizing-70)}[data-size=lg] .qui-segmented-control__item{block-size:var(--sizing-160);font:var(--font-static-body-lg-bold);gap:var(--spacing-90);padding-inline:14px}[data-size=lg] .qui-segmented-control__item:has([data-part=item-label]){padding-inline:var(--spacing-110)}[data-size=lg] .qui-segmented-control__item{--divider-height:var(--sizing-80)}[data-size=lg] .qui-segmented-control__item>.qui-icon__root{--icon-size:var(--sizing-80)}[data-orientation=horizontal] .qui-segmented-control__item:first-of-type{border-end-start-radius:var(--border-radius);border-start-start-radius:var(--border-radius)}[data-orientation=vertical] .qui-segmented-control__item:first-of-type{border-start-end-radius:var(--border-radius);border-start-start-radius:var(--border-radius)}[data-orientation=horizontal] .qui-segmented-control__item:last-of-type{border-end-end-radius:var(--border-radius);border-start-end-radius:var(--border-radius)}[data-orientation=vertical] .qui-segmented-control__item:last-of-type{border-end-end-radius:var(--border-radius);border-end-start-radius:var(--border-radius)}.qui-segmented-control__item[data-state=unchecked]:not([data-disabled]){background-color:unset}.qui-segmented-control__item[data-state=unchecked]:not([data-disabled]):hover{background-color:var(--bg-hover);color:var(--text-hover)}.qui-segmented-control__item[data-state=unchecked]:not([data-disabled]):active{background-color:var(--bg-active);color:var(--text-active)}.qui-segmented-control__item[data-state=checked]{background-color:var(--bg-checked);color:var(--text-checked)}.qui-segmented-control__item[data-disabled]{background-color:var(--bg-disabled);color:var(--text-disabled);cursor:default}.qui-segmented-control__item[data-focus-visible]{box-shadow:0px 0 0 2px var(--color-utility-focus-border);outline:none}.qui-segmented-control__item[data-focus-visible][data-state=checked]{box-shadow:inset 0px 0 0 1px var(--color-background-neutral-00),0px 0 0 2px var(--color-utility-focus-border)}.qui-segmented-control__root{gap:1px}.qui-segmented-control__item:not(:first-of-type){position:relative}.qui-segmented-control__item:not(:first-of-type):before{background-color:var(--color-border-neutral-01);content:"";position:absolute;transition:background-color var(--animation-duration-faster) ease}[data-orientation=horizontal] .qui-segmented-control__item:not(:first-of-type):before{height:var(--divider-height);inset-inline-start:-1px;top:calc(50% - var(--divider-height) / 2);width:1px}[data-orientation=horizontal] .qui-segmented-control__item[data-state=checked]+.qui-segmented-control__item:before,[data-orientation=horizontal] .qui-segmented-control__item[data-state=checked]:not(:first-of-type):before{background-color:var(--bg-checked);height:100%;top:0}[data-orientation=horizontal] .qui-segmented-control__item[data-disabled]+.qui-segmented-control__item:before,[data-orientation=horizontal] .qui-segmented-control__item[data-disabled]:not(:first-of-type):before{background-color:var(--bg-disabled);height:100%;top:0}[data-orientation=vertical] .qui-segmented-control__item:not(:first-of-type):before{height:1px;inset-block-start:-1px;width:100%}[data-orientation=vertical] .qui-segmented-control__item[data-state=checked]+.qui-segmented-control__item:before,[data-orientation=vertical] .qui-segmented-control__item[data-state=checked]:not(:first-of-type):before{background-color:var(--bg-checked)}.qui-segmented-control__item:has(:focus-visible)+.qui-segmented-control__item:before,.qui-segmented-control__item:has(:focus-visible):before{display:none}.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-size=md]{font:var(--font-static-body-sm-default)}.qui-radio-group__label[data-size=lg]{font:var(--font-static-body-lg-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-70)}.qui-radio-group__items[data-orientation=horizontal]{flex-direction:row;gap: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)}.qui-radio__control[data-size=lg]{--control-size:var(--sizing-90)}.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] .qui-radio__dot{display:block}.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-size=md]{--dot-size:10px}.qui-radio__control[data-size=lg]{--dot-size:var(--sizing-60)}.qui-radio__control[data-invalid]{background:var(--color-interactive-background-danger-idle);border-color:var(--color-interactive-border-danger-idle)}.qui-radio__control[data-invalid][data-hover]{background:var(--color-interactive-background-danger-hover);border-color:var(--color-interactive-border-danger-hover)}.qui-radio__control[data-invalid][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-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)}.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);vertical-align:middle;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]{animation:qui-progress-ring__indeterminate-rotate 3s linear infinite}.qui-progress-ring__circle[data-state=indeterminate] .qui-progress-ring__bar{animation:qui-progress-ring__indeterminate-circle 2s linear infinite}.qui-progress-ring__track{fill:transparent;stroke:var(--color-background-neutral-04);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-invalid]{--progress-color:var(--color-text-support-danger)}.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__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__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)}}.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__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__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__track{align-items:baseline;align-self:center;background:var(--color-background-neutral-04);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-invalid]{--progress-color:var(--color-text-support-danger)}.qui-progress__bar[data-state=complete],.qui-progress__bar[data-state=loading]{width:var(--percent)}.qui-progress__bar[data-state=indeterminate]: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]: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%}}.qui-popover__content{--arrow-background:var(--color-surface-overlay);--arrow-size:10px;background:var(--color-surface-overlay);border-radius:4px;box-shadow:var(--shadow-high);display:flex;filter:drop-shadow(0 4px 8px rgba(0,0,0,0.2));flex-direction:column;font:var(--font-static-body-xs-default);gap:var(--spacing-70);padding:var(--spacing-110);position:relative;transform-origin:var(--transform-origin);z-index:calc(var(--z-index-popover) + var(--layer-index))}.qui-popover__label{color:var(--color-text-neutral-primary);font:var(--font-static-heading-xxs-bold)}.qui-popover__description{align-items:flex-start;color:var(--color-text-neutral-primary);font:var(--font-static-body-xs-default);position:relative}.qui-popover__close-trigger{position:absolute;right:0;top:-20px}.qui-popover__arrow{--arrow-background:var(--color-surface-overlay);--arrow-shadow-color:#ebebeb}.qui-popover__indicator{display:inline-flex;margin-inline-start:4px}.qui-popover__indicator[data-state=open]{rotate:90deg}.qui-pagination__root{align-items:center;display:inline-flex;flex-wrap:wrap;gap:20px;justify-content:space-between}.qui-pagination__page-metadata{align-items:center;color:var(--color-text-neutral-primary);display:inline-flex;font:var(--font-static-body-sm-default)}.qui-pagination__page-metadata[data-size=sm]{font:var(--font-static-body-xs-default)}.qui-pagination__page-item{--pagination-size:var(--sizing-140);align-items:center;background:transparent;border:1px solid transparent;border-radius:var(--border-radius-md);color:var(--color-interactive-text-neutral-idle);display:inline-flex;font:var(--font-static-body-sm-bold);height:var(--pagination-size);justify-content:center;line-height:normal;min-height:var(--pagination-size);min-width:var(--pagination-size);outline:none}.qui-pagination__page-item:hover{background-color:var(--color-interactive-background-ghost-hover)}.qui-pagination__page-item:hover[data-type=separator]{background-color:transparent;cursor:initial}.qui-pagination__page-item[data-size=sm]{font:var(--font-static-body-xs-bold);--pagination-size:var(--sizing-120)}.qui-pagination__page-item[data-active]{border-color:var(--color-interactive-border-neutral-idle)}.qui-pagination__page-item:focus-visible{border-color:var(--color-utility-focus-border);outline:solid 1px var(--color-utility-focus-border)}.qui-pagination__page-item[data-disabled]{background:transparent;color:var(--color-utility-disabled-text);cursor:initial}.qui-pagination__page-size-label{color:var(--color-text-neutral-primary);font:var(--font-static-body-sm-default)}.qui-pagination__page-size-label[data-size=sm]{font:var(--font-static-body-xs-default)}.qui-pagination__page-size{align-items:center;display:inline-flex;gap:var(--spacing-70)}.qui-pagination__page-size[data-size=sm]{gap:var(--spacing-50)}.qui-number-input__input-group{gap:var(--spacing-40);height:var(--sizing-140);min-width:var(--sizing-140);padding-inline-end:var(--group-padding-end);padding-inline-start:var(--group-padding-start);--group-padding-start:var(--spacing-90);--step-button-size:var(--sizing-100)}.qui-number-input__input-group[data-size=sm]{--group-padding-start:var(--spacing-70);--step-button-size:var(--sizing-90);height:var(--sizing-120);min-width:var(--sizing-120)}.qui-number-input__input-group[data-size=lg]{--group-padding-start:var(--spacing-100);height:var(--sizing-160);min-width:var(--sizing-160)}.qui-number-input__input-group{--group-padding-end:var(--spacing-50)}.qui-number-input__input-group [data-size=sm]{--group-padding-end:var(--spacing-40);--group-padding-start:var(--spacing-70)}.qui-number-input__input-group [data-size=lg]{--group-padding-start:var(--spacing-100)}.qui-number-input__input-group:has([data-part=unit-menu-trigger]){--group-padding-start:0}.qui-number-input__input-group:has([data-part=decrement-trigger]):has([data-part=increment-trigger]) .qui-number-input__control{gap:calc((var(--spacing-40) * 2) - 1px)}.qui-number-input__input-group:has([data-part=decrement-trigger]):has([data-part=increment-trigger]) [data-part=decrement-trigger]:after{background:var(--color-border-neutral-01);content:" ";height:var(--sizing-70);position:absolute;right:calc((var(--spacing-40) * -1) - 1px);width:var(--sizing-10)}.qui-number-input__input-group:hover{border-color:var(--color-interactive-border-neutral-hover)}.qui-number-input__input-group:hover:has([data-part=input]:not([data-empty])){--icon-color:var(--color-text-neutral-secondary)}.qui-number-input__input-group:hover{--icon-color:var(--color-icon-neutral-secondary);border-color:var(--color-interactive-border-neutral-hover)}.qui-number-input__input-group[data-invalid]{border-color:var(--color-interactive-border-danger-idle)}.qui-number-input__input-group[data-focus]{border-color:var(--color-utility-focus-border);outline:solid 1px var(--color-utility-focus-border)}.qui-number-input__input-group[data-readonly]{--icon-color:var(--color-utility-disabled-icon);background:var(--color-background-neutral-02);border-color:var(--color-utility-disabled-border)}.qui-number-input__input-group[data-disabled]{background:var(--color-utility-disabled-background);border-color:var(--color-utility-disabled-border);color:var(--color-utility-disabled-text);--icon-color:var(--color-utility-disabled-icon)}.qui-number-input__input-group[data-disabled] .qui-number-input__input::-moz-placeholder{color:var(--color-utility-disabled-text)}.qui-number-input__input-group[data-disabled] .qui-number-input__input::placeholder{color:var(--color-utility-disabled-text)}.qui-number-input__input-group:has([data-part=input]:disabled){--icon-color:var(--color-utility-disabled-icon);background:var(--color-utility-disabled-background);border-color:var(--color-utility-disabled-border)}.qui-number-input__input{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:transparent;border:0;border-radius:var(--border-radius-md);box-sizing:border-box;color:var(--color-text-neutral-primary);font:var(--font-static-body-sm-default);font-feature-settings:inherit;font-variation-settings:inherit;height:100%;letter-spacing:inherit;margin:0;opacity:1;outline:0;padding:0;text-align:start;text-overflow:ellipsis;width:100%;z-index:0}.qui-number-input__input::-moz-placeholder{color:var(--color-utility-placeholder-text)}.qui-number-input__input::placeholder{color:var(--color-utility-placeholder-text)}.qui-number-input__input:disabled{color:var(--color-utility-disabled-text)}.qui-number-input__input:disabled::-moz-placeholder{color:var(--color-utility-disabled-text)}.qui-number-input__input:disabled::placeholder{color:var(--color-utility-disabled-text)}.qui-number-input__input[data-size=sm]{font:var(--font-static-body-xs-default)}.qui-number-input__input[data-size=lg]{font:var(--font-static-body-md-default)}.qui-number-input__control{align-items:center;display:flex;justify-content:center;position:relative;z-index:1}.qui-number-input__step-trigger.qui-inline-icon-button__root[data-size]{--button-size:var(--step-button-size);position:relative}.qui-number-input__error-indicator[data-size]{margin-inline-end:var(--spacing-20)}.qui-number-input__error-indicator[data-size=lg]{margin-inline-end:var(--spacing-40)}.qui-menu__button{background:transparent}.qui-menu__button .qui-button__icon[data-placement=end],.qui-menu__button .qui-button__icon[data-scope=icon-button]{transition:transform var(--animation-duration-faster) ease-out}.qui-menu__button[data-scope=menu][data-part=trigger][data-state=open] .qui-button__icon[data-placement=end],.qui-menu__button[data-scope=menu][data-part=trigger][data-state=open] .qui-button__icon[data-scope=icon-button],.qui-menu__button[data-state=open][aria-haspopup=menu] .qui-button__icon[data-placement=end],.qui-menu__button[data-state=open][aria-haspopup=menu] .qui-button__icon[data-scope=icon-button]{transform:rotate(180deg)}.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-scope=menu][data-part=description]) .qui-menu-item__command,.qui-menu-item__root:has([data-scope=menu][data-part=description]) .qui-menu-item__indicator{grid-column:3;grid-row:1/span 2}.qui-menu-item__root [data-scope=menu][data-part=description]{grid-column:1/span 2}.qui-menu-item__root:has([data-part=start-icon]) [data-scope=menu][data-part=description]{grid-column:2}.qui-menu-item__root:has([data-part=start-icon][data-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-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-scope=menu][data-part=item-control]{margin-right:var(--spacing-50)}.qui-link__root{align-items:center;background:transparent;border:solid 1px transparent;box-sizing:border-box;color:var(--color-interactive-text-link-default-idle);cursor:pointer;display:inline-flex;font:var(--font-static-body-sm-bold);gap:var(--spacing-40);margin:0;outline:none;padding:0;text-decoration:none;transition-duration:var(--animation-duration-faster);transition-property:color;transition-timing-function:ease-out;width:-moz-fit-content;width:fit-content}.qui-link__root:hover{border-bottom-color:var(--color-interactive-text-link-default-hover);color:var(--color-interactive-text-link-default-hover)}.qui-link__root:active{color:var(--color-interactive-text-link-default-pressed)}.qui-link__root:visited:not(:hover){border-bottom-color:var(--color-interactive-text-link-default-visited)}.qui-link__root:focus-visible{border:solid 1px var(--color-utility-focus-border);border-radius:var(--border-radius-md);color:var(--color-interactive-text-link-default-idle);outline:solid 1px var(--color-utility-focus-border);outline-offset:0}.qui-link__root:visited:not(:hover){color:var(--color-interactive-text-link-default-visited)}.qui-link__root[data-emphasis=neutral]{color:var(--color-interactive-text-link-neutral-idle)}.qui-link__root[data-emphasis=neutral]:hover{border-bottom-color:var(--color-interactive-text-link-neutral-hover);color:var(--color-interactive-text-link-neutral-hover)}.qui-link__root[data-emphasis=neutral]:active{color:var(--color-interactive-text-link-neutral-pressed)}.qui-link__root[data-emphasis=neutral]:visited:not(:hover){border-bottom-color:var(--color-interactive-text-link-neutral-visited)}.qui-link__root[data-emphasis=neutral]:focus-visible{border:solid 1px var(--color-utility-focus-border);border-radius:var(--border-radius-md);color:var(--color-interactive-text-link-neutral-idle);outline:solid 1px var(--color-utility-focus-border);outline-offset:0}.qui-link__root[data-emphasis=neutral]:visited:not(:hover){color:var(--color-interactive-text-link-neutral-visited)}.qui-link__root[data-disabled][data-emphasis]{color:var(--color-utility-disabled-text);pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.qui-link__root[data-size=xs]{font:var(--font-static-body-xs-bold);gap:var(--spacing-20)}.qui-link__root[data-size=sm]{font:var(--font-static-body-sm-bold);gap:var(--spacing-40)}.qui-link__root[data-size=md]{font:var(--font-static-body-md-bold);gap:var(--spacing-40)}.qui-link__root[data-size=lg]{font:var(--font-static-body-lg-bold);gap:var(--spacing-40)}.qui-link__root[data-size=xl]{font:var(--font-static-body-xl-bold);gap:var(--spacing-50)}.qui-link__root[data-size=xxl]{font:var(--font-static-body-xxl-bold);gap:var(--spacing-70)}.qui-link__icon[data-size=sm],.qui-link__icon[data-size=xs]{--icon-size:16px}.qui-link__icon[data-size=lg],.qui-link__icon[data-size=md],.qui-link__icon[data-size=xl]{--icon-size:20px}.qui-link__icon[data-size=xxl]{--icon-size:24px}.qds-kbd{align-items:center;color:var(--color-text-neutral-secondary);display:inline-flex;font:var(--font-static-body-xs-default);gap:var(--spacing-10,1px);padding:0}.qui-input__root{align-items:flex-start;box-sizing:border-box;display:flex;flex-direction:column;gap:var(--spacing-30);position:relative;width:100%;--input-group-gap:var(--spacing-40)}.qui-input__root[data-size=lg]{--input-group-gap:var(--spacing-50)}.qui-input__root[data-disabled]{pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.qui-input__input-group{box-sizing:border-box;gap:var(--input-group-gap);height:var(--sizing-140);min-width:var(--sizing-160);outline:0;padding:0 var(--spacing-90)}.qui-input__input-group[data-focus]{outline:solid 1px var(--color-utility-focus-border)}.qui-input__input-group[data-size=sm]{height:var(--sizing-120);min-width:var(--sizing-120);padding:0 var(--spacing-70)}.qui-input__input-group[data-size=lg]{height:var(--sizing-160);min-width:var(--sizing-160);padding:0 var(--spacing-100)}.qui-input__input-group:has(.qui-password-input__visibility-trigger) [data-part=end-icon]{display:none}.qui-input__input-group .qui-password-input__visibility-trigger{z-index:2}.qui-input__input-group [data-part=input][data-size]{border:0;height:100%;outline:0}.qui-input__input-group:has([data-part=input][data-empty]) .qui-input__clear-trigger{display:none}.qui-input__input-group,.qui-number-input__input-group{align-items:center;background:var(--color-background-neutral-00);border:solid 1px var(--color-interactive-border-neutral-idle);border-radius:var(--border-radius-md);box-sizing:border-box;display:inline-flex;justify-content:flex-start;position:relative;width:100%;--icon-color:var(--color-utility-placeholder-icon)}.qui-input__input-group:hover,.qui-number-input__input-group:hover{border-color:var(--color-interactive-border-neutral-hover)}.qui-input__input-group:has([data-part=input]:not([data-empty])),.qui-number-input__input-group:has([data-part=input]:not([data-empty])){--icon-color:var(--color-icon-neutral-primary)}.qui-input__input-group[data-invalid],.qui-number-input__input-group[data-invalid]{border-color:var(--color-interactive-border-danger-idle);outline:solid 1px var(--color-interactive-border-danger-idle)}.qui-input__input-group[data-readonly],.qui-number-input__input-group[data-readonly]{--icon-color:var(--color-utility-disabled-icon);background:var(--color-background-neutral-02);border-color:var(--color-utility-disabled-border)}.qui-input__input-group[data-focus],.qui-number-input__input-group[data-focus]{border-color:var(--color-utility-focus-border);outline:solid 1px var(--color-utility-focus-border)}.qui-input__input-group[data-disabled],.qui-number-input__input-group[data-disabled]{--icon-color:var(--color-utility-disabled-icon);background:var(--color-utility-disabled-background);border-color:var(--color-utility-disabled-border);color:var(--color-utility-disabled-text)}.qui-input__input{--icon-color:var(--color-utility-placeholder-text);--input-size:var(--sizing-140);-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:transparent;border:0 solid;border-radius:var(--border-radius-md);box-sizing:border-box;color:var(--color-text-neutral-primary);font:var(--font-static-body-sm-default);height:100%;letter-spacing:inherit;margin:0;min-height:calc(var(--input-size) - 2px);min-width:var(--input-size);opacity:1;outline:0;padding:0;position:relative;text-align:start;text-overflow:ellipsis;width:100%}.qui-input__input[data-size=sm]{--input-size:var(--sizing-120);font:var(--font-static-body-xs-default)}.qui-input__input[data-size=lg]{--input-size:var(--sizing-160);font:var(--font-static-body-md-default)}.qui-input__input:disabled{color:var(--color-utility-disabled-text)}.qui-input__input:disabled::-moz-placeholder{color:var(--color-utility-disabled-text)}.qui-input__input:disabled::placeholder{color:var(--color-utility-disabled-text)}.qui-input__input::-moz-placeholder{color:var(--color-utility-placeholder-text);opacity:1}.qui-input__input::placeholder{color:var(--color-utility-placeholder-text);opacity:1}.qui-input__icon{align-items:center;color:var(--icon-color);display:inline-flex;justify-content:center;pointer-events:none;z-index:2;--icon-height:var(--sizing-70);--icon-width:var(--sizing-70)}.qui-input__icon[data-size=sm]{margin-right:calc(var(--spacing-50) - var(--input-group-gap))}.qui-input__icon[data-size=md]{margin-right:calc(var(--spacing-70) - var(--input-group-gap))}.qui-input__icon[data-size=lg]{--icon-height:var(--sizing-80);--icon-width:var(--sizing-80);margin-right:calc(var(--spacing-80) - var(--input-group-gap))}.qui-input__clear-button{cursor:pointer;grid-row:1;z-index:3}.qui-input__label{color:var(--color-text-neutral-secondary);font:var(--font-static-body-xs-default)}.qui-input__label[data-disabled]{color:var(--color-utility-disabled-text)}.qui-input__hint{color:var(--color-text-neutral-secondary);font:var(--font-static-body-xs-default)}.qui-input__hint[data-disabled]{color:var(--color-utility-disabled-text)}.qui-input__required-indicator.qui-icon__root{display:inline;vertical-align:top}.qui-input__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)}.qui-input__error-indicator{color:var(--color-text-support-danger);--icon-height:var(--sizing-70);--icon-width:var(--sizing-70)}.qui-input__error-indicator[data-size=lg]{--icon-height:var(--sizing-80);--icon-width:var(--sizing-80)}.qui-password-input__visibility-trigger[data-part=visibility-trigger]{color:var(--icon-color)}.qui-notification__root{padding:var(--spacing-90) var(--spacing-100);position:relative;width:100%}.qui-notification__root{--border-color:var(--color-border-support-info);--background-color:var(--color-background-support-info-subtle);--icon-color:var(--color-icon-support-info);--border-left-color:var(--color-background-support-info);background:var(--background-color);border-bottom-left-radius:var(--border-radius-md);border-color:var(--border-color);border-left:solid var(--sizing-40) var(--border-left-color);border-style:solid;border-top-left-radius:var(--border-radius-md);border-width:var(--border-width-sm) var(--border-width-sm) var(--border-width-sm) var(--sizing-40);box-sizing:border-box}.qui-notification__root[data-emphasis=success]{--border-color:var(--color-border-support-success);--background-color:var(--color-background-support-success-subtle);--icon-color:var(--color-icon-support-success);--border-left-color:var(--color-background-support-success)}.qui-notification__root[data-emphasis=warning]{--border-color:var(--color-border-support-warning);--background-color:var(--color-background-support-warning-subtle);--icon-color:var(--color-icon-support-warning);--border-left-color:var(--color-background-support-warning)}.qui-notification__root[data-emphasis=danger]{--border-color:var(--color-border-support-danger);--background-color:var(--color-background-support-danger-subtle);--icon-color:var(--color-icon-support-danger);--border-left-color:var(--color-background-support-danger)}.qui-notification__root[data-emphasis=neutral]{--border-color:var(--color-border-support-neutral);--background-color:var(--color-background-support-neutral-subtle);--icon-color:var(--color-icon-support-neutral);--border-left-color:var(--color-background-support-neutral)}.qui-notification__root:has([data-part=status-icon]){--icon-col:1}.qui-notification__root:has(.qui-notification__close-button){padding-right:calc(var(--spacing-70) * 2 + var(--sizing-80))}.qui-notification__root[data-orientation=horizontal]{align-items:center;display:flex;flex-wrap:wrap;gap:var(--spacing-70)}.qui-notification__root[data-orientation=vertical]{display:grid;--icon-col:0}.qui-notification__root[data-orientation=vertical]:has(.qui-notification__icon){grid-template-columns:calc(var(--sizing-80) + var(--spacing-70)) 1fr;--content-col:2}.qui-notification__root[data-orientation=vertical] .qui-notification__close-button{top:var(--spacing-90)}.qui-notification__label{align-self:baseline;color:var(--color-text-neutral-primary);font:var(--font-static-body-md-bold);grid-column:var(--content-col)}.qui-notification__description{align-self:baseline;color:var(--color-text-neutral-primary);font:var(--font-static-body-sm-default);grid-column:var(--content-col)}.qui-notification__icon{color:var(--icon-color);grid-column:var(--icon-col)}.qui-notification__action{align-self:baseline;grid-column:var(--content-col)}.qui-notification__action[data-orientation=horizontal]{margin-left:auto}.qui-notification__close-button{position:absolute;right:var(--spacing-70)}.qui-inline-icon-button__root{--button-size:var(--sizing-90);align-items:center;background:var(--color-interactive-background-ghost-idle);border:var(--border-width-sm) solid transparent;border-radius:var(--border-radius-sm);color:var(--color-interactive-icon-neutral-idle);display:inline-flex;height:var(--button-size);justify-content:center;min-height:var(--button-size);min-width:var(--button-size);outline:none;transition:background-color var(--animation-duration-faster) ease-out,color var(--animation-duration-faster) ease-out;width:var(--button-size)}.qui-inline-icon-button__root[hidden]{display:none}@media (prefers-reduced-motion: reduce){.qui-inline-icon-button__root{transition:none}}.qui-inline-icon-button__root:focus-visible{border-color:var(--color-utility-focus-border);outline:1px solid var(--color-utility-focus-border)}.qui-inline-icon-button__root[data-size=sm]{--button-size:var(--sizing-80)}.qui-inline-icon-button__root[data-size=lg]{--button-size:var(--sizing-100)}.qui-inline-icon-button__root .qui-icon__root.qui-inline-icon-button__icon{--icon-size:12px}.qui-inline-icon-button__root .qui-icon__root.qui-inline-icon-button__icon[data-variant=scale][data-size]{--icon-size:16px}.qui-inline-icon-button__root:hover{background:var(--color-interactive-background-ghost-hover);color:var(--color-interactive-icon-neutral-hover)}.qui-inline-icon-button__root:active{background:var(--color-interactive-background-ghost-pressed);color:var(--color-interactive-icon-neutral-pressed)}.qui-inline-icon-button__root[data-emphasis=persistent-black]{background:var(--color-interactive-background-persistent-black-ghost-idle);color:var(--color-utility-persistent-black)}.qui-inline-icon-button__root[data-emphasis=persistent-black]:hover{background:var(
13
+ )}.qui-slider__root[data-disabled]{--slider-thumb-color:var(--color-utility-disabled-background);--slider-track-color:var(--color-utility-disabled-background);--slider-range-color:var(--color-utility-disabled-background);--slider-label-color:var(--color-utility-disabled-text);--slider-marker-color:var(--color-utility-disabled-text)}.qui-slider__root[data-readonly]{--slider-track-color:var(--color-utility-disabled-background);--slider-label-color:var(--color-utility-disabled-text);--slider-marker-color:var(--color-utility-disabled-text)}.qui-slider__root{align-items:center;display:grid;isolation:isolate;touch-action:none;width:100%}.qui-slider__root[data-orientation=horizontal]{grid-template-columns:auto 1fr 1fr auto;grid-template-rows:[label] auto [control] auto [markers] auto [hint error] auto;--row-gap:6px}.qui-slider__root[data-orientation=vertical]{grid-template-columns:[label control] 1fr [value markers] 1fr;grid-template-rows:auto auto 1fr auto}.qui-slider__label,.qui-slider__value-text{color:var(--slider-label-color);font:var(--font-static-body-xs-default);grid-row:label;width:-moz-fit-content;width:fit-content}.qui-slider__label[data-orientation=vertical],.qui-slider__value-text[data-orientation=vertical]{grid-row:1}.qui-slider__label{grid-column:1/3}.qui-slider__label[data-orientation=vertical]{grid-column:1}.qui-slider__value-text{grid-column:-1/-3;justify-self:end}.qui-slider__value-text[data-orientation=vertical]{grid-column:2}.qui-slider__minMaxMarker{color:var(--slider-marker-color);font:var(--font-static-body-xs-default);grid-row:control;margin-block-start:var(--row-gap);-webkit-user-select:none;-moz-user-select:none;user-select:none}.qui-slider__root :nth-child(1 of .qui-slider__minMaxMarker){grid-column:1/2;margin-inline-end:10px}.qui-slider__root :nth-child(1 of .qui-slider__minMaxMarker)[data-orientation=vertical]{grid-column:1/-1;grid-row:2;justify-self:center;margin:0}.qui-slider__root :nth-last-child(1 of .qui-slider__minMaxMarker){grid-column:-2/-1;margin-inline-start:10px}.qui-slider__root :nth-last-child(1 of .qui-slider__minMaxMarker)[data-orientation=vertical]{grid-column:1/-1;grid-row:4;justify-self:center;margin:0}.qui-slider__control{align-items:center;display:flex;flex-direction:row;grid-column:2/-2;grid-row:control;justify-content:center}.qui-slider__control:not([data-disabled]){cursor:pointer}.qui-slider__control[data-orientation=horizontal]{height:var(--slider-thumb-size);margin-block-start:var(--row-gap)}.qui-slider__control[data-orientation=vertical]{grid-column:1/-1;grid-row:3;height:100%;justify-self:center;width:var(--slider-thumb-size)}.qui-slider__thumb{aspect-ratio:1;width:var(--slider-thumb-size)}.qui-slider__thumb[data-dragging],.qui-slider__thumb[data-focus]{z-index:1}.qui-slider__thumb:before{background-color:var(--slider-thumb-color);border-radius:var(--border-radius-rounded);content:"";inset:0;outline:var(--sizing-20) solid var(--color-border-neutral-00);position:absolute;transition:scale 130ms ease-in-out,background-color 130ms ease-in-out}.qui-slider__thumb:focus-visible:before{box-shadow:0 0 0 4px var(--color-utility-focus-border)}.qui-slider__thumb:not([data-disabled]):is(:hover,:active):before{scale:1.15}.qui-slider__thumb:not([data-disabled]):hover:before{background-color:var(--slider-thumb-color-hover)}.qui-slider__thumb:not([data-disabled]):active:before{background-color:var(--slider-thumb-color-active)}.qui-slider__thumb:after{border-radius:var(--border-radius-rounded);bottom:-8px;content:"";left:-8px;position:absolute;right:-8px;top:-8px}.qui-slider__track{background-color:var(--slider-track-color);border-radius:var(--border-radius-rounded);overflow:hidden}.qui-slider__track[data-orientation=horizontal]{height:var(--slider-track-thickness);width:100%}.qui-slider__track[data-orientation=vertical]{height:100%;width:var(--slider-track-thickness)}.qui-slider__range{background-color:var(--slider-range-color);border-radius:inherit}.qui-slider__range[data-orientation=horizontal]{height:100%}.qui-slider__range[data-orientation=vertical]{width:100%}.qui-slider__marker-group[data-orientation=horizontal]{height:20px;margin-block-start:var(--row-gap);width:100%}.qui-slider__marker-group[data-orientation=vertical]{grid-row:3;height:100%;justify-self:center;margin-inline-start:28px}.qui-slider__marker-group{color:var(--slider-marker-color);font:var(--font-static-body-xs-default);grid-column:1/-1;grid-row:markers}.qui-slider__hint{color:var(--slider-label-color);font:var(--font-static-body-xs-default);grid-column:1/-1;grid-row:hint;margin-block-start:var(--row-gap)}.qui-slider__error-text{color:var(--color-text-support-danger);display:flex;font:var(--font-static-body-xs-default);gap:6px;grid-column:1/-1;grid-row:error;margin-block-start:var(--row-gap)}.qui-slider__thumb-indicator{background-color:var(--color-background-neutral-10);border-radius:var(--border-radius-xs);box-shadow:var(--shadow-high);color:var(--color-text-neutral-inverse);font:var(--font-static-body-xs-default);width:-moz-max-content;width:max-content;padding-block:var(--spacing-40);padding-inline:var(--spacing-70);pointer-events:none;bottom:calc(100% + 12px);left:50%;opacity:0;display:none;transition:opacity 130ms ease-in-out,display 130ms ease-in-out allow-discrete}.qui-slider__thumb:not([data-disabled]):is(:hover,:active,:focus-visible,[data-dragging]) .qui-slider__thumb-indicator{opacity:1;display:block}@starting-style{.qui-slider__thumb:not([data-disabled]):is(:hover,:active,:focus-visible,[data-dragging]) .qui-slider__thumb-indicator{opacity:0}}.qui-slider__thumb-indicator:after{content:"";position:absolute;top:100%;left:50%;width:8px;height:8px;background-color:var(--color-background-neutral-10);transform:translateX(-50%) translateY(-50%) rotate(45deg)}q-slider-markers,q-slider-thumbs{display:contents}.qui-side-nav__root{--indent-spacing:16px;background:var(--color-surface-primary);box-sizing:border-box;display:flex;flex-direction:column;min-width:240px;padding:var(--spacing-70) 0}.qui-side-nav__root[data-surface=secondary]{background:var(--color-surface-secondary)}.qui-side-nav__root[data-state=closed]{max-width:56px;min-width:56px}.qui-side-nav__root[data-state=closed] .qui-collapsible__content.qui-side-nav__branch-content{display:none}.qui-side-nav__root[data-state=closed] .qui-side-nav__node-root{justify-content:center}.qui-side-nav__root[data-state=closed] .qui-side-nav__node-root:not(:has(.qui-side-nav__node-icon)){display:none}.qui-side-nav__root[data-state=closed] .qui-side-nav__node-root>:not(.qui-side-nav__node-icon):not(.qui-side-nav__node-indicator){display:none}.qui-side-nav__root[data-state=closed] .qui-side-nav__group-label{display:none}.qui-side-nav__root[data-state=closed] .qui-side-nav__filter-input{display:none}.qui-side-nav__root[data-state=closed] .qui-side-nav__header{padding:0 var(--spacing-70)}.qui-side-nav__filter-input{margin-top:16px;padding:0 var(--spacing-90);z-index:2}.qui-side-nav__header{align-items:center;color:var(--color-text-neutral-secondary);display:flex;font:var(--font-static-body-xs-default);gap:var(--spacing-50);margin-bottom:var(--spacing-70);min-height:var(--sizing-140);padding:0 var(--spacing-90)}.qui-side-nav__divider.qui-divider__root{align-self:center;margin:0;width:calc(100% - var(--spacing-90) * 2);--divider-border-color:var(--color-border-neutral-01)}.qui-side-nav__group{display:flex;flex-direction:column;width:100%}.qui-side-nav__group>.qui-side-nav__divider{margin-bottom:16px}.qui-side-nav__group+.qui-side-nav__group{margin-top:16px}.qui-side-nav__group-label{color:var(--color-text-neutral-secondary);font:var(--font-static-body-xs-default);padding:0 var(--spacing-100) var(--spacing-90)}.qui-side-nav__node-root{align-items:center;background:var(--color-interactive-background-ghost-idle);border:solid 1px transparent;border-radius:var(--border-radius-xs);box-sizing:border-box;color:var(--color-interactive-text-neutral-idle);cursor:pointer;display:flex;font:var(--font-static-body-sm-bold);gap:var(--spacing-50);height:40px;line-height:normal;margin-left:calc((calc(var(--depth, 1) - 1) * var(--indent-spacing)) + var(--spacing-70));margin-right:var(--spacing-70);min-height:40px;outline:none;padding-left:var(--spacing-70);padding-right:var(--spacing-70);position:relative;text-decoration:inherit}.qui-side-nav__node-root:hover{background:var(--color-interactive-background-ghost-hover)}.qui-side-nav__node-root:active{background:var(--color-interactive-background-ghost-pressed)}.qui-side-nav__node-root:focus-visible{border-color:var(--color-utility-focus-border);outline:solid 1px var(--color-utility-focus-border)}.qui-side-nav__node-root:has([data-part=branch-trigger]){--branch-trigger-width:calc(16px + var(--spacing-50))}.qui-side-nav__node-root[data-size=sm]{font:var(--font-static-body-xs-default);height:32px;min-height:32px}.qui-side-nav__node-root[data-selected][data-part=leaf-node]{background:var(--color-interactive-background-ghost-hover)}.qui-side-nav__node-root[data-selected]{color:var(--color-interactive-text-primary-idle)}.qui-side-nav__node-root[data-selected]:hover{color:var(--color-interactive-text-primary-hover)}.qui-side-nav__node-root[data-selected]:active{color:var(--color-interactive-text-primary-pressed)}.qui-side-nav__node-root[data-disabled]{background:transparent;color:var(--color-utility-disabled-text);pointer-events:none}.qui-side-nav__node-root[data-part=branch-node] .qui-side-nav__node-indicator{display:none}.qui-side-nav__branch-trigger{margin-left:auto;transition:transform var(--animation-duration-faster) ease}.qui-side-nav__branch-trigger[data-state=open]{transform:rotate(180deg)}.qui-side-nav__branch-root:has(.qui-side-nav__node-root[data-part=leaf-node][data-selected])>.qui-side-nav__node-root[data-part=branch-node]:first-child{color:var(--color-text-brand-primary);--icon-color:var(--color-icon-brand-primary)}.qui-side-nav__branch-indent-guide{background:var(--color-border-neutral-01);height:100%;left:calc(1px + var(--indent-spacing) * var(--depth));position:absolute;width:1px}.qui-side-nav__branch-content{padding:1px;position:relative}.qui-side-nav__node-action:first-of-type{margin-left:auto}.qui-side-nav__node-indicator{background:var(--color-border-brand-primary);border-bottom-left-radius:var(--border-radius-xs);border-top-left-radius:var(--border-radius-xs);height:100%;left:0;position:absolute;width:3px}.qui-icon__root.qui-side-nav__node-icon{--icon-size:var(--sizing-70)}.qui-side-nav__collapse-trigger:last-child{margin-left:auto}:root{--z-index-dropdown:1000;--z-index-banner:1200;--z-index-overlay:1300;--z-index-dialog:1400;--z-index-popover:1500;--z-index-toast:1700;--z-index-tooltip:1800}.qui-select__root{display:flex;flex-direction:column;gap:var(--spacing-40);--input-group-gap:var(--spacing-40)}.qui-select__root[data-size=lg]{--input-group-gap:var(--spacing-50)}.qui-select__label{color:var(--color-text-neutral-secondary);display:inline-block;font:var(--font-static-body-sm-default)}.qui-select__label[data-disabled]{color:var(--color-utility-disabled-text);cursor:default}.qui-select__control{--select-trigger-gap:var(--spacing-40);align-items:center;background:var(--color-background-neutral-00);border:1px solid var(--color-interactive-border-neutral-idle);border-radius:var(--border-radius-sm);box-sizing:border-box;color:var(--color-text-neutral-primary);cursor:pointer;display:inline-flex;font:var(--font-static-body-sm-default);gap:var(--select-trigger-gap);justify-content:space-between;line-height:normal;margin:0;min-height:var(--sizing-140,40px);outline:none;overflow-x:hidden;padding:0 var(--spacing-70) 0 var(--spacing-90);position:relative;width:100%;--icon-color:var(--color-icon-neutral-primary)}.qui-select__control[data-placeholder-shown]{--icon-color:var(--color-utility-placeholder-icon)}.qui-select__control[data-placeholder-shown] .qui-select__value-text{color:var(--color-utility-placeholder-text);-webkit-user-select:none;-moz-user-select:none;user-select:none}.qui-select__control[data-size=sm]{font:var(--font-static-body-xs-default);min-height:var(--sizing-120);padding:0 var(--spacing-50) 0 var(--spacing-70)}.qui-select__control[data-size=lg]{font:var(--font-static-body-md-default);min-height:var(--sizing-160,48px);padding:0 var(--spacing-80) 0 var(--spacing-100)}.qui-select__control:hover{border-color:var(--color-interactive-border-neutral-hover)}.qui-select__control[data-invalid]:not([data-state=open]){border-color:var(--color-interactive-border-danger-idle);outline:1px solid var(--color-interactive-border-danger-idle)}.qui-select__control[data-invalid]:not([data-state=open]):hover{border-color:var(--color-interactive-border-danger-hover);outline:1px solid var(--color-interactive-border-danger-hover)}.qui-select__control[data-readonly]{background:var(--color-background-neutral-02);border-color:var(--color-utility-disabled-border)}.qui-select__control:focus,.qui-select__control:focus-visible,.qui-select__control:focus-within,.qui-select__control[data-state=open]{border-color:var(--color-utility-focus-border);outline:1px solid var(--color-utility-focus-border)}.qui-select__control:disabled,.qui-select__control[data-disabled]{background:var(--color-utility-disabled-background);border-color:var(--color-utility-disabled-border);color:var(--color-utility-disabled-text);cursor:default;pointer-events:none}.qui-select__control:disabled .qui-select__trigger-icon,.qui-select__control[data-disabled] .qui-select__trigger-icon{color:var(--color-utility-disabled-icon)}.qui-select__control .qui-select__indicator{background-color:transparent;border:0 solid;box-sizing:border-box;color:var(--color-icon-neutral-primary);margin:0;opacity:1;padding:0;transition:transform var(--animation-duration-faster) ease}.qui-select__control .qui-select__indicator[data-size]{--icon-size:16px}.qui-select__control .qui-select__indicator[data-size=lg]{--icon-size:20px}.qui-select__control .qui-select__indicator[data-disabled]{color:var(--color-utility-disabled-icon)}.qui-select__control .qui-select__indicator[data-state=open]{transform:rotate(180deg)}.qui-select__trigger-icon{color:var(--icon-color)}.qui-select__trigger-icon[data-size=sm]{margin-right:calc(var(--spacing-50) - var(--select-trigger-gap))}.qui-select__trigger-icon[data-size=md]{margin-right:calc(var(--spacing-70) - var(--select-trigger-gap))}.qui-select__trigger-icon[data-size=lg]{--icon-height:var(--sizing-80);--icon-width:var(--sizing-80);margin-right:calc(var(--spacing-80) - var(--select-trigger-gap))}.qui-select__positioner{max-height:min(var(--available-height),320px);overflow-x:hidden;overflow-y:auto;width:auto}.qui-select__positioner[data-size=md]{max-height:min(var(--available-height),320px)}.qui-select__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);box-sizing:border-box;display:inline-flex;flex-direction:column;margin:0;max-height:min(var(--available-height),320px);outline:none;overflow-y:auto;overscroll-behavior:contain;padding:var(--spacing-40) 0;position:relative;width:100%;z-index:calc(var(--z-index-dropdown) + var(--layer-index))}.qui-select__content[data-virtual][data-empty]{padding:0 0}.qui-select__content[data-virtual][data-size=sm]{min-height:34px}.qui-select__content[data-virtual]{max-height:unset;min-height:42px;min-width:var(--reference-width);overflow:hidden}.qui-select__content[data-focus-visible]:not([data-disabled]) .qui-select__item[data-highlighted]{border-color:var(--color-utility-focus-border)}.qui-select__hidden-select{background-color:transparent;border-radius:0;color:inherit;font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;opacity:1}.qui-select__item{align-items:center;background-color:transparent;border:solid 2px transparent;box-sizing:border-box;color:var(--color-text-neutral-primary);cursor:pointer;display:flex;font:var(--font-static-body-sm-default);gap:8px;justify-content:space-between;min-height:40px;outline:none;padding:0 var(--select-padding-x);width:100%;--select-padding-x:var(--spacing-100)}.qui-select__item[data-size=sm]{font:var(--font-static-body-xs-default);min-height:32px;--select-padding-x:var(--spacing-90)}.qui-select__item:hover{background:var(--color-interactive-background-ghost-hover)}.qui-select__item:active{background:var(--color-interactive-background-ghost-pressed)}.qui-select__item[data-highlighted][data-focus-visible]{border-color:var(--color-utility-focus-border)}.qui-select__item[data-disabled]{background:var(--color-interactive-background-ghost-idle);color:var(--color-utility-disabled-text);cursor:not-allowed;-webkit-user-select:none;-moz-user-select:none;user-select:none}.qui-select__item[role=presentation]{background:var(--color-interactive-background-ghost-idle);cursor:initial}.qui-select__item:not([data-disabled]) .qui-select__item-text mark{background:var(--color-background-neutral-10);color:var(--color-text-neutral-inverse)}.qui-select__item[data-virtual]{left:0;position:absolute;text-overflow:ellipsis;top:0;transform:translateY(var(--virtual-item-start));white-space:nowrap;width:calc(100% - var(--scrollbar-width, 0px))}.qui-select__item-text{flex:1;overflow-x:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.qui-select__value-text{color:var(--color-text-neutral-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%;word-break:break-word}.qui-select__value-text[data-disabled]{color:var(--color-utility-disabled-text)}.qui-select__value-text[data-multiple]{-moz-column-gap:var(--spacing-70);column-gap:var(--spacing-70);display:inline-flex;flex-wrap:wrap;padding:4px 0;row-gap:var(--spacing-40)}.qui-segmented-control__root{border:0 solid;border-radius:var(--border-radius-md);box-shadow:inset 0 0 0 1px var(--color-border-neutral-02);box-sizing:border-box;display:inline-flex;margin:0;padding:0}.qui-segmented-control__root[data-orientation=vertical]{flex-direction:column}.qui-segmented-control__root{--text-checked:var(--color-utility-persistent-white);--text-disabled:var(--color-utility-disabled-text);--bg-idle:var(--color-interactive-background-ghost-idle);--bg-hover:var(--color-interactive-background-ghost-hover);--bg-active:var(--color-interactive-background-ghost-pressed);--bg-checked:var(--color-interactive-background-neutral-idle);--bg-disabled:var(--color-utility-disabled-background)}.qui-segmented-control__root[data-variant=primary]{--text-idle:var(--color-interactive-text-primary-idle);--text-hover:var(--color-interactive-text-primary-hover);--text-active:var(--color-interactive-text-primary-pressed);--bg-checked:var(--color-interactive-background-primary-idle)}.qui-segmented-control__root[data-variant=neutral]{--text-idle:var(--color-interactive-text-neutral-idle);--text-hover:var(--color-interactive-text-neutral-hover);--text-active:var(--color-interactive-text-neutral-pressed);--bg-checked:var(--color-interactive-background-neutral-idle)}.qui-segmented-control__root[data-layout=hug]{width:-moz-fit-content;width:fit-content}.qui-segmented-control__root[data-layout=fill]{width:100%}.qui-segmented-control__root[data-layout=fill]>.qui-segmented-control__item{flex:1 1 0;min-width:0}.qui-segmented-control__item{align-items:center;background-color:var(--bg-idle);color:var(--text-idle);cursor:pointer;display:inline-flex;justify-content:center;transition:color var(--animation-duration-faster) ease,background-color var(--animation-duration-faster) ease;-webkit-user-select:none;-moz-user-select:none;user-select:none;--border-radius:var(--border-radius-md)}[data-size=sm] .qui-segmented-control__item{block-size:var(--sizing-120);font:var(--font-static-body-xs-bold);gap:var(--spacing-50);padding-inline:var(--spacing-80)}[data-size=sm] .qui-segmented-control__item:has([data-part=item-label]){padding-inline:var(--spacing-90)}[data-size=sm] .qui-segmented-control__item{--divider-height:var(--sizing-60)}[data-size=sm] .qui-segmented-control__item>.qui-icon__root{--icon-size:var(--sizing-60)}[data-size=md] .qui-segmented-control__item{block-size:var(--sizing-140);font:var(--font-static-body-sm-bold);gap:var(--spacing-70);padding-inline:var(--spacing-90)}[data-size=md] .qui-segmented-control__item:has([data-part=item-label]){padding-inline:var(--spacing-100)}[data-size=md] .qui-segmented-control__item{--divider-height:var(--sizing-70)}[data-size=md] .qui-segmented-control__item>.qui-icon__root{--icon-size:var(--sizing-70)}[data-size=lg] .qui-segmented-control__item{block-size:var(--sizing-160);font:var(--font-static-body-lg-bold);gap:var(--spacing-90);padding-inline:14px}[data-size=lg] .qui-segmented-control__item:has([data-part=item-label]){padding-inline:var(--spacing-110)}[data-size=lg] .qui-segmented-control__item{--divider-height:var(--sizing-80)}[data-size=lg] .qui-segmented-control__item>.qui-icon__root{--icon-size:var(--sizing-80)}[data-orientation=horizontal] .qui-segmented-control__item:first-of-type{border-end-start-radius:var(--border-radius);border-start-start-radius:var(--border-radius)}[data-orientation=vertical] .qui-segmented-control__item:first-of-type{border-start-end-radius:var(--border-radius);border-start-start-radius:var(--border-radius)}[data-orientation=horizontal] .qui-segmented-control__item:last-of-type{border-end-end-radius:var(--border-radius);border-start-end-radius:var(--border-radius)}[data-orientation=vertical] .qui-segmented-control__item:last-of-type{border-end-end-radius:var(--border-radius);border-end-start-radius:var(--border-radius)}.qui-segmented-control__item[data-state=unchecked]:not([data-disabled]){background-color:unset}.qui-segmented-control__item[data-state=unchecked]:not([data-disabled]):hover{background-color:var(--bg-hover);color:var(--text-hover)}.qui-segmented-control__item[data-state=unchecked]:not([data-disabled]):active{background-color:var(--bg-active);color:var(--text-active)}.qui-segmented-control__item[data-state=checked]{background-color:var(--bg-checked);color:var(--text-checked)}.qui-segmented-control__item[data-disabled]{background-color:var(--bg-disabled);color:var(--text-disabled);cursor:default}.qui-segmented-control__item[data-focus-visible]{box-shadow:0px 0 0 2px var(--color-utility-focus-border);outline:none}.qui-segmented-control__item[data-focus-visible][data-state=checked]{box-shadow:inset 0px 0 0 1px var(--color-background-neutral-00),0px 0 0 2px var(--color-utility-focus-border)}.qui-segmented-control__root{gap:1px}.qui-segmented-control__item:not(:first-of-type){position:relative}.qui-segmented-control__item:not(:first-of-type):before{background-color:var(--color-border-neutral-01);content:"";position:absolute;transition:background-color var(--animation-duration-faster) ease}[data-orientation=horizontal] .qui-segmented-control__item:not(:first-of-type):before{height:var(--divider-height);inset-inline-start:-1px;top:calc(50% - var(--divider-height) / 2);width:1px}[data-orientation=horizontal] .qui-segmented-control__item[data-state=checked]+.qui-segmented-control__item:before,[data-orientation=horizontal] .qui-segmented-control__item[data-state=checked]:not(:first-of-type):before{background-color:var(--bg-checked);height:100%;top:0}[data-orientation=horizontal] .qui-segmented-control__item[data-disabled]+.qui-segmented-control__item:before,[data-orientation=horizontal] .qui-segmented-control__item[data-disabled]:not(:first-of-type):before{background-color:var(--bg-disabled);height:100%;top:0}[data-orientation=vertical] .qui-segmented-control__item:not(:first-of-type):before{height:1px;inset-block-start:-1px;width:100%}[data-orientation=vertical] .qui-segmented-control__item[data-state=checked]+.qui-segmented-control__item:before,[data-orientation=vertical] .qui-segmented-control__item[data-state=checked]:not(:first-of-type):before{background-color:var(--bg-checked)}.qui-segmented-control__item:has(:focus-visible)+.qui-segmented-control__item:before,.qui-segmented-control__item:has(:focus-visible):before{display:none}.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-size=md]{font:var(--font-static-body-sm-default)}.qui-radio-group__label[data-size=lg]{font:var(--font-static-body-lg-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-70)}.qui-radio-group__items[data-orientation=horizontal]{flex-direction:row;gap:var(--spacing-100)}.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)}.qui-radio__control[data-size=lg]{--control-size:var(--sizing-90)}.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] .qui-radio__dot{display:block}.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-size=md]{--dot-size:10px}.qui-radio__control[data-size=lg]{--dot-size:var(--sizing-60)}.qui-radio__control[data-invalid]{background:var(--color-interactive-background-danger-idle);border-color:var(--color-interactive-border-danger-idle)}.qui-radio__control[data-invalid][data-hover]{background:var(--color-interactive-background-danger-hover);border-color:var(--color-interactive-border-danger-hover)}.qui-radio__control[data-invalid][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-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)}.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);vertical-align:middle;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]{animation:qui-progress-ring__indeterminate-rotate 3s linear infinite}.qui-progress-ring__circle[data-state=indeterminate] .qui-progress-ring__bar{animation:qui-progress-ring__indeterminate-circle 2s linear infinite}.qui-progress-ring__track{fill:transparent;stroke:var(--color-background-neutral-04);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-invalid]{--progress-color:var(--color-text-support-danger)}.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__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__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)}}.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__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__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__track{align-items:baseline;align-self:center;background:var(--color-background-neutral-04);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-invalid]{--progress-color:var(--color-text-support-danger)}.qui-progress__bar[data-state=complete],.qui-progress__bar[data-state=loading]{width:var(--percent)}.qui-progress__bar[data-state=indeterminate]: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]: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%}}.qui-popover__content{--arrow-background:var(--color-surface-overlay);--arrow-size:10px;background:var(--color-surface-overlay);border-radius:4px;box-shadow:var(--shadow-high);display:flex;filter:drop-shadow(0 4px 8px rgba(0,0,0,0.2));flex-direction:column;font:var(--font-static-body-xs-default);gap:var(--spacing-70);padding:var(--spacing-110);position:relative;transform-origin:var(--transform-origin);z-index:calc(var(--z-index-popover) + var(--layer-index))}.qui-popover__label{color:var(--color-text-neutral-primary);font:var(--font-static-heading-xxs-bold)}.qui-popover__description{align-items:flex-start;color:var(--color-text-neutral-primary);font:var(--font-static-body-xs-default);position:relative}.qui-popover__close-trigger{position:absolute;right:0;top:-20px}.qui-popover__arrow{--arrow-background:var(--color-surface-overlay);--arrow-shadow-color:#ebebeb}.qui-popover__indicator{display:inline-flex;margin-inline-start:4px}.qui-popover__indicator[data-state=open]{rotate:90deg}.qui-pagination__root{align-items:center;display:inline-flex;flex-wrap:wrap;gap:20px;justify-content:space-between}.qui-pagination__page-metadata{align-items:center;color:var(--color-text-neutral-primary);display:inline-flex;font:var(--font-static-body-sm-default)}.qui-pagination__page-metadata[data-size=sm]{font:var(--font-static-body-xs-default)}.qui-pagination__page-item{--pagination-size:var(--sizing-140);align-items:center;background:transparent;border:1px solid transparent;border-radius:var(--border-radius-md);color:var(--color-interactive-text-neutral-idle);display:inline-flex;font:var(--font-static-body-sm-bold);height:var(--pagination-size);justify-content:center;line-height:normal;min-height:var(--pagination-size);min-width:var(--pagination-size);outline:none}.qui-pagination__page-item:hover{background-color:var(--color-interactive-background-ghost-hover)}.qui-pagination__page-item:hover[data-type=separator]{background-color:transparent;cursor:initial}.qui-pagination__page-item[data-size=sm]{font:var(--font-static-body-xs-bold);--pagination-size:var(--sizing-120)}.qui-pagination__page-item[data-active]{border-color:var(--color-interactive-border-neutral-idle)}.qui-pagination__page-item:focus-visible{border-color:var(--color-utility-focus-border);outline:solid 1px var(--color-utility-focus-border)}.qui-pagination__page-item[data-disabled]{background:transparent;color:var(--color-utility-disabled-text);cursor:initial}.qui-pagination__page-size-label{color:var(--color-text-neutral-primary);font:var(--font-static-body-sm-default)}.qui-pagination__page-size-label[data-size=sm]{font:var(--font-static-body-xs-default)}.qui-pagination__page-size{align-items:center;display:inline-flex;gap:var(--spacing-70)}.qui-pagination__page-size[data-size=sm]{gap:var(--spacing-50)}.qui-number-input__input-group{gap:var(--spacing-40);height:var(--sizing-140);min-width:var(--sizing-140);padding-inline-end:var(--group-padding-end);padding-inline-start:var(--group-padding-start);--group-padding-start:var(--spacing-90);--step-button-size:var(--sizing-100)}.qui-number-input__input-group[data-size=sm]{--group-padding-start:var(--spacing-70);--step-button-size:var(--sizing-90);height:var(--sizing-120);min-width:var(--sizing-120)}.qui-number-input__input-group[data-size=lg]{--group-padding-start:var(--spacing-100);height:var(--sizing-160);min-width:var(--sizing-160)}.qui-number-input__input-group{--group-padding-end:var(--spacing-50)}.qui-number-input__input-group [data-size=sm]{--group-padding-end:var(--spacing-40);--group-padding-start:var(--spacing-70)}.qui-number-input__input-group [data-size=lg]{--group-padding-start:var(--spacing-100)}.qui-number-input__input-group:has([data-part=unit-menu-trigger]){--group-padding-start:0}.qui-number-input__input-group:has([data-part=decrement-trigger]):has([data-part=increment-trigger]) .qui-number-input__control{gap:calc((var(--spacing-40) * 2) - 1px)}.qui-number-input__input-group:has([data-part=decrement-trigger]):has([data-part=increment-trigger]) [data-part=decrement-trigger]:after{background:var(--color-border-neutral-01);content:" ";height:var(--sizing-70);position:absolute;right:calc((var(--spacing-40) * -1) - 1px);width:var(--sizing-10)}.qui-number-input__input-group:hover{border-color:var(--color-interactive-border-neutral-hover)}.qui-number-input__input-group:hover:has([data-part=input]:not([data-empty])){--icon-color:var(--color-text-neutral-secondary)}.qui-number-input__input-group:hover{--icon-color:var(--color-icon-neutral-secondary);border-color:var(--color-interactive-border-neutral-hover)}.qui-number-input__input-group[data-invalid]{border-color:var(--color-interactive-border-danger-idle)}.qui-number-input__input-group[data-focus]{border-color:var(--color-utility-focus-border);outline:solid 1px var(--color-utility-focus-border)}.qui-number-input__input-group[data-readonly]{--icon-color:var(--color-utility-disabled-icon);background:var(--color-background-neutral-02);border-color:var(--color-utility-disabled-border)}.qui-number-input__input-group[data-disabled]{background:var(--color-utility-disabled-background);border-color:var(--color-utility-disabled-border);color:var(--color-utility-disabled-text);--icon-color:var(--color-utility-disabled-icon)}.qui-number-input__input-group[data-disabled] .qui-number-input__input::-moz-placeholder{color:var(--color-utility-disabled-text)}.qui-number-input__input-group[data-disabled] .qui-number-input__input::placeholder{color:var(--color-utility-disabled-text)}.qui-number-input__input-group:has([data-part=input]:disabled){--icon-color:var(--color-utility-disabled-icon);background:var(--color-utility-disabled-background);border-color:var(--color-utility-disabled-border)}.qui-number-input__input{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:transparent;border:0;border-radius:var(--border-radius-md);box-sizing:border-box;color:var(--color-text-neutral-primary);font:var(--font-static-body-sm-default);font-feature-settings:inherit;font-variation-settings:inherit;height:100%;letter-spacing:inherit;margin:0;opacity:1;outline:0;padding:0;text-align:start;text-overflow:ellipsis;width:100%;z-index:0}.qui-number-input__input::-moz-placeholder{color:var(--color-utility-placeholder-text)}.qui-number-input__input::placeholder{color:var(--color-utility-placeholder-text)}.qui-number-input__input:disabled{color:var(--color-utility-disabled-text)}.qui-number-input__input:disabled::-moz-placeholder{color:var(--color-utility-disabled-text)}.qui-number-input__input:disabled::placeholder{color:var(--color-utility-disabled-text)}.qui-number-input__input[data-size=sm]{font:var(--font-static-body-xs-default)}.qui-number-input__input[data-size=lg]{font:var(--font-static-body-md-default)}.qui-number-input__control{align-items:center;display:flex;justify-content:center;position:relative;z-index:1}.qui-number-input__step-trigger.qui-inline-icon-button__root[data-size]{--button-size:var(--step-button-size);position:relative}.qui-number-input__error-indicator[data-size]{margin-inline-end:var(--spacing-20)}.qui-number-input__error-indicator[data-size=lg]{margin-inline-end:var(--spacing-40)}.qui-menu__button{background:transparent}.qui-menu__button .qui-button__icon[data-placement=end],.qui-menu__button .qui-button__icon[data-scope=icon-button]{transition:transform var(--animation-duration-faster) ease-out}.qui-menu__button[data-scope=menu][data-part=trigger][data-state=open] .qui-button__icon[data-placement=end],.qui-menu__button[data-scope=menu][data-part=trigger][data-state=open] .qui-button__icon[data-scope=icon-button],.qui-menu__button[data-state=open][aria-haspopup=menu] .qui-button__icon[data-placement=end],.qui-menu__button[data-state=open][aria-haspopup=menu] .qui-button__icon[data-scope=icon-button]{transform:rotate(180deg)}.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-scope=menu][data-part=description]) .qui-menu-item__command,.qui-menu-item__root:has([data-scope=menu][data-part=description]) .qui-menu-item__indicator{grid-column:3;grid-row:1/span 2}.qui-menu-item__root [data-scope=menu][data-part=description]{grid-column:1/span 2}.qui-menu-item__root:has([data-part=start-icon]) [data-scope=menu][data-part=description]{grid-column:2}.qui-menu-item__root:has([data-part=start-icon][data-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-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-scope=menu][data-part=item-control]{margin-right:var(--spacing-50)}.qui-link__root{align-items:center;background:transparent;border:solid 1px transparent;box-sizing:border-box;color:var(--color-interactive-text-link-default-idle);cursor:pointer;display:inline-flex;font:var(--font-static-body-sm-bold);gap:var(--spacing-40);margin:0;outline:none;padding:0;text-decoration:none;transition-duration:var(--animation-duration-faster);transition-property:color;transition-timing-function:ease-out;width:-moz-fit-content;width:fit-content}.qui-link__root:hover{border-bottom-color:var(--color-interactive-text-link-default-hover);color:var(--color-interactive-text-link-default-hover)}.qui-link__root:active{color:var(--color-interactive-text-link-default-pressed)}.qui-link__root:visited:not(:hover){border-bottom-color:var(--color-interactive-text-link-default-visited)}.qui-link__root:focus-visible{border:solid 1px var(--color-utility-focus-border);border-radius:var(--border-radius-md);color:var(--color-interactive-text-link-default-idle);outline:solid 1px var(--color-utility-focus-border);outline-offset:0}.qui-link__root:visited:not(:hover){color:var(--color-interactive-text-link-default-visited)}.qui-link__root[data-emphasis=neutral]{color:var(--color-interactive-text-link-neutral-idle)}.qui-link__root[data-emphasis=neutral]:hover{border-bottom-color:var(--color-interactive-text-link-neutral-hover);color:var(--color-interactive-text-link-neutral-hover)}.qui-link__root[data-emphasis=neutral]:active{color:var(--color-interactive-text-link-neutral-pressed)}.qui-link__root[data-emphasis=neutral]:visited:not(:hover){border-bottom-color:var(--color-interactive-text-link-neutral-visited)}.qui-link__root[data-emphasis=neutral]:focus-visible{border:solid 1px var(--color-utility-focus-border);border-radius:var(--border-radius-md);color:var(--color-interactive-text-link-neutral-idle);outline:solid 1px var(--color-utility-focus-border);outline-offset:0}.qui-link__root[data-emphasis=neutral]:visited:not(:hover){color:var(--color-interactive-text-link-neutral-visited)}.qui-link__root[data-disabled][data-emphasis]{color:var(--color-utility-disabled-text);pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.qui-link__root[data-size=xs]{font:var(--font-static-body-xs-bold);gap:var(--spacing-20)}.qui-link__root[data-size=sm]{font:var(--font-static-body-sm-bold);gap:var(--spacing-40)}.qui-link__root[data-size=md]{font:var(--font-static-body-md-bold);gap:var(--spacing-40)}.qui-link__root[data-size=lg]{font:var(--font-static-body-lg-bold);gap:var(--spacing-40)}.qui-link__root[data-size=xl]{font:var(--font-static-body-xl-bold);gap:var(--spacing-50)}.qui-link__root[data-size=xxl]{font:var(--font-static-body-xxl-bold);gap:var(--spacing-70)}.qui-link__icon[data-size=sm],.qui-link__icon[data-size=xs]{--icon-size:16px}.qui-link__icon[data-size=lg],.qui-link__icon[data-size=md],.qui-link__icon[data-size=xl]{--icon-size:20px}.qui-link__icon[data-size=xxl]{--icon-size:24px}.qds-kbd{align-items:center;color:var(--color-text-neutral-secondary);display:inline-flex;font:var(--font-static-body-xs-default);gap:var(--spacing-10,1px);padding:0}.qui-input__root{align-items:flex-start;box-sizing:border-box;display:flex;flex-direction:column;gap:var(--spacing-30);position:relative;width:100%;--input-group-gap:var(--spacing-40)}.qui-input__root[data-size=lg]{--input-group-gap:var(--spacing-50)}.qui-input__root[data-disabled]{pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.qui-input__input-group{box-sizing:border-box;gap:var(--input-group-gap);height:var(--sizing-140);min-width:var(--sizing-160);outline:0;padding:0 var(--spacing-90)}.qui-input__input-group[data-focus]{outline:solid 1px var(--color-utility-focus-border)}.qui-input__input-group[data-size=sm]{height:var(--sizing-120);min-width:var(--sizing-120);padding:0 var(--spacing-70)}.qui-input__input-group[data-size=lg]{height:var(--sizing-160);min-width:var(--sizing-160);padding:0 var(--spacing-100)}.qui-input__input-group:has(.qui-password-input__visibility-trigger) [data-part=end-icon]{display:none}.qui-input__input-group .qui-password-input__visibility-trigger{z-index:2}.qui-input__input-group [data-part=input][data-size]{border:0;height:100%;outline:0}.qui-input__input-group:has([data-part=input][data-empty]) .qui-input__clear-trigger{display:none}.qui-input__input-group,.qui-number-input__input-group{align-items:center;background:var(--color-background-neutral-00);border:solid 1px var(--color-interactive-border-neutral-idle);border-radius:var(--border-radius-md);box-sizing:border-box;display:inline-flex;justify-content:flex-start;position:relative;width:100%;--icon-color:var(--color-utility-placeholder-icon)}.qui-input__input-group:hover,.qui-number-input__input-group:hover{border-color:var(--color-interactive-border-neutral-hover)}.qui-input__input-group:has([data-part=input]:not([data-empty])),.qui-number-input__input-group:has([data-part=input]:not([data-empty])){--icon-color:var(--color-icon-neutral-primary)}.qui-input__input-group[data-invalid],.qui-number-input__input-group[data-invalid]{border-color:var(--color-interactive-border-danger-idle);outline:solid 1px var(--color-interactive-border-danger-idle)}.qui-input__input-group[data-readonly],.qui-number-input__input-group[data-readonly]{--icon-color:var(--color-utility-disabled-icon);background:var(--color-background-neutral-02);border-color:var(--color-utility-disabled-border)}.qui-input__input-group[data-focus],.qui-number-input__input-group[data-focus]{border-color:var(--color-utility-focus-border);outline:solid 1px var(--color-utility-focus-border)}.qui-input__input-group[data-disabled],.qui-number-input__input-group[data-disabled]{--icon-color:var(--color-utility-disabled-icon);background:var(--color-utility-disabled-background);border-color:var(--color-utility-disabled-border);color:var(--color-utility-disabled-text)}.qui-input__input{--icon-color:var(--color-utility-placeholder-text);--input-size:var(--sizing-140);-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:transparent;border:0 solid;border-radius:var(--border-radius-md);box-sizing:border-box;color:var(--color-text-neutral-primary);font:var(--font-static-body-sm-default);height:100%;letter-spacing:inherit;margin:0;min-height:calc(var(--input-size) - 2px);min-width:var(--input-size);opacity:1;outline:0;padding:0;position:relative;text-align:start;text-overflow:ellipsis;width:100%}.qui-input__input[data-size=sm]{--input-size:var(--sizing-120);font:var(--font-static-body-xs-default)}.qui-input__input[data-size=lg]{--input-size:var(--sizing-160);font:var(--font-static-body-md-default)}.qui-input__input:disabled{color:var(--color-utility-disabled-text)}.qui-input__input:disabled::-moz-placeholder{color:var(--color-utility-disabled-text)}.qui-input__input:disabled::placeholder{color:var(--color-utility-disabled-text)}.qui-input__input::-moz-placeholder{color:var(--color-utility-placeholder-text);opacity:1}.qui-input__input::placeholder{color:var(--color-utility-placeholder-text);opacity:1}.qui-input__icon{align-items:center;color:var(--icon-color);display:inline-flex;justify-content:center;pointer-events:none;z-index:2;--icon-height:var(--sizing-70);--icon-width:var(--sizing-70)}.qui-input__icon[data-size=sm]{margin-right:calc(var(--spacing-50) - var(--input-group-gap))}.qui-input__icon[data-size=md]{margin-right:calc(var(--spacing-70) - var(--input-group-gap))}.qui-input__icon[data-size=lg]{--icon-height:var(--sizing-80);--icon-width:var(--sizing-80);margin-right:calc(var(--spacing-80) - var(--input-group-gap))}.qui-input__clear-button{cursor:pointer;grid-row:1;z-index:3}.qui-input__label{color:var(--color-text-neutral-secondary);font:var(--font-static-body-xs-default)}.qui-input__label[data-disabled]{color:var(--color-utility-disabled-text)}.qui-input__hint{color:var(--color-text-neutral-secondary);font:var(--font-static-body-xs-default)}.qui-input__hint[data-disabled]{color:var(--color-utility-disabled-text)}.qui-input__required-indicator.qui-icon__root{display:inline;vertical-align:top}.qui-input__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)}.qui-input__error-indicator{color:var(--color-text-support-danger);--icon-height:var(--sizing-70);--icon-width:var(--sizing-70)}.qui-input__error-indicator[data-size=lg]{--icon-height:var(--sizing-80);--icon-width:var(--sizing-80)}.qui-password-input__visibility-trigger[data-part=visibility-trigger]{color:var(--icon-color)}.qui-notification__root{padding:var(--spacing-90) var(--spacing-100);position:relative;width:100%}.qui-notification__root{--border-color:var(--color-border-support-info);--background-color:var(--color-background-support-info-subtle);--icon-color:var(--color-icon-support-info);--border-left-color:var(--color-background-support-info);background:var(--background-color);border-bottom-left-radius:var(--border-radius-md);border-color:var(--border-color);border-left:solid var(--sizing-40) var(--border-left-color);border-style:solid;border-top-left-radius:var(--border-radius-md);border-width:var(--border-width-sm) var(--border-width-sm) var(--border-width-sm) var(--sizing-40);box-sizing:border-box}.qui-notification__root[data-emphasis=success]{--border-color:var(--color-border-support-success);--background-color:var(--color-background-support-success-subtle);--icon-color:var(--color-icon-support-success);--border-left-color:var(--color-background-support-success)}.qui-notification__root[data-emphasis=warning]{--border-color:var(--color-border-support-warning);--background-color:var(--color-background-support-warning-subtle);--icon-color:var(--color-icon-support-warning);--border-left-color:var(--color-background-support-warning)}.qui-notification__root[data-emphasis=danger]{--border-color:var(--color-border-support-danger);--background-color:var(--color-background-support-danger-subtle);--icon-color:var(--color-icon-support-danger);--border-left-color:var(--color-background-support-danger)}.qui-notification__root[data-emphasis=neutral]{--border-color:var(--color-border-support-neutral);--background-color:var(--color-background-support-neutral-subtle);--icon-color:var(--color-icon-support-neutral);--border-left-color:var(--color-background-support-neutral)}.qui-notification__root:has([data-part=status-icon]){--icon-col:1}.qui-notification__root:has(.qui-notification__close-button){padding-right:calc(var(--spacing-70) * 2 + var(--sizing-80))}.qui-notification__root[data-orientation=horizontal]{align-items:center;display:flex;flex-wrap:wrap;gap:var(--spacing-70)}.qui-notification__root[data-orientation=vertical]{display:grid;--icon-col:0}.qui-notification__root[data-orientation=vertical]:has(.qui-notification__icon){grid-template-columns:calc(var(--sizing-80) + var(--spacing-70)) 1fr;--content-col:2}.qui-notification__root[data-orientation=vertical] .qui-notification__close-button{top:var(--spacing-90)}.qui-notification__label{align-self:baseline;color:var(--color-text-neutral-primary);font:var(--font-static-body-md-bold);grid-column:var(--content-col)}.qui-notification__description{align-self:baseline;color:var(--color-text-neutral-primary);font:var(--font-static-body-sm-default);grid-column:var(--content-col)}.qui-notification__icon{color:var(--icon-color);grid-column:var(--icon-col)}.qui-notification__action{align-self:baseline;grid-column:var(--content-col)}.qui-notification__action[data-orientation=horizontal]{margin-left:auto}.qui-notification__close-button{position:absolute;right:var(--spacing-70)}.qui-inline-icon-button__root{--button-size:var(--sizing-90);align-items:center;background:var(--color-interactive-background-ghost-idle);border:var(--border-width-sm) solid transparent;border-radius:var(--border-radius-sm);color:var(--color-interactive-icon-neutral-idle);display:inline-flex;height:var(--button-size);justify-content:center;min-height:var(--button-size);min-width:var(--button-size);outline:none;transition:background-color var(--animation-duration-faster) ease-out,color var(--animation-duration-faster) ease-out;width:var(--button-size)}.qui-inline-icon-button__root[hidden]{display:none}@media (prefers-reduced-motion: reduce){.qui-inline-icon-button__root{transition:none}}.qui-inline-icon-button__root:focus-visible{border-color:var(--color-utility-focus-border);outline:1px solid var(--color-utility-focus-border)}.qui-inline-icon-button__root[data-size=sm]{--button-size:var(--sizing-80)}.qui-inline-icon-button__root[data-size=lg]{--button-size:var(--sizing-100)}.qui-inline-icon-button__root .qui-icon__root.qui-inline-icon-button__icon{--icon-size:12px}.qui-inline-icon-button__root .qui-icon__root.qui-inline-icon-button__icon[data-variant=scale][data-size]{--icon-size:16px}.qui-inline-icon-button__root:hover{background:var(--color-interactive-background-ghost-hover);color:var(--color-interactive-icon-neutral-hover)}.qui-inline-icon-button__root:active{background:var(--color-interactive-background-ghost-pressed);color:var(--color-interactive-icon-neutral-pressed)}.qui-inline-icon-button__root[data-emphasis=persistent-black]{background:var(--color-interactive-background-persistent-black-ghost-idle);color:var(--color-utility-persistent-black)}.qui-inline-icon-button__root[data-emphasis=persistent-black]:hover{background:var(
14
14
  --color-interactive-background-persistent-black-ghost-hover
15
15
  )}.qui-inline-icon-button__root[data-emphasis=persistent-black]:active{background:var(
16
16
  --color-interactive-background-persistent-black-ghost-pressed
package/dist/radio/index.cjs CHANGED
@@ -1,2 +1,2 @@
1
- "use strict";var s=Object.defineProperty;var a=Object.getOwnPropertyDescriptor;var m=Object.getOwnPropertyNames;var p=Object.prototype.hasOwnProperty;var u=(e,i)=>{for(var t in i)s(e,t,{get:i[t],enumerable:!0})},g=(e,i,t,r)=>{if(i&&typeof i=="object"||typeof i=="function")for(let o of m(i))!p.call(e,o)&&o!==t&&s(e,o,{get:()=>i[o],enumerable:!(r=a(i,o))||r.enumerable});return e};var l=e=>g(s({},"__esModule",{value:!0}),e);var Q={};u(Q,{createQdsRadioApi:()=>B,radioClasses:()=>d});module.exports=l(Q);var n=require("@qualcomm-ui/qds-core/input");var d={group:"qui-radio-group__root",groupLabel:"qui-radio-group__label",item:"qui-radio__root",itemControl:"qui-radio__control",itemHiddenInput:"qui-radio__hidden-input",itemLabel:"qui-radio__label",items:"qui-radio-group__items"};function B(e,i){let t=e.size||"md";return{size:t,getErrorTextBindings(){return i.element({className:n.inputClasses.errorText})},getGroupBindings(){return i.element({className:d.group})},getGroupItemsBindings(){return i.element({className:d.items})},getGroupLabelBindings(){return i.element({className:d.groupLabel,"data-size":t})},getItemBindings(){return i.label({className:d.item})},getItemControlBindings(){return i.element({className:d.itemControl,"data-size":t})},getItemHiddenInputBindings(){return i.input({className:d.itemHiddenInput})},getItemLabelBindings(){return i.element({className:d.itemLabel,"data-size":t})}}}
1
+ "use strict";var r=Object.defineProperty;var m=Object.getOwnPropertyDescriptor;var p=Object.getOwnPropertyNames;var u=Object.prototype.hasOwnProperty;var g=(t,i)=>{for(var e in i)r(t,e,{get:i[e],enumerable:!0})},l=(t,i,e,s)=>{if(i&&typeof i=="object"||typeof i=="function")for(let o of p(i))!u.call(t,o)&&o!==e&&r(t,o,{get:()=>i[o],enumerable:!(s=m(i,o))||s.enumerable});return t};var B=t=>l(r({},"__esModule",{value:!0}),t);var R={};g(R,{createQdsRadioApi:()=>Q,radioClasses:()=>d});module.exports=B(R);var n=require("@qualcomm-ui/qds-core/input"),a=require("@qualcomm-ui/utils/attributes");var d={group:"qui-radio-group__root",groupLabel:"qui-radio-group__label",item:"qui-radio__root",itemControl:"qui-radio__control",itemHiddenInput:"qui-radio__hidden-input",itemLabel:"qui-radio__label",items:"qui-radio-group__items"};function Q({indented:t=!1,size:i="md"},e){return{size:i,getErrorTextBindings(){return e.element({className:n.inputClasses.errorText})},getGroupBindings(){return e.element({className:d.group})},getGroupItemsBindings(){return e.element({className:d.items,"data-indented":(0,a.booleanDataAttr)(t)})},getGroupLabelBindings(){return e.element({className:d.groupLabel,"data-size":i})},getItemBindings(){return e.label({className:d.item})},getItemControlBindings(){return e.element({className:d.itemControl,"data-size":i})},getItemHiddenInputBindings(){return e.input({className:d.itemHiddenInput})},getItemLabelBindings(){return e.element({className:d.itemLabel,"data-size":i})}}}
2
2
  //# sourceMappingURL=index.cjs.map
package/dist/radio/index.cjs.map CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "version": 3,
3
3
  "sources": ["../../src/radio/index.ts", "../../src/radio/radio.api.ts", "../../src/radio/radio.classes.ts"],
4
- "sourcesContent": ["export * from \"./radio.api\"\nexport * from \"./radio.classes\"\nexport type * from \"./radio.types\"\n", "// Copyright (c) Qualcomm Technologies, Inc. and/or its subsidiaries.\n// SPDX-License-Identifier: BSD-3-Clause-Clear\n\nimport {inputClasses} from \"@qualcomm-ui/qds-core/input\"\nimport type {Explicit} from \"@qualcomm-ui/utils/guard\"\nimport type {PropNormalizer} from \"@qualcomm-ui/utils/machine\"\n\nimport {radioClasses} from \"./radio.classes\"\nimport type {\n QdsRadioApi,\n QdsRadioApiProps,\n QdsRadioErrorTextBindings,\n QdsRadioGroupBindings,\n QdsRadioGroupItemsBindings,\n QdsRadioGroupLabelBindings,\n QdsRadioItemBindings,\n QdsRadioItemControlBindings,\n QdsRadioItemHiddenInputBindings,\n QdsRadioItemLabelBindings,\n} from \"./radio.types\"\n\nexport function createQdsRadioApi(\n props: Explicit<QdsRadioApiProps>,\n normalize: PropNormalizer,\n): QdsRadioApi {\n const size = props.size || \"md\"\n return {\n size,\n\n // group: bindings\n getErrorTextBindings(): QdsRadioErrorTextBindings {\n return normalize.element({\n className: inputClasses.errorText,\n })\n },\n getGroupBindings(): QdsRadioGroupBindings {\n return normalize.element({\n className: radioClasses.group,\n })\n },\n getGroupItemsBindings(): QdsRadioGroupItemsBindings {\n return normalize.element({\n className: radioClasses.items,\n })\n },\n getGroupLabelBindings(): QdsRadioGroupLabelBindings {\n return normalize.element({\n className: radioClasses.groupLabel,\n \"data-size\": size,\n })\n },\n getItemBindings(): QdsRadioItemBindings {\n return normalize.label({\n className: radioClasses.item,\n })\n },\n getItemControlBindings(): QdsRadioItemControlBindings {\n return normalize.element({\n className: radioClasses.itemControl,\n \"data-size\": size,\n })\n },\n getItemHiddenInputBindings(): QdsRadioItemHiddenInputBindings {\n return normalize.input({\n className: radioClasses.itemHiddenInput,\n })\n },\n getItemLabelBindings(): QdsRadioItemLabelBindings {\n return normalize.element({\n className: radioClasses.itemLabel,\n \"data-size\": size,\n })\n },\n }\n}\n", "// Copyright (c) Qualcomm Technologies, Inc. and/or its subsidiaries.\n// SPDX-License-Identifier: BSD-3-Clause-Clear\n\nexport const radioClasses = {\n group: \"qui-radio-group__root\",\n groupLabel: \"qui-radio-group__label\",\n item: \"qui-radio__root\",\n itemControl: \"qui-radio__control\",\n itemHiddenInput: \"qui-radio__hidden-input\",\n itemLabel: \"qui-radio__label\",\n items: \"qui-radio-group__items\",\n} as const\n"],
5
- "mappings": "yaAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,uBAAAE,EAAA,iBAAAC,IAAA,eAAAC,EAAAJ,GCGA,IAAAK,EAA2B,uCCApB,IAAMC,EAAe,CAC1B,MAAO,wBACP,WAAY,yBACZ,KAAM,kBACN,YAAa,qBACb,gBAAiB,0BACjB,UAAW,mBACX,MAAO,wBACT,EDUO,SAASC,EACdC,EACAC,EACa,CACb,IAAMC,EAAOF,EAAM,MAAQ,KAC3B,MAAO,CACL,KAAAE,EAGA,sBAAkD,CAChD,OAAOD,EAAU,QAAQ,CACvB,UAAW,eAAa,SAC1B,CAAC,CACH,EACA,kBAA0C,CACxC,OAAOA,EAAU,QAAQ,CACvB,UAAWE,EAAa,KAC1B,CAAC,CACH,EACA,uBAAoD,CAClD,OAAOF,EAAU,QAAQ,CACvB,UAAWE,EAAa,KAC1B,CAAC,CACH,EACA,uBAAoD,CAClD,OAAOF,EAAU,QAAQ,CACvB,UAAWE,EAAa,WACxB,YAAaD,CACf,CAAC,CACH,EACA,iBAAwC,CACtC,OAAOD,EAAU,MAAM,CACrB,UAAWE,EAAa,IAC1B,CAAC,CACH,EACA,wBAAsD,CACpD,OAAOF,EAAU,QAAQ,CACvB,UAAWE,EAAa,YACxB,YAAaD,CACf,CAAC,CACH,EACA,4BAA8D,CAC5D,OAAOD,EAAU,MAAM,CACrB,UAAWE,EAAa,eAC1B,CAAC,CACH,EACA,sBAAkD,CAChD,OAAOF,EAAU,QAAQ,CACvB,UAAWE,EAAa,UACxB,YAAaD,CACf,CAAC,CACH,CACF,CACF",
6
- "names": ["radio_exports", "__export", "createQdsRadioApi", "radioClasses", "__toCommonJS", "import_input", "radioClasses", "createQdsRadioApi", "props", "normalize", "size", "radioClasses"]
4
+ "sourcesContent": ["export * from \"./radio.api\"\nexport * from \"./radio.classes\"\nexport type * from \"./radio.types\"\n", "// Copyright (c) Qualcomm Technologies, Inc. and/or its subsidiaries.\n// SPDX-License-Identifier: BSD-3-Clause-Clear\n\nimport {inputClasses} from \"@qualcomm-ui/qds-core/input\"\nimport {booleanDataAttr} from \"@qualcomm-ui/utils/attributes\"\nimport type {PropNormalizer} from \"@qualcomm-ui/utils/machine\"\n\nimport {radioClasses} from \"./radio.classes\"\nimport type {\n QdsRadioApi,\n QdsRadioApiProps,\n QdsRadioErrorTextBindings,\n QdsRadioGroupBindings,\n QdsRadioGroupItemsBindings,\n QdsRadioGroupLabelBindings,\n QdsRadioItemBindings,\n QdsRadioItemControlBindings,\n QdsRadioItemHiddenInputBindings,\n QdsRadioItemLabelBindings,\n} from \"./radio.types\"\n\nexport function createQdsRadioApi(\n {indented = false, size = \"md\"}: QdsRadioApiProps,\n normalize: PropNormalizer,\n): QdsRadioApi {\n return {\n size,\n\n // group: bindings\n getErrorTextBindings(): QdsRadioErrorTextBindings {\n return normalize.element({\n className: inputClasses.errorText,\n })\n },\n getGroupBindings(): QdsRadioGroupBindings {\n return normalize.element({\n className: radioClasses.group,\n })\n },\n getGroupItemsBindings(): QdsRadioGroupItemsBindings {\n return normalize.element({\n className: radioClasses.items,\n \"data-indented\": booleanDataAttr(indented),\n })\n },\n getGroupLabelBindings(): QdsRadioGroupLabelBindings {\n return normalize.element({\n className: radioClasses.groupLabel,\n \"data-size\": size,\n })\n },\n getItemBindings(): QdsRadioItemBindings {\n return normalize.label({\n className: radioClasses.item,\n })\n },\n getItemControlBindings(): QdsRadioItemControlBindings {\n return normalize.element({\n className: radioClasses.itemControl,\n \"data-size\": size,\n })\n },\n getItemHiddenInputBindings(): QdsRadioItemHiddenInputBindings {\n return normalize.input({\n className: radioClasses.itemHiddenInput,\n })\n },\n getItemLabelBindings(): QdsRadioItemLabelBindings {\n return normalize.element({\n className: radioClasses.itemLabel,\n \"data-size\": size,\n })\n },\n }\n}\n", "// Copyright (c) Qualcomm Technologies, Inc. and/or its subsidiaries.\n// SPDX-License-Identifier: BSD-3-Clause-Clear\n\nexport const radioClasses = {\n group: \"qui-radio-group__root\",\n groupLabel: \"qui-radio-group__label\",\n item: \"qui-radio__root\",\n itemControl: \"qui-radio__control\",\n itemHiddenInput: \"qui-radio__hidden-input\",\n itemLabel: \"qui-radio__label\",\n items: \"qui-radio-group__items\",\n} as const\n"],
5
+ "mappings": "yaAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,uBAAAE,EAAA,iBAAAC,IAAA,eAAAC,EAAAJ,GCGA,IAAAK,EAA2B,uCAC3BC,EAA8B,yCCDvB,IAAMC,EAAe,CAC1B,MAAO,wBACP,WAAY,yBACZ,KAAM,kBACN,YAAa,qBACb,gBAAiB,0BACjB,UAAW,mBACX,MAAO,wBACT,EDUO,SAASC,EACd,CAAC,SAAAC,EAAW,GAAO,KAAAC,EAAO,IAAI,EAC9BC,EACa,CACb,MAAO,CACL,KAAAD,EAGA,sBAAkD,CAChD,OAAOC,EAAU,QAAQ,CACvB,UAAW,eAAa,SAC1B,CAAC,CACH,EACA,kBAA0C,CACxC,OAAOA,EAAU,QAAQ,CACvB,UAAWC,EAAa,KAC1B,CAAC,CACH,EACA,uBAAoD,CAClD,OAAOD,EAAU,QAAQ,CACvB,UAAWC,EAAa,MACxB,mBAAiB,mBAAgBH,CAAQ,CAC3C,CAAC,CACH,EACA,uBAAoD,CAClD,OAAOE,EAAU,QAAQ,CACvB,UAAWC,EAAa,WACxB,YAAaF,CACf,CAAC,CACH,EACA,iBAAwC,CACtC,OAAOC,EAAU,MAAM,CACrB,UAAWC,EAAa,IAC1B,CAAC,CACH,EACA,wBAAsD,CACpD,OAAOD,EAAU,QAAQ,CACvB,UAAWC,EAAa,YACxB,YAAaF,CACf,CAAC,CACH,EACA,4BAA8D,CAC5D,OAAOC,EAAU,MAAM,CACrB,UAAWC,EAAa,eAC1B,CAAC,CACH,EACA,sBAAkD,CAChD,OAAOD,EAAU,QAAQ,CACvB,UAAWC,EAAa,UACxB,YAAaF,CACf,CAAC,CACH,CACF,CACF",
6
+ "names": ["radio_exports", "__export", "createQdsRadioApi", "radioClasses", "__toCommonJS", "import_input", "import_attributes", "radioClasses", "createQdsRadioApi", "indented", "size", "normalize", "radioClasses"]
7
7
  }
package/dist/radio/index.js CHANGED
@@ -1,2 +1,2 @@
1
- import{inputClasses as o}from"@qualcomm-ui/qds-core/input";var e={group:"qui-radio-group__root",groupLabel:"qui-radio-group__label",item:"qui-radio__root",itemControl:"qui-radio__control",itemHiddenInput:"qui-radio__hidden-input",itemLabel:"qui-radio__label",items:"qui-radio-group__items"};function a(d,i){let t=d.size||"md";return{size:t,getErrorTextBindings(){return i.element({className:o.errorText})},getGroupBindings(){return i.element({className:e.group})},getGroupItemsBindings(){return i.element({className:e.items})},getGroupLabelBindings(){return i.element({className:e.groupLabel,"data-size":t})},getItemBindings(){return i.label({className:e.item})},getItemControlBindings(){return i.element({className:e.itemControl,"data-size":t})},getItemHiddenInputBindings(){return i.input({className:e.itemHiddenInput})},getItemLabelBindings(){return i.element({className:e.itemLabel,"data-size":t})}}}export{a as createQdsRadioApi,e as radioClasses};
1
+ import{inputClasses as o}from"@qualcomm-ui/qds-core/input";import{booleanDataAttr as r}from"@qualcomm-ui/utils/attributes";var e={group:"qui-radio-group__root",groupLabel:"qui-radio-group__label",item:"qui-radio__root",itemControl:"qui-radio__control",itemHiddenInput:"qui-radio__hidden-input",itemLabel:"qui-radio__label",items:"qui-radio-group__items"};function p({indented:d=!1,size:t="md"},i){return{size:t,getErrorTextBindings(){return i.element({className:o.errorText})},getGroupBindings(){return i.element({className:e.group})},getGroupItemsBindings(){return i.element({className:e.items,"data-indented":r(d)})},getGroupLabelBindings(){return i.element({className:e.groupLabel,"data-size":t})},getItemBindings(){return i.label({className:e.item})},getItemControlBindings(){return i.element({className:e.itemControl,"data-size":t})},getItemHiddenInputBindings(){return i.input({className:e.itemHiddenInput})},getItemLabelBindings(){return i.element({className:e.itemLabel,"data-size":t})}}}export{p as createQdsRadioApi,e as radioClasses};
2
2
  //# sourceMappingURL=index.js.map
package/dist/radio/index.js.map CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "version": 3,
3
3
  "sources": ["../../src/radio/radio.api.ts", "../../src/radio/radio.classes.ts"],
4
- "sourcesContent": ["// Copyright (c) Qualcomm Technologies, Inc. and/or its subsidiaries.\n// SPDX-License-Identifier: BSD-3-Clause-Clear\n\nimport {inputClasses} from \"@qualcomm-ui/qds-core/input\"\nimport type {Explicit} from \"@qualcomm-ui/utils/guard\"\nimport type {PropNormalizer} from \"@qualcomm-ui/utils/machine\"\n\nimport {radioClasses} from \"./radio.classes\"\nimport type {\n QdsRadioApi,\n QdsRadioApiProps,\n QdsRadioErrorTextBindings,\n QdsRadioGroupBindings,\n QdsRadioGroupItemsBindings,\n QdsRadioGroupLabelBindings,\n QdsRadioItemBindings,\n QdsRadioItemControlBindings,\n QdsRadioItemHiddenInputBindings,\n QdsRadioItemLabelBindings,\n} from \"./radio.types\"\n\nexport function createQdsRadioApi(\n props: Explicit<QdsRadioApiProps>,\n normalize: PropNormalizer,\n): QdsRadioApi {\n const size = props.size || \"md\"\n return {\n size,\n\n // group: bindings\n getErrorTextBindings(): QdsRadioErrorTextBindings {\n return normalize.element({\n className: inputClasses.errorText,\n })\n },\n getGroupBindings(): QdsRadioGroupBindings {\n return normalize.element({\n className: radioClasses.group,\n })\n },\n getGroupItemsBindings(): QdsRadioGroupItemsBindings {\n return normalize.element({\n className: radioClasses.items,\n })\n },\n getGroupLabelBindings(): QdsRadioGroupLabelBindings {\n return normalize.element({\n className: radioClasses.groupLabel,\n \"data-size\": size,\n })\n },\n getItemBindings(): QdsRadioItemBindings {\n return normalize.label({\n className: radioClasses.item,\n })\n },\n getItemControlBindings(): QdsRadioItemControlBindings {\n return normalize.element({\n className: radioClasses.itemControl,\n \"data-size\": size,\n })\n },\n getItemHiddenInputBindings(): QdsRadioItemHiddenInputBindings {\n return normalize.input({\n className: radioClasses.itemHiddenInput,\n })\n },\n getItemLabelBindings(): QdsRadioItemLabelBindings {\n return normalize.element({\n className: radioClasses.itemLabel,\n \"data-size\": size,\n })\n },\n }\n}\n", "// Copyright (c) Qualcomm Technologies, Inc. and/or its subsidiaries.\n// SPDX-License-Identifier: BSD-3-Clause-Clear\n\nexport const radioClasses = {\n group: \"qui-radio-group__root\",\n groupLabel: \"qui-radio-group__label\",\n item: \"qui-radio__root\",\n itemControl: \"qui-radio__control\",\n itemHiddenInput: \"qui-radio__hidden-input\",\n itemLabel: \"qui-radio__label\",\n items: \"qui-radio-group__items\",\n} as const\n"],
5
- "mappings": "AAGA,OAAQ,gBAAAA,MAAmB,8BCApB,IAAMC,EAAe,CAC1B,MAAO,wBACP,WAAY,yBACZ,KAAM,kBACN,YAAa,qBACb,gBAAiB,0BACjB,UAAW,mBACX,MAAO,wBACT,EDUO,SAASC,EACdC,EACAC,EACa,CACb,IAAMC,EAAOF,EAAM,MAAQ,KAC3B,MAAO,CACL,KAAAE,EAGA,sBAAkD,CAChD,OAAOD,EAAU,QAAQ,CACvB,UAAWE,EAAa,SAC1B,CAAC,CACH,EACA,kBAA0C,CACxC,OAAOF,EAAU,QAAQ,CACvB,UAAWG,EAAa,KAC1B,CAAC,CACH,EACA,uBAAoD,CAClD,OAAOH,EAAU,QAAQ,CACvB,UAAWG,EAAa,KAC1B,CAAC,CACH,EACA,uBAAoD,CAClD,OAAOH,EAAU,QAAQ,CACvB,UAAWG,EAAa,WACxB,YAAaF,CACf,CAAC,CACH,EACA,iBAAwC,CACtC,OAAOD,EAAU,MAAM,CACrB,UAAWG,EAAa,IAC1B,CAAC,CACH,EACA,wBAAsD,CACpD,OAAOH,EAAU,QAAQ,CACvB,UAAWG,EAAa,YACxB,YAAaF,CACf,CAAC,CACH,EACA,4BAA8D,CAC5D,OAAOD,EAAU,MAAM,CACrB,UAAWG,EAAa,eAC1B,CAAC,CACH,EACA,sBAAkD,CAChD,OAAOH,EAAU,QAAQ,CACvB,UAAWG,EAAa,UACxB,YAAaF,CACf,CAAC,CACH,CACF,CACF",
6
- "names": ["inputClasses", "radioClasses", "createQdsRadioApi", "props", "normalize", "size", "inputClasses", "radioClasses"]
4
+ "sourcesContent": ["// Copyright (c) Qualcomm Technologies, Inc. and/or its subsidiaries.\n// SPDX-License-Identifier: BSD-3-Clause-Clear\n\nimport {inputClasses} from \"@qualcomm-ui/qds-core/input\"\nimport {booleanDataAttr} from \"@qualcomm-ui/utils/attributes\"\nimport type {PropNormalizer} from \"@qualcomm-ui/utils/machine\"\n\nimport {radioClasses} from \"./radio.classes\"\nimport type {\n QdsRadioApi,\n QdsRadioApiProps,\n QdsRadioErrorTextBindings,\n QdsRadioGroupBindings,\n QdsRadioGroupItemsBindings,\n QdsRadioGroupLabelBindings,\n QdsRadioItemBindings,\n QdsRadioItemControlBindings,\n QdsRadioItemHiddenInputBindings,\n QdsRadioItemLabelBindings,\n} from \"./radio.types\"\n\nexport function createQdsRadioApi(\n {indented = false, size = \"md\"}: QdsRadioApiProps,\n normalize: PropNormalizer,\n): QdsRadioApi {\n return {\n size,\n\n // group: bindings\n getErrorTextBindings(): QdsRadioErrorTextBindings {\n return normalize.element({\n className: inputClasses.errorText,\n })\n },\n getGroupBindings(): QdsRadioGroupBindings {\n return normalize.element({\n className: radioClasses.group,\n })\n },\n getGroupItemsBindings(): QdsRadioGroupItemsBindings {\n return normalize.element({\n className: radioClasses.items,\n \"data-indented\": booleanDataAttr(indented),\n })\n },\n getGroupLabelBindings(): QdsRadioGroupLabelBindings {\n return normalize.element({\n className: radioClasses.groupLabel,\n \"data-size\": size,\n })\n },\n getItemBindings(): QdsRadioItemBindings {\n return normalize.label({\n className: radioClasses.item,\n })\n },\n getItemControlBindings(): QdsRadioItemControlBindings {\n return normalize.element({\n className: radioClasses.itemControl,\n \"data-size\": size,\n })\n },\n getItemHiddenInputBindings(): QdsRadioItemHiddenInputBindings {\n return normalize.input({\n className: radioClasses.itemHiddenInput,\n })\n },\n getItemLabelBindings(): QdsRadioItemLabelBindings {\n return normalize.element({\n className: radioClasses.itemLabel,\n \"data-size\": size,\n })\n },\n }\n}\n", "// Copyright (c) Qualcomm Technologies, Inc. and/or its subsidiaries.\n// SPDX-License-Identifier: BSD-3-Clause-Clear\n\nexport const radioClasses = {\n group: \"qui-radio-group__root\",\n groupLabel: \"qui-radio-group__label\",\n item: \"qui-radio__root\",\n itemControl: \"qui-radio__control\",\n itemHiddenInput: \"qui-radio__hidden-input\",\n itemLabel: \"qui-radio__label\",\n items: \"qui-radio-group__items\",\n} as const\n"],
5
+ "mappings": "AAGA,OAAQ,gBAAAA,MAAmB,8BAC3B,OAAQ,mBAAAC,MAAsB,gCCDvB,IAAMC,EAAe,CAC1B,MAAO,wBACP,WAAY,yBACZ,KAAM,kBACN,YAAa,qBACb,gBAAiB,0BACjB,UAAW,mBACX,MAAO,wBACT,EDUO,SAASC,EACd,CAAC,SAAAC,EAAW,GAAO,KAAAC,EAAO,IAAI,EAC9BC,EACa,CACb,MAAO,CACL,KAAAD,EAGA,sBAAkD,CAChD,OAAOC,EAAU,QAAQ,CACvB,UAAWC,EAAa,SAC1B,CAAC,CACH,EACA,kBAA0C,CACxC,OAAOD,EAAU,QAAQ,CACvB,UAAWE,EAAa,KAC1B,CAAC,CACH,EACA,uBAAoD,CAClD,OAAOF,EAAU,QAAQ,CACvB,UAAWE,EAAa,MACxB,gBAAiBC,EAAgBL,CAAQ,CAC3C,CAAC,CACH,EACA,uBAAoD,CAClD,OAAOE,EAAU,QAAQ,CACvB,UAAWE,EAAa,WACxB,YAAaH,CACf,CAAC,CACH,EACA,iBAAwC,CACtC,OAAOC,EAAU,MAAM,CACrB,UAAWE,EAAa,IAC1B,CAAC,CACH,EACA,wBAAsD,CACpD,OAAOF,EAAU,QAAQ,CACvB,UAAWE,EAAa,YACxB,YAAaH,CACf,CAAC,CACH,EACA,4BAA8D,CAC5D,OAAOC,EAAU,MAAM,CACrB,UAAWE,EAAa,eAC1B,CAAC,CACH,EACA,sBAAkD,CAChD,OAAOF,EAAU,QAAQ,CACvB,UAAWE,EAAa,UACxB,YAAaH,CACf,CAAC,CACH,CACF,CACF",
6
+ "names": ["inputClasses", "booleanDataAttr", "radioClasses", "createQdsRadioApi", "indented", "size", "normalize", "inputClasses", "radioClasses", "booleanDataAttr"]
7
7
  }
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-size=md]{font:var(--font-static-body-sm-default)}.qui-radio-group__label[data-size=lg]{font:var(--font-static-body-lg-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-70)}.qui-radio-group__items[data-orientation=horizontal]{flex-direction:row;gap: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)}.qui-radio__control[data-size=lg]{--control-size:var(--sizing-90)}.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] .qui-radio__dot{display:block}.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-size=md]{--dot-size:10px}.qui-radio__control[data-size=lg]{--dot-size:var(--sizing-60)}.qui-radio__control[data-invalid]{background:var(--color-interactive-background-danger-idle);border-color:var(--color-interactive-border-danger-idle)}.qui-radio__control[data-invalid][data-hover]{background:var(--color-interactive-background-danger-hover);border-color:var(--color-interactive-border-danger-hover)}.qui-radio__control[data-invalid][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-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)}.qui-radio-group__label[data-size=md]{font:var(--font-static-body-sm-default)}.qui-radio-group__label[data-size=lg]{font:var(--font-static-body-lg-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-70)}.qui-radio-group__items[data-orientation=horizontal]{flex-direction:row;gap:var(--spacing-100)}.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)}.qui-radio__control[data-size=lg]{--control-size:var(--sizing-90)}.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] .qui-radio__dot{display:block}.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-size=md]{--dot-size:10px}.qui-radio__control[data-size=lg]{--dot-size:var(--sizing-60)}.qui-radio__control[data-invalid]{background:var(--color-interactive-background-danger-idle);border-color:var(--color-interactive-border-danger-idle)}.qui-radio__control[data-invalid][data-hover]{background:var(--color-interactive-background-danger-hover);border-color:var(--color-interactive-border-danger-hover)}.qui-radio__control[data-invalid][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-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)}
package/dist/radio/radio.api.d.ts CHANGED
@@ -1,5 +1,4 @@
1
- import type { Explicit } from "@qualcomm-ui/utils/guard";
2
1
  import type { PropNormalizer } from "@qualcomm-ui/utils/machine";
3
2
  import type { QdsRadioApi, QdsRadioApiProps } from "./radio.types";
4
- export declare function createQdsRadioApi(props: Explicit<QdsRadioApiProps>, normalize: PropNormalizer): QdsRadioApi;
3
+ export declare function createQdsRadioApi({ indented, size }: QdsRadioApiProps, normalize: PropNormalizer): QdsRadioApi;
5
4
  //# sourceMappingURL=radio.api.d.ts.map
package/dist/radio/radio.api.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"radio.api.d.ts","sourceRoot":"","sources":["../../src/radio/radio.api.ts"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAC,QAAQ,EAAC,MAAM,0BAA0B,CAAA;AACtD,OAAO,KAAK,EAAC,cAAc,EAAC,MAAM,4BAA4B,CAAA;AAG9D,OAAO,KAAK,EACV,WAAW,EACX,gBAAgB,EASjB,MAAM,eAAe,CAAA;AAEtB,wBAAgB,iBAAiB,CAC/B,KAAK,EAAE,QAAQ,CAAC,gBAAgB,CAAC,EACjC,SAAS,EAAE,cAAc,GACxB,WAAW,CAkDb"}
1
+ {"version":3,"file":"radio.api.d.ts","sourceRoot":"","sources":["../../src/radio/radio.api.ts"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAC,cAAc,EAAC,MAAM,4BAA4B,CAAA;AAG9D,OAAO,KAAK,EACV,WAAW,EACX,gBAAgB,EASjB,MAAM,eAAe,CAAA;AAEtB,wBAAgB,iBAAiB,CAC/B,EAAC,QAAgB,EAAE,IAAW,EAAC,EAAE,gBAAgB,EACjD,SAAS,EAAE,cAAc,GACxB,WAAW,CAkDb"}
package/dist/radio/radio.types.d.ts CHANGED
@@ -1,7 +1,13 @@
1
1
  import type { inputClasses } from "@qualcomm-ui/qds-core/input";
2
+ import type { BooleanDataAttr } from "@qualcomm-ui/utils/attributes";
2
3
  import type { radioClasses } from "./radio.classes";
3
4
  export type QdsRadioSize = "sm" | "md" | "lg";
4
5
  export interface QdsRadioApiProps {
6
+ /**
7
+ * Indents the radio items. Only used at radio group level.
8
+ * @default false
9
+ */
10
+ indented?: boolean;
5
11
  /**
6
12
  * The size of the radio and its elements. Governs properties like label font
7
13
  * size, control size, and indicator size.
@@ -37,6 +43,7 @@ export interface QdsRadioGroupLabelBindings {
37
43
  }
38
44
  export interface QdsRadioGroupItemsBindings {
39
45
  className: RadioClasses["items"];
46
+ "data-indented"?: BooleanDataAttr;
40
47
  }
41
48
  export interface QdsRadioApi {
42
49
  size: QdsRadioSize;
package/dist/radio/radio.types.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"radio.types.d.ts","sourceRoot":"","sources":["../../src/radio/radio.types.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAC,YAAY,EAAC,MAAM,6BAA6B,CAAA;AAE7D,OAAO,KAAK,EAAC,YAAY,EAAC,MAAM,iBAAiB,CAAA;AAEjD,MAAM,MAAM,YAAY,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAA;AAE7C,MAAM,WAAW,gBAAgB;IAC/B;;;;OAIG;IACH,IAAI,CAAC,EAAE,YAAY,CAAA;CACpB;AAED,KAAK,YAAY,GAAG,OAAO,YAAY,CAAA;AACvC,KAAK,YAAY,GAAG,OAAO,YAAY,CAAA;AAEvC,MAAM,WAAW,oBAAoB;IACnC,SAAS,EAAE,YAAY,CAAC,MAAM,CAAC,CAAA;CAChC;AAED,MAAM,WAAW,yBAAyB;IACxC,SAAS,EAAE,YAAY,CAAC,WAAW,CAAC,CAAA;IACpC,WAAW,EAAE,YAAY,CAAA;CAC1B;AAED,MAAM,WAAW,2BAA2B;IAC1C,SAAS,EAAE,YAAY,CAAC,aAAa,CAAC,CAAA;IACtC,WAAW,EAAE,YAAY,CAAA;CAC1B;AAED,MAAM,WAAW,+BAA+B;IAC9C,SAAS,EAAE,YAAY,CAAC,iBAAiB,CAAC,CAAA;CAC3C;AAED,MAAM,WAAW,yBAAyB;IACxC,SAAS,EAAE,YAAY,CAAC,WAAW,CAAC,CAAA;CACrC;AAED,MAAM,WAAW,qBAAqB;IACpC,SAAS,EAAE,YAAY,CAAC,OAAO,CAAC,CAAA;CACjC;AAED,MAAM,WAAW,0BAA0B;IACzC,SAAS,EAAE,YAAY,CAAC,YAAY,CAAC,CAAA;IACrC,WAAW,EAAE,YAAY,CAAA;CAC1B;AAED,MAAM,WAAW,0BAA0B;IACzC,SAAS,EAAE,YAAY,CAAC,OAAO,CAAC,CAAA;CACjC;AAED,MAAM,WAAW,WAAW;IAC1B,IAAI,EAAE,YAAY,CAAA;IAGlB,oBAAoB,IAAI,yBAAyB,CAAA;IACjD,gBAAgB,IAAI,qBAAqB,CAAA;IACzC,qBAAqB,IAAI,0BAA0B,CAAA;IACnD,qBAAqB,IAAI,0BAA0B,CAAA;IACnD,eAAe,IAAI,oBAAoB,CAAA;IACvC,sBAAsB,IAAI,2BAA2B,CAAA;IACrD,0BAA0B,IAAI,+BAA+B,CAAA;IAC7D,oBAAoB,IAAI,yBAAyB,CAAA;CAClD"}
1
+ {"version":3,"file":"radio.types.d.ts","sourceRoot":"","sources":["../../src/radio/radio.types.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAC,YAAY,EAAC,MAAM,6BAA6B,CAAA;AAC7D,OAAO,KAAK,EAAC,eAAe,EAAC,MAAM,+BAA+B,CAAA;AAElE,OAAO,KAAK,EAAC,YAAY,EAAC,MAAM,iBAAiB,CAAA;AAEjD,MAAM,MAAM,YAAY,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAA;AAE7C,MAAM,WAAW,gBAAgB;IAC/B;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB;;;;OAIG;IACH,IAAI,CAAC,EAAE,YAAY,CAAA;CACpB;AAED,KAAK,YAAY,GAAG,OAAO,YAAY,CAAA;AACvC,KAAK,YAAY,GAAG,OAAO,YAAY,CAAA;AAEvC,MAAM,WAAW,oBAAoB;IACnC,SAAS,EAAE,YAAY,CAAC,MAAM,CAAC,CAAA;CAChC;AAED,MAAM,WAAW,yBAAyB;IACxC,SAAS,EAAE,YAAY,CAAC,WAAW,CAAC,CAAA;IACpC,WAAW,EAAE,YAAY,CAAA;CAC1B;AAED,MAAM,WAAW,2BAA2B;IAC1C,SAAS,EAAE,YAAY,CAAC,aAAa,CAAC,CAAA;IACtC,WAAW,EAAE,YAAY,CAAA;CAC1B;AAED,MAAM,WAAW,+BAA+B;IAC9C,SAAS,EAAE,YAAY,CAAC,iBAAiB,CAAC,CAAA;CAC3C;AAED,MAAM,WAAW,yBAAyB;IACxC,SAAS,EAAE,YAAY,CAAC,WAAW,CAAC,CAAA;CACrC;AAED,MAAM,WAAW,qBAAqB;IACpC,SAAS,EAAE,YAAY,CAAC,OAAO,CAAC,CAAA;CACjC;AAED,MAAM,WAAW,0BAA0B;IACzC,SAAS,EAAE,YAAY,CAAC,YAAY,CAAC,CAAA;IACrC,WAAW,EAAE,YAAY,CAAA;CAC1B;AAED,MAAM,WAAW,0BAA0B;IACzC,SAAS,EAAE,YAAY,CAAC,OAAO,CAAC,CAAA;IAChC,eAAe,CAAC,EAAE,eAAe,CAAA;CAClC;AAED,MAAM,WAAW,WAAW;IAC1B,IAAI,EAAE,YAAY,CAAA;IAGlB,oBAAoB,IAAI,yBAAyB,CAAA;IACjD,gBAAgB,IAAI,qBAAqB,CAAA;IACzC,qBAAqB,IAAI,0BAA0B,CAAA;IACnD,qBAAqB,IAAI,0BAA0B,CAAA;IACnD,eAAe,IAAI,oBAAoB,CAAA;IACvC,sBAAsB,IAAI,2BAA2B,CAAA;IACrD,0BAA0B,IAAI,+BAA+B,CAAA;IAC7D,oBAAoB,IAAI,yBAAyB,CAAA;CAClD"}