@qualcomm-ui/qds-core 1.30.1 → 1.30.2
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.
|
@@ -74,4 +74,4 @@
|
|
|
74
74
|
--color-utility-disabled-persistent-black-background
|
|
75
75
|
)}.qui-button__root[data-variant=fill][data-emphasis=inverse]{--button-text-idle:var(--color-text-neutral-primary);--button-text-hover:var(--color-text-neutral-primary);--button-text-pressed:var(--color-text-neutral-primary);--button-icon-idle:var(--color-icon-neutral-primary);--button-icon-hover:var(--color-icon-neutral-primary);--button-icon-pressed:var(--color-icon-neutral-primary);--button-bg-idle:var(--color-interactive-background-inverse-fill-idle);--button-bg-hover:var(--color-interactive-background-inverse-fill-hover);--button-bg-pressed:var(
|
|
76
76
|
--color-interactive-background-inverse-fill-pressed
|
|
77
|
-
);--button-bg-disabled:var(--color-utility-disabled-inverse-background)}.qui-button__root:focus-visible[data-variant][data-emphasis]{border-color:var(--color-utility-focus-border);outline:solid 1px var(--color-utility-focus-border)}.qui-button__icon{color:var(--button-icon-color);height:var(--icon-height,var(--icon-size));min-height:var(--icon-height,var(--icon-size));min-width:var(--icon-width,var(--icon-size));width:var(--icon-width,var(--icon-size))}.qui-button__icon
|
|
77
|
+
);--button-bg-disabled:var(--color-utility-disabled-inverse-background)}.qui-button__root:focus-visible[data-variant][data-emphasis]{border-color:var(--color-utility-focus-border);outline:solid 1px var(--color-utility-focus-border)}.qui-button__icon{color:var(--button-icon-color);height:var(--icon-height,var(--icon-size));min-height:var(--icon-height,var(--icon-size));min-width:var(--icon-width,var(--icon-size));width:var(--icon-width,var(--icon-size))}.qui-button__icon>svg{display:block;height:100%;width:100%}.qui-button__icon[data-button-part=icon][data-size=sm]{--icon-size:12px}.qui-button__icon[data-button-part=icon][data-size=md]{--icon-size:16px}.qui-button__icon[data-button-part=icon][data-size=lg]{--icon-size:20px}.qui-button__icon[data-button-part=icon][data-density=compact]{--icon-size:12px}.qui-button__icon[data-icon-button-part=icon][data-size=sm]{--icon-size:16px}.qui-button__icon[data-icon-button-part=icon][data-size=sm][data-density=compact]{--icon-size:12px}.qui-button__icon[data-icon-button-part=icon][data-size=md]{--icon-size:20px}.qui-button__icon[data-icon-button-part=icon][data-size=md][data-density=compact]{--icon-size:16px}.qui-button__icon[data-icon-button-part=icon][data-size=lg]{--icon-size:24px}.qui-button__icon[data-icon-button-part=icon][data-size=lg][data-density=compact]{--icon-size:16px}.qui-button-group{box-sizing:border-box;display:inline-flex;gap:var(--button-group-gap,var(--spacing-90))}.qui-button-group[data-layout=end],.qui-button-group[data-layout=fill],.qui-button-group[data-layout=start]{width:100%}.qui-button-group[data-layout=hug]{width:-moz-fit-content;width:fit-content}.qui-button-group[data-layout=end]{justify-content:flex-end}.qui-button-group[data-layout=fill]>.qui-button__root{flex:1 1 0;min-width:0}.qui-button-group[data-size=sm]{--button-group-gap:var(--spacing-80)}.qui-button-group[data-size=lg]{--button-group-gap:var(--spacing-100)}
|
package/dist/components.min.css
CHANGED
|
@@ -84,7 +84,7 @@
|
|
|
84
84
|
--color-utility-disabled-persistent-black-background
|
|
85
85
|
)}.qui-button__root[data-variant=fill][data-emphasis=inverse]{--button-text-idle:var(--color-text-neutral-primary);--button-text-hover:var(--color-text-neutral-primary);--button-text-pressed:var(--color-text-neutral-primary);--button-icon-idle:var(--color-icon-neutral-primary);--button-icon-hover:var(--color-icon-neutral-primary);--button-icon-pressed:var(--color-icon-neutral-primary);--button-bg-idle:var(--color-interactive-background-inverse-fill-idle);--button-bg-hover:var(--color-interactive-background-inverse-fill-hover);--button-bg-pressed:var(
|
|
86
86
|
--color-interactive-background-inverse-fill-pressed
|
|
87
|
-
);--button-bg-disabled:var(--color-utility-disabled-inverse-background)}.qui-button__root:focus-visible[data-variant][data-emphasis]{border-color:var(--color-utility-focus-border);outline:solid 1px var(--color-utility-focus-border)}.qui-button__icon{color:var(--button-icon-color);height:var(--icon-height,var(--icon-size));min-height:var(--icon-height,var(--icon-size));min-width:var(--icon-width,var(--icon-size));width:var(--icon-width,var(--icon-size))}.qui-button__icon[data-size=sm]{--icon-size:12px}.qui-button__icon[data-size=md]{--icon-size:16px}.qui-button__icon[data-size=md][data-density=compact]{--icon-size:12px}.qui-button__icon[data-size=lg]{--icon-size:20px}.qui-button__icon[data-size=lg][data-density=compact]{--icon-size:16px}.qui-button__icon[data-icon-button-part=root][data-size=sm]{--icon-size:16px}.qui-button__icon[data-icon-button-part=root][data-size=sm][data-density=compact]{--icon-size:12px}.qui-button__icon[data-icon-button-part=root][data-size=md]{--icon-size:20px}.qui-button__icon[data-icon-button-part=root][data-size=md][data-density=compact]{--icon-size:16px}.qui-button__icon[data-icon-button-part=root][data-size=lg]{--icon-size:24px}.qui-button__icon[data-icon-button-part=root][data-size=lg][data-density=compact]{--icon-size:16px}.qui-button-group{box-sizing:border-box;display:inline-flex;gap:var(--button-group-gap,var(--spacing-90))}.qui-button-group[data-layout=end],.qui-button-group[data-layout=fill],.qui-button-group[data-layout=start]{width:100%}.qui-button-group[data-layout=hug]{width:-moz-fit-content;width:fit-content}.qui-button-group[data-layout=end]{justify-content:flex-end}.qui-button-group[data-layout=fill]>.qui-button__root{flex:1 1 0;min-width:0}.qui-button-group[data-size=sm]{--button-group-gap:var(--spacing-80)}.qui-button-group[data-size=lg]{--button-group-gap:var(--spacing-100)}.qui-card__root{background:linear-gradient(0deg,var(--color-interactive-background-ghost-idle) 0%,var(--color-interactive-background-ghost-idle) 100%),var(--color-surface-raised);border:0;border-radius:var(--border-radius-md);box-sizing:border-box;display:flex;flex-direction:column;margin:0;overflow:clip;padding:0;position:relative}.qui-card__root[data-variant=outline]{border:var(--border-width-sm) solid var(--color-border-neutral-01)}.qui-card__root[data-variant=outline-elevated]{border:var(--border-width-sm) solid var(--color-border-neutral-01);box-shadow:var(--shadow-medium)}.qui-card__root[data-variant=elevated]{box-shadow:var(--shadow-medium)}.qui-card__root[data-interactive]{cursor:pointer}.qui-card__root[data-interactive]:hover .qui-card__content{background:linear-gradient(0deg,var(--color-interactive-background-ghost-hover) 0%,var(--color-interactive-background-ghost-hover) 100%),var(--color-surface-raised)}.qui-card__root[data-interactive]:active .qui-card__content{background:linear-gradient(0deg,var(--color-interactive-background-ghost-pressed) 0%,var(--color-interactive-background-ghost-pressed) 100%),var(--color-surface-raised)}.qui-card__root:disabled{cursor:initial}.qui-card__media{align-items:center;background:var(--color-background-neutral-01);border-bottom:var(--border-width-sm) solid var(--color-border-neutral-01);display:flex;justify-content:center;position:relative}.qui-card__media:has(+.qui-card__footer){border-bottom:0}.qui-card__media:has(.qui-card__avatar)[data-size=sm]{padding:var(--spacing-120) 0}.qui-card__media:has(.qui-card__avatar)[data-size=md]{padding:var(--spacing-180) 0}.qui-card__media:has(.qui-card__avatar)[data-size=lg]{padding:var(--spacing-180) 0}.qui-card__content{align-items:start;display:flex;flex-direction:column;text-align:start;--card-content-gap:var(--spacing-100)}.qui-card__content[data-alignment=center]{align-items:center;text-align:center}.qui-card__content[data-size=sm]{padding:var(--spacing-100)}.qui-card__content[data-size=md]{padding:var(--spacing-120)}.qui-card__content[data-size=lg]{--card-content-gap:var(--spacing-110);padding:var(--spacing-140)}.qui-card__badge{position:absolute;right:6px;top:6px}.qui-card__heading{color:var(--color-text-neutral-primary);display:flex;flex-direction:column;gap:var(--spacing-20);margin-bottom:var(--card-content-gap);position:relative}.qui-card__heading[data-alignment=center]{align-items:center}.qui-card__heading[data-size=sm]{gap:0}.qui-card__heading .qui-card__subheading-text{color:var(--color-text-neutral-secondary)}.qui-card__heading:has(.qui-card__menu-trigger){padding-right:var(--spacing-120)}.qui-card__heading[data-alignment=center]{justify-content:center}.qui-card__heading:last-child{margin-bottom:0}.qui-card__eyebrow-text{color:var(--color-text-brand-primary);display:inline-block;font:var(--font-static-body-xs-bold);text-transform:uppercase}.qui-card__heading-text[data-size=sm]{font:var(--font-static-body-md-bold)}.qui-card__heading-text[data-size=md]{font:var(--font-static-heading-xs-default)}.qui-card__heading-text[data-size=lg]{font:var(--font-static-heading-sm-default)}.qui-card__subheading-text{color:var(--color-text-neutral-primary);display:inline-block}.qui-card__subheading-text[data-size=sm]{font:var(--font-static-body-xs-bold)}.qui-card__subheading-text[data-size=md]{font:var(--font-static-body-sm-bold)}.qui-card__subheading-text[data-size=lg]{font:var(--font-static-body-md-bold)}.qui-card__paragraph-text{color:var(--color-text-neutral-secondary);display:inline-block;margin:0;padding:0}.qui-card__paragraph-text[data-size=sm]{font:var(--font-static-body-xs-default)}.qui-card__paragraph-text[data-size=md]{font:var(--font-static-body-sm-default)}.qui-card__paragraph-text[data-size=lg]{font:var(--font-static-body-md-default)}.qui-card__paragraph-text:not(:last-child){margin-bottom:var(--spacing-40)}.qui-card__subheading-text:has(+.qui-card__paragraph-text){margin-bottom:var(--spacing-40)}.qui-card__paragraph-text+.qui-card__subheading-text{margin-bottom:var(--spacing-100)}.qui-card__footer{align-items:center;border-top:var(--border-width-sm) solid var(--color-border-neutral-01);display:flex;gap:var(--spacing-70);justify-content:flex-end}.qui-card__footer[data-alignment=center]{justify-content:center}.qui-card__footer[data-size=sm]{padding:var(--spacing-80) var(--spacing-90)}.qui-card__footer[data-size=md]{padding:var(--spacing-80) var(--spacing-100)}.qui-card__footer[data-size=lg]{padding:var(--spacing-90) var(--spacing-110)}.qui-checkbox__root{align-items:center;-webkit-box-align:center;-moz-column-gap:var(--spacing-70);column-gap:var(--spacing-70);display:grid;grid-template-columns:auto 1fr;justify-content:start;position:relative;row-gap:var(--spacing-50);vertical-align:top;width:-moz-fit-content;width:fit-content}.qui-checkbox__root:hover{cursor:pointer}.qui-checkbox__root[data-disabled]{cursor:unset;-webkit-user-select:none;-moz-user-select:none;user-select:none}.qui-checkbox__root [data-checkbox-part=error-text],.qui-checkbox__root [data-checkbox-part=hint]{grid-column:1/-1;width:-moz-fit-content;width:fit-content}.qui-checkbox__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-xs,2px);box-sizing:border-box;color:var(--color-utility-persistent-white);display:inline-flex;justify-content:center;max-height:var(--control-size);max-width:var(--control-size);min-height:var(--control-size);min-width:var(--control-size);--control-size:var(--sizing-70)}.qui-checkbox__control[data-size=md]{--control-size:var(--sizing-80)}.qui-checkbox__control[data-size=lg]{--control-size:var(--sizing-90)}.qui-checkbox__control[data-focus-visible]{border-color:var(--color-interactive-border-neutral-hover);outline:solid 2px var(--color-utility-focus-border);outline-offset:1px}.qui-checkbox__control[data-state=checked],.qui-checkbox__control[data-state=indeterminate]{background:var(--color-interactive-background-primary-idle);border-color:var(--color-interactive-background-primary-idle)}.qui-checkbox__control[data-state=checked][data-hover],.qui-checkbox__control[data-state=indeterminate][data-hover]{background:var(--color-interactive-background-primary-hover);border-color:var(--color-interactive-background-primary-hover)}.qui-checkbox__control[data-state=checked][data-disabled],.qui-checkbox__control[data-state=indeterminate][data-disabled]{background:var(--color-utility-disabled-background);border-color:var(--color-utility-disabled-border);color:var(--color-utility-disabled-text)}.qui-checkbox__control[data-state=checked][data-invalid],.qui-checkbox__control[data-state=indeterminate][data-invalid]{background:var(--color-interactive-background-danger-idle);border-color:var(--color-interactive-background-danger-idle)}.qui-checkbox__control[data-state=checked][data-invalid][data-hover],.qui-checkbox__control[data-state=indeterminate][data-invalid][data-hover]{background:var(--color-interactive-background-danger-hover);border-color:var(--color-interactive-border-danger-hover)}.qui-checkbox__control[data-invalid][data-state=unchecked]{border-color:var(--color-interactive-border-danger-idle)}.qui-checkbox__control[data-invalid][data-state=unchecked][data-hover]{border-color:var(--color-interactive-border-danger-hover)}.qui-checkbox__control[data-disabled]{border-color:var(--color-utility-disabled-border)}.qui-checkbox__label{color:var(--color-text-neutral-primary);flex:1;font:var(--font-static-body-xs-default)}.qui-checkbox__label[data-size=md]{font:var(--font-static-body-sm-default)}.qui-checkbox__label[data-size=lg]{font:var(--font-static-body-lg-default)}.qui-checkbox__label[data-disabled]{color:var(--color-utility-disabled-text)}.qui-checkbox__indicator{align-items:center;display:inline-flex}.qui-checkbox__indicator[hidden]{display:none}.qui-checkbox__indicator [data-checkmark-part=indicator-icon]{vertical-align:middle}.qui-checkmark__root[data-tree-part=root]{background:var(--color-interactive-background-ghost-idle);cursor:pointer}.qui-checkmark__root[data-tree-part=root][data-state=checked],.qui-checkmark__root[data-tree-part=root][data-state=indeterminate]{background:var(--color-interactive-background-primary-idle);border-color:var(--color-interactive-background-primary-idle)}.qui-checkmark__root[data-tree-part=root][data-state=checked][data-hover],.qui-checkmark__root[data-tree-part=root][data-state=indeterminate][data-hover]{background:var(--color-interactive-background-primary-hover);border-color:var(--color-interactive-background-primary-hover)}.qui-checkmark__root[data-tree-part=root][data-state=checked][data-disabled],.qui-checkmark__root[data-tree-part=root][data-state=indeterminate][data-disabled]{background:var(--color-utility-disabled-background)}.qui-checkmark__root[data-tree-part=root][data-disabled]{border-color:var(--color-utility-disabled-border);color:var(--color-utility-disabled-text)}.qui-collapsible__content{animation-duration:var(--animation-duration-moderate);overflow:hidden}.qui-collapsible__content[data-ssr]{animation-duration:0ms}.qui-collapsible__content[data-state=closed]{animation-name:collapse-height,fade-out}.qui-collapsible__content[data-state=open]{animation-name:expand-height,fade-in}.qui-dialog__backdrop{background:rgba(0,0,0,0.2);height:100vh;left:0;overflow:hidden;place-items:center;position:fixed;top:0;width:100vw;z-index:var(--z-index-dialog)}.qui-dialog__backdrop[hidden]{display:none!important}.qui-dialog__positioner{align-items:flex-start;display:flex;height:100dvh;inset:0;justify-content:center;position:fixed;width:100dvw;z-index:var(--z-index-dialog);--indicator-icon-size:var(--sizing-90)}.qui-dialog__positioner .qui-dialog__indicator-icon{--icon-size:var(--indicator-icon-size)}.qui-dialog__positioner[data-size=md]{--indicator-icon-size:var(--sizing-120)}.qui-dialog__positioner[data-scroll-behavior=outside]{overflow:auto;pointer-events:auto}.qui-dialog__positioner[data-placement=top]{align-items:flex-start}.qui-dialog__positioner[data-placement=center]{align-items:center}.qui-dialog__positioner[data-placement=bottom]{align-items:flex-end}.qui-dialog__positioner[data-scroll-behavior=inside]{overflow:hidden}.qui-dialog__content{background-color:var(--color-surface-overlay);border:solid 1px var(--color-border-neutral-01);border-radius:var(--border-radius-md);box-shadow:var(--shadow-high);box-sizing:border-box;color:var(--color-text-neutral-primary);display:grid;margin-block:4rem;margin-inline:auto;position:relative;width:375px}.qui-dialog__content[hidden]{display:none!important}.qui-dialog__content[data-size=md]{width:600px}.qui-dialog__content[data-scroll-behavior=inside]{max-height:calc(100% - 7.5rem);overflow-y:auto}.qui-dialog__content[data-state=open]{animation:dialog-fade-in 0.2s ease-in-out}.qui-dialog__content[data-state=closed]{animation:dialog-fade-out 0.25s ease-in-out}.qui-dialog__body{box-sizing:border-box;color:var(--color-text-neutral-primary);display:flex;flex-direction:column;font:var(--font-static-body-xs-default);gap:var(--spacing-90);margin:0;padding:var(--spacing-110);width:100%}.qui-dialog__body[data-size=md]{font:var(--font-static-body-sm-default);gap:var(--spacing-100);padding:var(--spacing-120)}.qui-dialog__heading{color:var(--color-text-neutral-primary);font:var(--font-static-heading-xs-default);margin:0}.qui-dialog__heading[data-size=md]{font:var(--font-static-heading-sm-default)}.qui-dialog__footer{border-top:solid 1px var(--color-border-neutral-01);box-sizing:border-box;display:flex;gap:var(--spacing-80);justify-content:flex-end;padding:var(--spacing-110);width:100%}.qui-dialog__close-button{align-self:flex-start;position:absolute;right:5px;top:5px}.qui-dialog__indicator-icon{--icon-size:20px}.qui-dialog__indicator-icon[data-emphasis=neutral]{color:var(--color-icon-support-neutral)}.qui-dialog__indicator-icon[data-emphasis=info]{color:var(--color-icon-support-info)}.qui-dialog__indicator-icon[data-emphasis=success]{color:var(--color-icon-support-success)}.qui-dialog__indicator-icon[data-emphasis=warning]{color:var(--color-icon-support-warning)}.qui-dialog__indicator-icon[data-emphasis=danger]{color:var(--color-icon-support-danger)}@keyframes dialog-fade-in{0%{opacity:0;scale:0.95}to{opacity:1;scale:1}}@keyframes dialog-fade-out{to{opacity:0;scale:0.95}}.qui-divider__root{border:0 solid;height:0;margin:8px 0;outline:none;position:relative;width:100%;--divider-border-color:var(--color-border-neutral-02)}.qui-divider__root[data-variant=subtle]{--divider-border-color:var(--color-border-neutral-01)}.qui-divider__root[data-variant=strong]{--divider-border-color:var(--color-border-neutral-03)}.qui-divider__root:not([aria-orientation=vertical]){border-top:solid 1px var(--divider-border-color);min-width:4px}.qui-divider__root[aria-orientation=vertical]{border-left:solid 1px var(--divider-border-color);margin:0 8px;min-height:100%;width:unset}.qui-divider__root[tabindex="-1"]:focus-visible{color:var(--color-utility-focus-border)}.qui-divider__root[tabindex="0"]:focus-visible,.qui-divider__root[tabindex="0"]:hover{border-color:var(--color-utility-focus-border)}.qui-drawer__positioner{display:flex;height:100vh;inset:0;justify-content:flex-start;position:fixed;width:100vw;z-index:var(--z-index-dialog)}.qui-drawer__positioner[data-placement=end]{justify-content:flex-end}.qui-drawer__positioner{--indicator-icon-size:var(--sizing-90)}.qui-drawer__positioner .qui-dialog__indicator-icon{--icon-size:var(--indicator-icon-size)}.qui-drawer__positioner[data-size=md]{--indicator-icon-size:var(--sizing-120)}.qui-drawer__content{background-color:var(--color-surface-overlay);box-shadow:var(--shadow-high);box-sizing:border-box;color:var(--color-text-neutral-primary);display:grid;grid-template-rows:1fr auto;height:100%;margin:0;overflow-y:auto;padding:0;place-items:start;position:relative;width:355px}.qui-drawer__content[hidden]{display:none!important}.qui-drawer__content[data-size=md]{width:580px}.qui-drawer__content[data-placement=end]{border-bottom-left-radius:var(--border-radius-md);border-top-left-radius:var(--border-radius-md)}.qui-drawer__content[data-placement=end][data-state=open]{animation:slide-from-right-full 0.2s ease}.qui-drawer__content[data-placement=end][data-state=closed]{animation:slide-to-right-full 0.25s ease}.qui-drawer__content[data-placement=start]{border-bottom-right-radius:var(--border-radius-md);border-top-right-radius:var(--border-radius-md)}.qui-drawer__content[data-placement=start][data-state=open]{animation:slide-from-left-full 0.2s ease}.qui-drawer__content[data-placement=start][data-state=closed]{animation:slide-to-left-full 0.25s ease}.qui-field-group__root{border:none;margin:0;padding:0}.qui-field-group__label{color:var(--color-text-neutral-secondary);font:var(--font-static-body-xs-default);margin-block-end:var(--spacing-70);padding:0}.qui-field-group__items{display:flex;flex-direction:column;gap:var(--spacing-90)}.qui-field-group__items[data-size=sm]{gap:var(--spacing-80)}.qui-field-group__items[data-orientation=horizontal]{flex-direction:row;flex-wrap:wrap}.qui-field-group__items[data-indented]{padding-inline-start:var(--spacing-100)}.qui-field-group__hint{color:var(--color-text-neutral-secondary);font:var(--font-static-body-xs-default);margin-block-start:var(--spacing-70)}.qui-field-group__error-text{align-items:center;color:var(--color-text-support-danger);display:flex;font:var(--font-static-body-xs-default);gap:var(--spacing-40);margin-block-start:var(--spacing-70)}.qui-file-upload__root{display:flex;flex-direction:column;gap:var(--spacing-70);width:100%}.qui-file-upload__label{color:var(--color-text-neutral-primary);display:flex;height:20px}.qui-file-upload__label[data-size=sm]{font:var(--font-static-heading-xxs-bold)}.qui-file-upload__label[data-size=lg],.qui-file-upload__label[data-size=md]{font:var(--font-static-heading-xs-bold)}.qui-file-upload__dropzone{align-items:center;background:var(--color-surface-secondary);border:var(--border-width-sm) solid var(--color-interactive-border-neutral-idle);border-radius:var(--border-radius-md);box-sizing:border-box;cursor:pointer;display:flex;flex-direction:column;gap:var(--spacing-70);justify-content:center;outline:none;position:relative;transition:border-color var(--animation-duration-faster) ease-out,box-shadow var(--animation-duration-faster) ease-out;width:100%}@media (prefers-reduced-motion: reduce){.qui-file-upload__dropzone{transition:none}}.qui-file-upload__dropzone[data-has-file]{display:none}.qui-file-upload__dropzone[data-size=sm]{height:144px;padding:var(--spacing-140)}.qui-file-upload__dropzone[data-size=md]{height:172px;padding:var(--spacing-160) var(--spacing-140)}.qui-file-upload__dropzone[data-size=lg]{height:188px;padding:var(--spacing-180) var(--spacing-140)}.qui-file-upload__dropzone:hover{border-color:var(--color-interactive-border-neutral-hover)}.qui-file-upload__dropzone:focus-visible{border-color:var(--color-utility-focus-border);border-width:var(--border-width-md)}.qui-file-upload__dropzone[data-dragging]:not([data-disabled]):not([data-invalid]){border-color:var(--color-utility-focus-border);box-shadow:var(--shadow-low)}.qui-file-upload__dropzone[data-dragging]:not([data-disabled]):not([data-invalid]) .qui-file-upload__dropzone-hint,.qui-file-upload__dropzone[data-dragging]:not([data-disabled]):not([data-invalid]) .qui-file-upload__dropzone-text,.qui-file-upload__dropzone[data-dragging]:not([data-disabled]):not([data-invalid]) .qui-file-upload__trigger{color:var(--color-utility-disabled-text)}.qui-file-upload__dropzone[data-dragging]:not([data-disabled]):not([data-invalid]) .qui-file-upload__dropzone-text .qui-link__root{color:var(--color-utility-disabled-text)}.qui-file-upload__dropzone[data-dragging]:not([data-disabled]):not([data-invalid]) .qui-file-upload__dropzone-icon{color:var(--color-utility-disabled-text)}.qui-file-upload__dropzone[data-disabled]{background:var(--color-utility-disabled-background);border-color:var(--color-utility-disabled-border);cursor:not-allowed;pointer-events:none}.qui-file-upload__dropzone[data-disabled][data-size] .qui-file-upload__dropzone-hint,.qui-file-upload__dropzone[data-disabled][data-size] .qui-file-upload__dropzone-text,.qui-file-upload__dropzone[data-disabled][data-size] .qui-file-upload__trigger{color:var(--color-utility-disabled-text)}.qui-file-upload__dropzone[data-disabled][data-size] .qui-file-upload__dropzone-icon{color:var(--color-utility-disabled-text)}.qui-file-upload__dropzone[data-invalid]{border-color:var(--color-interactive-border-danger-idle);border-width:var(--border-width-md)}.qui-input__input-group[data-file-upload-part=dropzone]{align-items:center;cursor:pointer}.qui-input__input-group[data-file-upload-part=dropzone] .qui-file-upload__input-display{color:var(--color-text-neutral-secondary)}.qui-input__input-group[data-file-upload-part=dropzone][data-has-file] .qui-file-upload__input-display{color:var(--color-text-neutral-primary)}.qui-input__input-group[data-file-upload-part=dropzone][data-dragging]:not([data-disabled]){border-color:var(--color-utility-focus-border);outline:solid 1px var(--color-utility-focus-border)}.qui-input__input-group[data-file-upload-part=dropzone][data-dragging]:not([data-disabled]) .qui-file-upload__input-display{color:var(--color-utility-disabled-text)}.qui-input__input-group[data-file-upload-part=dropzone][data-disabled] .qui-file-upload__input-display{color:var(--color-utility-disabled-text)}.qui-input__input-group[data-disabled] .qui-file-upload__input-display{color:var(--color-utility-disabled-text);cursor:initial}.qui-file-upload__dropzone-text{color:var(--color-text-neutral-primary);font:var(--font-static-body-sm-default)}.qui-file-upload__dropzone-text .qui-link__root{transition:none}.qui-file-upload__dropzone-icon:not(:last-child){margin-bottom:4px}.qui-file-upload__dropzone-hint{color:var(--color-text-neutral-secondary);font:var(--font-static-body-xs-default)}.qui-file-upload__error-text{color:var(--color-text-support-danger);font:var(--font-static-body-xs-default)}.qui-file-upload__item-group{border:var(--border-width-sm) solid var(--color-border-neutral-02);border-radius:var(--border-radius-md);box-sizing:border-box;display:flex;flex-direction:column;overflow:auto;width:100%}.qui-file-upload__item-group[data-size=sm]{max-height:144px}.qui-file-upload__item-group[data-size=md]{max-height:172px}.qui-file-upload__item-group[data-size=lg]{max-height:188px}.qui-file-upload__item-group:not(:has([data-file-upload-part=item])){display:none}.qui-file-upload__item-group:has([data-file-upload-part=item][data-invalid]){border-color:var(--color-interactive-border-danger-idle);border-width:var(--border-width-md)}.qui-file-upload__item{align-items:center;background:var(--color-interactive-background-ghost-idle);box-sizing:border-box;display:grid;grid-column-gap:var(--spacing-70);grid-template-columns:1fr auto;grid-template-rows:auto auto;padding:var(--spacing-50) var(--spacing-70);transition:background-color var(--animation-duration-faster) ease-out;width:100%;--content-col-start:1}.qui-file-upload__item:has(.qui-file-upload__item-preview){--content-col-start:2;grid-template-columns:auto 1fr auto}.qui-file-upload__item[data-size=sm]{padding:var(--spacing-70) var(--spacing-90)}.qui-file-upload__item[data-size=md]{padding:var(--spacing-90) var(--spacing-100)}.qui-file-upload__item[data-size=lg]{padding:var(--spacing-100)}@media (prefers-reduced-motion: reduce){.qui-file-upload__item{transition:none}}.qui-file-upload__item-preview{align-items:center;border:var(--border-width-sm) solid var(--color-border-neutral-02);border-radius:var(--border-radius-sm);display:flex;flex-shrink:0;grid-column:1;grid-row:1/-1;height:36px;overflow:hidden;width:36px}.qui-file-upload__item-preview-image{height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.qui-file-upload__item-name{color:var(--color-text-neutral-primary);flex:1;font:var(--font-static-body-xs-default);grid-row:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.qui-file-upload__item-size-text{color:var(--color-text-neutral-secondary);font:var(--font-static-body-xs-default);grid-row:2;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.qui-file-upload__item-size-text[data-invalid]{align-items:center;color:var(--color-text-support-danger);display:flex;gap:var(--spacing-40)}.qui-file-upload__add-more-button{align-self:flex-start}.qui-file-upload__input-display{align-items:center;overflow:hidden;text-overflow:ellipsis;vertical-align:middle;white-space:nowrap}.qui-file-upload__input-display.qui-input__input{height:auto;min-height:auto}.qui-header-bar__root{align-items:center;border-bottom:solid 1px var(--color-border-neutral-01);box-sizing:border-box;display:flex;height:var(--sizing-160);min-width:-moz-fit-content;min-width:fit-content;padding:0 var(--spacing-90);width:100%}.qui-header-bar__root[data-padding=large]{padding-inline:var(--spacing-330)}.qui-header-bar__root[data-size=lg]{height:72px}.qui-header-bar__root[data-surface=primary]{background:var(--color-surface-primary)}.qui-header-bar__root[data-surface=secondary]{background:var(--color-surface-secondary)}.qui-header-bar__logo{align-items:center;color:var(--color-text-neutral-primary);display:flex;font:var(--font-static-body-sm-bold);gap:var(--spacing-90);margin-right:var(--spacing-90);white-space:nowrap}.qui-header-bar__logo+.qui-header-bar__divider{margin:0 var(--spacing-110) 0 var(--spacing-70)}.qui-header-bar__logo a{color:inherit;text-decoration:none}.qui-header-bar__nav{--gutter:4;align-items:center;display:flex;gap:var(--spacing-110);margin-right:var(--spacing-180)}.qui-header-bar__nav-item{align-items:center;background:transparent;border:solid 1px transparent;border-radius:var(--border-radius-xs);box-sizing:border-box;color:var(--color-text-neutral-secondary);display:inline-flex;font:var(--font-static-body-sm-bold);gap:var(--spacing-40);outline:none;padding:0 var(--spacing-20);text-decoration:inherit;transition:background-color var(--animation-duration-faster) ease-out,color var(--animation-duration-faster) ease-out;--icon-color:var(--color-icon-neutral-secondary)}.qui-header-bar__nav-item .qui-icon__root{--icon-size:var(--sizing-70)}.qui-header-bar__nav-item:active,.qui-header-bar__nav-item:hover,.qui-header-bar__nav-item[data-active],.qui-header-bar__nav-item[data-state=open]{color:var(--color-text-neutral-primary);--icon-color:var(--color-icon-neutral-primary)}.qui-header-bar__nav-item:focus-visible{border-color:var(--color-utility-focus-border);outline:solid 1px var(--color-utility-focus-border)}.qui-header-bar__nav-item[data-disabled]{color:var(--color-utility-disabled-text);pointer-events:none;--icon-color:var(--color-utility-disabled-icon)}.qui-header-bar__nav-item .qui-icon__root[data-header-bar-part=end-icon]{transition:transform var(--animation-duration-faster) ease-out}.qui-header-bar__nav-item[data-state=open] .qui-icon__root[data-header-bar-part=end-icon]{transform:rotate(180deg)}a.qui-header-bar__nav-item:focus-visible{border-color:var(--color-utility-focus-border);outline:solid 2px var(--color-utility-focus-border);outline-offset:-1px}.qui-header-bar__divider{align-self:center;background:var(--color-border-neutral-01);content:"";height:20px;width:1px}.qui-header-bar__divider+.qui-avatar__root{margin-left:var(--spacing-70)}.qui-header-bar__action-bar{align-items:center;display:flex;gap:var(--spacing-40);margin-left:auto}.qui-icon__root{display:block;fill:none;height:var(--icon-height,var(--icon-size));min-height:var(--icon-height,var(--icon-size));min-width:var(--icon-width,var(--icon-size));stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:var(--stroke-width,2);vertical-align:middle;width:var(--icon-width,var(--icon-size))}.qui-icon__root svg.lucide{display:block;height:var(--icon-height,var(--icon-size));stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;width:var(--icon-width,var(--icon-size))}.qui-icon__root[hidden]{display:none}.qui-icon__root[data-size=xs]{--icon-size:12px}.qui-icon__root[data-size=sm]{--icon-size:14px}.qui-icon__root[data-size=md]{--icon-size:16px}.qui-icon__root[data-size=lg]{--icon-size:20px}.qui-icon__root[data-size=xl]{--icon-size:22px}.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(
|
|
87
|
+
);--button-bg-disabled:var(--color-utility-disabled-inverse-background)}.qui-button__root:focus-visible[data-variant][data-emphasis]{border-color:var(--color-utility-focus-border);outline:solid 1px var(--color-utility-focus-border)}.qui-button__icon{color:var(--button-icon-color);height:var(--icon-height,var(--icon-size));min-height:var(--icon-height,var(--icon-size));min-width:var(--icon-width,var(--icon-size));width:var(--icon-width,var(--icon-size))}.qui-button__icon>svg{display:block;height:100%;width:100%}.qui-button__icon[data-button-part=icon][data-size=sm]{--icon-size:12px}.qui-button__icon[data-button-part=icon][data-size=md]{--icon-size:16px}.qui-button__icon[data-button-part=icon][data-size=lg]{--icon-size:20px}.qui-button__icon[data-button-part=icon][data-density=compact]{--icon-size:12px}.qui-button__icon[data-icon-button-part=icon][data-size=sm]{--icon-size:16px}.qui-button__icon[data-icon-button-part=icon][data-size=sm][data-density=compact]{--icon-size:12px}.qui-button__icon[data-icon-button-part=icon][data-size=md]{--icon-size:20px}.qui-button__icon[data-icon-button-part=icon][data-size=md][data-density=compact]{--icon-size:16px}.qui-button__icon[data-icon-button-part=icon][data-size=lg]{--icon-size:24px}.qui-button__icon[data-icon-button-part=icon][data-size=lg][data-density=compact]{--icon-size:16px}.qui-button-group{box-sizing:border-box;display:inline-flex;gap:var(--button-group-gap,var(--spacing-90))}.qui-button-group[data-layout=end],.qui-button-group[data-layout=fill],.qui-button-group[data-layout=start]{width:100%}.qui-button-group[data-layout=hug]{width:-moz-fit-content;width:fit-content}.qui-button-group[data-layout=end]{justify-content:flex-end}.qui-button-group[data-layout=fill]>.qui-button__root{flex:1 1 0;min-width:0}.qui-button-group[data-size=sm]{--button-group-gap:var(--spacing-80)}.qui-button-group[data-size=lg]{--button-group-gap:var(--spacing-100)}.qui-card__root{background:linear-gradient(0deg,var(--color-interactive-background-ghost-idle) 0%,var(--color-interactive-background-ghost-idle) 100%),var(--color-surface-raised);border:0;border-radius:var(--border-radius-md);box-sizing:border-box;display:flex;flex-direction:column;margin:0;overflow:clip;padding:0;position:relative}.qui-card__root[data-variant=outline]{border:var(--border-width-sm) solid var(--color-border-neutral-01)}.qui-card__root[data-variant=outline-elevated]{border:var(--border-width-sm) solid var(--color-border-neutral-01);box-shadow:var(--shadow-medium)}.qui-card__root[data-variant=elevated]{box-shadow:var(--shadow-medium)}.qui-card__root[data-interactive]{cursor:pointer}.qui-card__root[data-interactive]:hover .qui-card__content{background:linear-gradient(0deg,var(--color-interactive-background-ghost-hover) 0%,var(--color-interactive-background-ghost-hover) 100%),var(--color-surface-raised)}.qui-card__root[data-interactive]:active .qui-card__content{background:linear-gradient(0deg,var(--color-interactive-background-ghost-pressed) 0%,var(--color-interactive-background-ghost-pressed) 100%),var(--color-surface-raised)}.qui-card__root:disabled{cursor:initial}.qui-card__media{align-items:center;background:var(--color-background-neutral-01);border-bottom:var(--border-width-sm) solid var(--color-border-neutral-01);display:flex;justify-content:center;position:relative}.qui-card__media:has(+.qui-card__footer){border-bottom:0}.qui-card__media:has(.qui-card__avatar)[data-size=sm]{padding:var(--spacing-120) 0}.qui-card__media:has(.qui-card__avatar)[data-size=md]{padding:var(--spacing-180) 0}.qui-card__media:has(.qui-card__avatar)[data-size=lg]{padding:var(--spacing-180) 0}.qui-card__content{align-items:start;display:flex;flex-direction:column;text-align:start;--card-content-gap:var(--spacing-100)}.qui-card__content[data-alignment=center]{align-items:center;text-align:center}.qui-card__content[data-size=sm]{padding:var(--spacing-100)}.qui-card__content[data-size=md]{padding:var(--spacing-120)}.qui-card__content[data-size=lg]{--card-content-gap:var(--spacing-110);padding:var(--spacing-140)}.qui-card__badge{position:absolute;right:6px;top:6px}.qui-card__heading{color:var(--color-text-neutral-primary);display:flex;flex-direction:column;gap:var(--spacing-20);margin-bottom:var(--card-content-gap);position:relative}.qui-card__heading[data-alignment=center]{align-items:center}.qui-card__heading[data-size=sm]{gap:0}.qui-card__heading .qui-card__subheading-text{color:var(--color-text-neutral-secondary)}.qui-card__heading:has(.qui-card__menu-trigger){padding-right:var(--spacing-120)}.qui-card__heading[data-alignment=center]{justify-content:center}.qui-card__heading:last-child{margin-bottom:0}.qui-card__eyebrow-text{color:var(--color-text-brand-primary);display:inline-block;font:var(--font-static-body-xs-bold);text-transform:uppercase}.qui-card__heading-text[data-size=sm]{font:var(--font-static-body-md-bold)}.qui-card__heading-text[data-size=md]{font:var(--font-static-heading-xs-default)}.qui-card__heading-text[data-size=lg]{font:var(--font-static-heading-sm-default)}.qui-card__subheading-text{color:var(--color-text-neutral-primary);display:inline-block}.qui-card__subheading-text[data-size=sm]{font:var(--font-static-body-xs-bold)}.qui-card__subheading-text[data-size=md]{font:var(--font-static-body-sm-bold)}.qui-card__subheading-text[data-size=lg]{font:var(--font-static-body-md-bold)}.qui-card__paragraph-text{color:var(--color-text-neutral-secondary);display:inline-block;margin:0;padding:0}.qui-card__paragraph-text[data-size=sm]{font:var(--font-static-body-xs-default)}.qui-card__paragraph-text[data-size=md]{font:var(--font-static-body-sm-default)}.qui-card__paragraph-text[data-size=lg]{font:var(--font-static-body-md-default)}.qui-card__paragraph-text:not(:last-child){margin-bottom:var(--spacing-40)}.qui-card__subheading-text:has(+.qui-card__paragraph-text){margin-bottom:var(--spacing-40)}.qui-card__paragraph-text+.qui-card__subheading-text{margin-bottom:var(--spacing-100)}.qui-card__footer{align-items:center;border-top:var(--border-width-sm) solid var(--color-border-neutral-01);display:flex;gap:var(--spacing-70);justify-content:flex-end}.qui-card__footer[data-alignment=center]{justify-content:center}.qui-card__footer[data-size=sm]{padding:var(--spacing-80) var(--spacing-90)}.qui-card__footer[data-size=md]{padding:var(--spacing-80) var(--spacing-100)}.qui-card__footer[data-size=lg]{padding:var(--spacing-90) var(--spacing-110)}.qui-checkbox__root{align-items:center;-webkit-box-align:center;-moz-column-gap:var(--spacing-70);column-gap:var(--spacing-70);display:grid;grid-template-columns:auto 1fr;justify-content:start;position:relative;row-gap:var(--spacing-50);vertical-align:top;width:-moz-fit-content;width:fit-content}.qui-checkbox__root:hover{cursor:pointer}.qui-checkbox__root[data-disabled]{cursor:unset;-webkit-user-select:none;-moz-user-select:none;user-select:none}.qui-checkbox__root [data-checkbox-part=error-text],.qui-checkbox__root [data-checkbox-part=hint]{grid-column:1/-1;width:-moz-fit-content;width:fit-content}.qui-checkbox__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-xs,2px);box-sizing:border-box;color:var(--color-utility-persistent-white);display:inline-flex;justify-content:center;max-height:var(--control-size);max-width:var(--control-size);min-height:var(--control-size);min-width:var(--control-size);--control-size:var(--sizing-70)}.qui-checkbox__control[data-size=md]{--control-size:var(--sizing-80)}.qui-checkbox__control[data-size=lg]{--control-size:var(--sizing-90)}.qui-checkbox__control[data-focus-visible]{border-color:var(--color-interactive-border-neutral-hover);outline:solid 2px var(--color-utility-focus-border);outline-offset:1px}.qui-checkbox__control[data-state=checked],.qui-checkbox__control[data-state=indeterminate]{background:var(--color-interactive-background-primary-idle);border-color:var(--color-interactive-background-primary-idle)}.qui-checkbox__control[data-state=checked][data-hover],.qui-checkbox__control[data-state=indeterminate][data-hover]{background:var(--color-interactive-background-primary-hover);border-color:var(--color-interactive-background-primary-hover)}.qui-checkbox__control[data-state=checked][data-disabled],.qui-checkbox__control[data-state=indeterminate][data-disabled]{background:var(--color-utility-disabled-background);border-color:var(--color-utility-disabled-border);color:var(--color-utility-disabled-text)}.qui-checkbox__control[data-state=checked][data-invalid],.qui-checkbox__control[data-state=indeterminate][data-invalid]{background:var(--color-interactive-background-danger-idle);border-color:var(--color-interactive-background-danger-idle)}.qui-checkbox__control[data-state=checked][data-invalid][data-hover],.qui-checkbox__control[data-state=indeterminate][data-invalid][data-hover]{background:var(--color-interactive-background-danger-hover);border-color:var(--color-interactive-border-danger-hover)}.qui-checkbox__control[data-invalid][data-state=unchecked]{border-color:var(--color-interactive-border-danger-idle)}.qui-checkbox__control[data-invalid][data-state=unchecked][data-hover]{border-color:var(--color-interactive-border-danger-hover)}.qui-checkbox__control[data-disabled]{border-color:var(--color-utility-disabled-border)}.qui-checkbox__label{color:var(--color-text-neutral-primary);flex:1;font:var(--font-static-body-xs-default)}.qui-checkbox__label[data-size=md]{font:var(--font-static-body-sm-default)}.qui-checkbox__label[data-size=lg]{font:var(--font-static-body-lg-default)}.qui-checkbox__label[data-disabled]{color:var(--color-utility-disabled-text)}.qui-checkbox__indicator{align-items:center;display:inline-flex}.qui-checkbox__indicator[hidden]{display:none}.qui-checkbox__indicator [data-checkmark-part=indicator-icon]{vertical-align:middle}.qui-checkmark__root[data-tree-part=root]{background:var(--color-interactive-background-ghost-idle);cursor:pointer}.qui-checkmark__root[data-tree-part=root][data-state=checked],.qui-checkmark__root[data-tree-part=root][data-state=indeterminate]{background:var(--color-interactive-background-primary-idle);border-color:var(--color-interactive-background-primary-idle)}.qui-checkmark__root[data-tree-part=root][data-state=checked][data-hover],.qui-checkmark__root[data-tree-part=root][data-state=indeterminate][data-hover]{background:var(--color-interactive-background-primary-hover);border-color:var(--color-interactive-background-primary-hover)}.qui-checkmark__root[data-tree-part=root][data-state=checked][data-disabled],.qui-checkmark__root[data-tree-part=root][data-state=indeterminate][data-disabled]{background:var(--color-utility-disabled-background)}.qui-checkmark__root[data-tree-part=root][data-disabled]{border-color:var(--color-utility-disabled-border);color:var(--color-utility-disabled-text)}.qui-collapsible__content{animation-duration:var(--animation-duration-moderate);overflow:hidden}.qui-collapsible__content[data-ssr]{animation-duration:0ms}.qui-collapsible__content[data-state=closed]{animation-name:collapse-height,fade-out}.qui-collapsible__content[data-state=open]{animation-name:expand-height,fade-in}.qui-dialog__backdrop{background:rgba(0,0,0,0.2);height:100vh;left:0;overflow:hidden;place-items:center;position:fixed;top:0;width:100vw;z-index:var(--z-index-dialog)}.qui-dialog__backdrop[hidden]{display:none!important}.qui-dialog__positioner{align-items:flex-start;display:flex;height:100dvh;inset:0;justify-content:center;position:fixed;width:100dvw;z-index:var(--z-index-dialog);--indicator-icon-size:var(--sizing-90)}.qui-dialog__positioner .qui-dialog__indicator-icon{--icon-size:var(--indicator-icon-size)}.qui-dialog__positioner[data-size=md]{--indicator-icon-size:var(--sizing-120)}.qui-dialog__positioner[data-scroll-behavior=outside]{overflow:auto;pointer-events:auto}.qui-dialog__positioner[data-placement=top]{align-items:flex-start}.qui-dialog__positioner[data-placement=center]{align-items:center}.qui-dialog__positioner[data-placement=bottom]{align-items:flex-end}.qui-dialog__positioner[data-scroll-behavior=inside]{overflow:hidden}.qui-dialog__content{background-color:var(--color-surface-overlay);border:solid 1px var(--color-border-neutral-01);border-radius:var(--border-radius-md);box-shadow:var(--shadow-high);box-sizing:border-box;color:var(--color-text-neutral-primary);display:grid;margin-block:4rem;margin-inline:auto;position:relative;width:375px}.qui-dialog__content[hidden]{display:none!important}.qui-dialog__content[data-size=md]{width:600px}.qui-dialog__content[data-scroll-behavior=inside]{max-height:calc(100% - 7.5rem);overflow-y:auto}.qui-dialog__content[data-state=open]{animation:dialog-fade-in 0.2s ease-in-out}.qui-dialog__content[data-state=closed]{animation:dialog-fade-out 0.25s ease-in-out}.qui-dialog__body{box-sizing:border-box;color:var(--color-text-neutral-primary);display:flex;flex-direction:column;font:var(--font-static-body-xs-default);gap:var(--spacing-90);margin:0;padding:var(--spacing-110);width:100%}.qui-dialog__body[data-size=md]{font:var(--font-static-body-sm-default);gap:var(--spacing-100);padding:var(--spacing-120)}.qui-dialog__heading{color:var(--color-text-neutral-primary);font:var(--font-static-heading-xs-default);margin:0}.qui-dialog__heading[data-size=md]{font:var(--font-static-heading-sm-default)}.qui-dialog__footer{border-top:solid 1px var(--color-border-neutral-01);box-sizing:border-box;display:flex;gap:var(--spacing-80);justify-content:flex-end;padding:var(--spacing-110);width:100%}.qui-dialog__close-button{align-self:flex-start;position:absolute;right:5px;top:5px}.qui-dialog__indicator-icon{--icon-size:20px}.qui-dialog__indicator-icon[data-emphasis=neutral]{color:var(--color-icon-support-neutral)}.qui-dialog__indicator-icon[data-emphasis=info]{color:var(--color-icon-support-info)}.qui-dialog__indicator-icon[data-emphasis=success]{color:var(--color-icon-support-success)}.qui-dialog__indicator-icon[data-emphasis=warning]{color:var(--color-icon-support-warning)}.qui-dialog__indicator-icon[data-emphasis=danger]{color:var(--color-icon-support-danger)}@keyframes dialog-fade-in{0%{opacity:0;scale:0.95}to{opacity:1;scale:1}}@keyframes dialog-fade-out{to{opacity:0;scale:0.95}}.qui-divider__root{border:0 solid;height:0;margin:8px 0;outline:none;position:relative;width:100%;--divider-border-color:var(--color-border-neutral-02)}.qui-divider__root[data-variant=subtle]{--divider-border-color:var(--color-border-neutral-01)}.qui-divider__root[data-variant=strong]{--divider-border-color:var(--color-border-neutral-03)}.qui-divider__root:not([aria-orientation=vertical]){border-top:solid 1px var(--divider-border-color);min-width:4px}.qui-divider__root[aria-orientation=vertical]{border-left:solid 1px var(--divider-border-color);margin:0 8px;min-height:100%;width:unset}.qui-divider__root[tabindex="-1"]:focus-visible{color:var(--color-utility-focus-border)}.qui-divider__root[tabindex="0"]:focus-visible,.qui-divider__root[tabindex="0"]:hover{border-color:var(--color-utility-focus-border)}.qui-drawer__positioner{display:flex;height:100vh;inset:0;justify-content:flex-start;position:fixed;width:100vw;z-index:var(--z-index-dialog)}.qui-drawer__positioner[data-placement=end]{justify-content:flex-end}.qui-drawer__positioner{--indicator-icon-size:var(--sizing-90)}.qui-drawer__positioner .qui-dialog__indicator-icon{--icon-size:var(--indicator-icon-size)}.qui-drawer__positioner[data-size=md]{--indicator-icon-size:var(--sizing-120)}.qui-drawer__content{background-color:var(--color-surface-overlay);box-shadow:var(--shadow-high);box-sizing:border-box;color:var(--color-text-neutral-primary);display:grid;grid-template-rows:1fr auto;height:100%;margin:0;overflow-y:auto;padding:0;place-items:start;position:relative;width:355px}.qui-drawer__content[hidden]{display:none!important}.qui-drawer__content[data-size=md]{width:580px}.qui-drawer__content[data-placement=end]{border-bottom-left-radius:var(--border-radius-md);border-top-left-radius:var(--border-radius-md)}.qui-drawer__content[data-placement=end][data-state=open]{animation:slide-from-right-full 0.2s ease}.qui-drawer__content[data-placement=end][data-state=closed]{animation:slide-to-right-full 0.25s ease}.qui-drawer__content[data-placement=start]{border-bottom-right-radius:var(--border-radius-md);border-top-right-radius:var(--border-radius-md)}.qui-drawer__content[data-placement=start][data-state=open]{animation:slide-from-left-full 0.2s ease}.qui-drawer__content[data-placement=start][data-state=closed]{animation:slide-to-left-full 0.25s ease}.qui-field-group__root{border:none;margin:0;padding:0}.qui-field-group__label{color:var(--color-text-neutral-secondary);font:var(--font-static-body-xs-default);margin-block-end:var(--spacing-70);padding:0}.qui-field-group__items{display:flex;flex-direction:column;gap:var(--spacing-90)}.qui-field-group__items[data-size=sm]{gap:var(--spacing-80)}.qui-field-group__items[data-orientation=horizontal]{flex-direction:row;flex-wrap:wrap}.qui-field-group__items[data-indented]{padding-inline-start:var(--spacing-100)}.qui-field-group__hint{color:var(--color-text-neutral-secondary);font:var(--font-static-body-xs-default);margin-block-start:var(--spacing-70)}.qui-field-group__error-text{align-items:center;color:var(--color-text-support-danger);display:flex;font:var(--font-static-body-xs-default);gap:var(--spacing-40);margin-block-start:var(--spacing-70)}.qui-file-upload__root{display:flex;flex-direction:column;gap:var(--spacing-70);width:100%}.qui-file-upload__label{color:var(--color-text-neutral-primary);display:flex;height:20px}.qui-file-upload__label[data-size=sm]{font:var(--font-static-heading-xxs-bold)}.qui-file-upload__label[data-size=lg],.qui-file-upload__label[data-size=md]{font:var(--font-static-heading-xs-bold)}.qui-file-upload__dropzone{align-items:center;background:var(--color-surface-secondary);border:var(--border-width-sm) solid var(--color-interactive-border-neutral-idle);border-radius:var(--border-radius-md);box-sizing:border-box;cursor:pointer;display:flex;flex-direction:column;gap:var(--spacing-70);justify-content:center;outline:none;position:relative;transition:border-color var(--animation-duration-faster) ease-out,box-shadow var(--animation-duration-faster) ease-out;width:100%}@media (prefers-reduced-motion: reduce){.qui-file-upload__dropzone{transition:none}}.qui-file-upload__dropzone[data-has-file]{display:none}.qui-file-upload__dropzone[data-size=sm]{height:144px;padding:var(--spacing-140)}.qui-file-upload__dropzone[data-size=md]{height:172px;padding:var(--spacing-160) var(--spacing-140)}.qui-file-upload__dropzone[data-size=lg]{height:188px;padding:var(--spacing-180) var(--spacing-140)}.qui-file-upload__dropzone:hover{border-color:var(--color-interactive-border-neutral-hover)}.qui-file-upload__dropzone:focus-visible{border-color:var(--color-utility-focus-border);border-width:var(--border-width-md)}.qui-file-upload__dropzone[data-dragging]:not([data-disabled]):not([data-invalid]){border-color:var(--color-utility-focus-border);box-shadow:var(--shadow-low)}.qui-file-upload__dropzone[data-dragging]:not([data-disabled]):not([data-invalid]) .qui-file-upload__dropzone-hint,.qui-file-upload__dropzone[data-dragging]:not([data-disabled]):not([data-invalid]) .qui-file-upload__dropzone-text,.qui-file-upload__dropzone[data-dragging]:not([data-disabled]):not([data-invalid]) .qui-file-upload__trigger{color:var(--color-utility-disabled-text)}.qui-file-upload__dropzone[data-dragging]:not([data-disabled]):not([data-invalid]) .qui-file-upload__dropzone-text .qui-link__root{color:var(--color-utility-disabled-text)}.qui-file-upload__dropzone[data-dragging]:not([data-disabled]):not([data-invalid]) .qui-file-upload__dropzone-icon{color:var(--color-utility-disabled-text)}.qui-file-upload__dropzone[data-disabled]{background:var(--color-utility-disabled-background);border-color:var(--color-utility-disabled-border);cursor:not-allowed;pointer-events:none}.qui-file-upload__dropzone[data-disabled][data-size] .qui-file-upload__dropzone-hint,.qui-file-upload__dropzone[data-disabled][data-size] .qui-file-upload__dropzone-text,.qui-file-upload__dropzone[data-disabled][data-size] .qui-file-upload__trigger{color:var(--color-utility-disabled-text)}.qui-file-upload__dropzone[data-disabled][data-size] .qui-file-upload__dropzone-icon{color:var(--color-utility-disabled-text)}.qui-file-upload__dropzone[data-invalid]{border-color:var(--color-interactive-border-danger-idle);border-width:var(--border-width-md)}.qui-input__input-group[data-file-upload-part=dropzone]{align-items:center;cursor:pointer}.qui-input__input-group[data-file-upload-part=dropzone] .qui-file-upload__input-display{color:var(--color-text-neutral-secondary)}.qui-input__input-group[data-file-upload-part=dropzone][data-has-file] .qui-file-upload__input-display{color:var(--color-text-neutral-primary)}.qui-input__input-group[data-file-upload-part=dropzone][data-dragging]:not([data-disabled]){border-color:var(--color-utility-focus-border);outline:solid 1px var(--color-utility-focus-border)}.qui-input__input-group[data-file-upload-part=dropzone][data-dragging]:not([data-disabled]) .qui-file-upload__input-display{color:var(--color-utility-disabled-text)}.qui-input__input-group[data-file-upload-part=dropzone][data-disabled] .qui-file-upload__input-display{color:var(--color-utility-disabled-text)}.qui-input__input-group[data-disabled] .qui-file-upload__input-display{color:var(--color-utility-disabled-text);cursor:initial}.qui-file-upload__dropzone-text{color:var(--color-text-neutral-primary);font:var(--font-static-body-sm-default)}.qui-file-upload__dropzone-text .qui-link__root{transition:none}.qui-file-upload__dropzone-icon:not(:last-child){margin-bottom:4px}.qui-file-upload__dropzone-hint{color:var(--color-text-neutral-secondary);font:var(--font-static-body-xs-default)}.qui-file-upload__error-text{color:var(--color-text-support-danger);font:var(--font-static-body-xs-default)}.qui-file-upload__item-group{border:var(--border-width-sm) solid var(--color-border-neutral-02);border-radius:var(--border-radius-md);box-sizing:border-box;display:flex;flex-direction:column;overflow:auto;width:100%}.qui-file-upload__item-group[data-size=sm]{max-height:144px}.qui-file-upload__item-group[data-size=md]{max-height:172px}.qui-file-upload__item-group[data-size=lg]{max-height:188px}.qui-file-upload__item-group:not(:has([data-file-upload-part=item])){display:none}.qui-file-upload__item-group:has([data-file-upload-part=item][data-invalid]){border-color:var(--color-interactive-border-danger-idle);border-width:var(--border-width-md)}.qui-file-upload__item{align-items:center;background:var(--color-interactive-background-ghost-idle);box-sizing:border-box;display:grid;grid-column-gap:var(--spacing-70);grid-template-columns:1fr auto;grid-template-rows:auto auto;padding:var(--spacing-50) var(--spacing-70);transition:background-color var(--animation-duration-faster) ease-out;width:100%;--content-col-start:1}.qui-file-upload__item:has(.qui-file-upload__item-preview){--content-col-start:2;grid-template-columns:auto 1fr auto}.qui-file-upload__item[data-size=sm]{padding:var(--spacing-70) var(--spacing-90)}.qui-file-upload__item[data-size=md]{padding:var(--spacing-90) var(--spacing-100)}.qui-file-upload__item[data-size=lg]{padding:var(--spacing-100)}@media (prefers-reduced-motion: reduce){.qui-file-upload__item{transition:none}}.qui-file-upload__item-preview{align-items:center;border:var(--border-width-sm) solid var(--color-border-neutral-02);border-radius:var(--border-radius-sm);display:flex;flex-shrink:0;grid-column:1;grid-row:1/-1;height:36px;overflow:hidden;width:36px}.qui-file-upload__item-preview-image{height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.qui-file-upload__item-name{color:var(--color-text-neutral-primary);flex:1;font:var(--font-static-body-xs-default);grid-row:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.qui-file-upload__item-size-text{color:var(--color-text-neutral-secondary);font:var(--font-static-body-xs-default);grid-row:2;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.qui-file-upload__item-size-text[data-invalid]{align-items:center;color:var(--color-text-support-danger);display:flex;gap:var(--spacing-40)}.qui-file-upload__add-more-button{align-self:flex-start}.qui-file-upload__input-display{align-items:center;overflow:hidden;text-overflow:ellipsis;vertical-align:middle;white-space:nowrap}.qui-file-upload__input-display.qui-input__input{height:auto;min-height:auto}.qui-header-bar__root{align-items:center;border-bottom:solid 1px var(--color-border-neutral-01);box-sizing:border-box;display:flex;height:var(--sizing-160);min-width:-moz-fit-content;min-width:fit-content;padding:0 var(--spacing-90);width:100%}.qui-header-bar__root[data-padding=large]{padding-inline:var(--spacing-330)}.qui-header-bar__root[data-size=lg]{height:72px}.qui-header-bar__root[data-surface=primary]{background:var(--color-surface-primary)}.qui-header-bar__root[data-surface=secondary]{background:var(--color-surface-secondary)}.qui-header-bar__logo{align-items:center;color:var(--color-text-neutral-primary);display:flex;font:var(--font-static-body-sm-bold);gap:var(--spacing-90);margin-right:var(--spacing-90);white-space:nowrap}.qui-header-bar__logo+.qui-header-bar__divider{margin:0 var(--spacing-110) 0 var(--spacing-70)}.qui-header-bar__logo a{color:inherit;text-decoration:none}.qui-header-bar__nav{--gutter:4;align-items:center;display:flex;gap:var(--spacing-110);margin-right:var(--spacing-180)}.qui-header-bar__nav-item{align-items:center;background:transparent;border:solid 1px transparent;border-radius:var(--border-radius-xs);box-sizing:border-box;color:var(--color-text-neutral-secondary);display:inline-flex;font:var(--font-static-body-sm-bold);gap:var(--spacing-40);outline:none;padding:0 var(--spacing-20);text-decoration:inherit;transition:background-color var(--animation-duration-faster) ease-out,color var(--animation-duration-faster) ease-out;--icon-color:var(--color-icon-neutral-secondary)}.qui-header-bar__nav-item .qui-icon__root{--icon-size:var(--sizing-70)}.qui-header-bar__nav-item:active,.qui-header-bar__nav-item:hover,.qui-header-bar__nav-item[data-active],.qui-header-bar__nav-item[data-state=open]{color:var(--color-text-neutral-primary);--icon-color:var(--color-icon-neutral-primary)}.qui-header-bar__nav-item:focus-visible{border-color:var(--color-utility-focus-border);outline:solid 1px var(--color-utility-focus-border)}.qui-header-bar__nav-item[data-disabled]{color:var(--color-utility-disabled-text);pointer-events:none;--icon-color:var(--color-utility-disabled-icon)}.qui-header-bar__nav-item .qui-icon__root[data-header-bar-part=end-icon]{transition:transform var(--animation-duration-faster) ease-out}.qui-header-bar__nav-item[data-state=open] .qui-icon__root[data-header-bar-part=end-icon]{transform:rotate(180deg)}a.qui-header-bar__nav-item:focus-visible{border-color:var(--color-utility-focus-border);outline:solid 2px var(--color-utility-focus-border);outline-offset:-1px}.qui-header-bar__divider{align-self:center;background:var(--color-border-neutral-01);content:"";height:20px;width:1px}.qui-header-bar__divider+.qui-avatar__root{margin-left:var(--spacing-70)}.qui-header-bar__action-bar{align-items:center;display:flex;gap:var(--spacing-40);margin-left:auto}.qui-icon__root{display:block;fill:none;height:var(--icon-height,var(--icon-size));min-height:var(--icon-height,var(--icon-size));min-width:var(--icon-width,var(--icon-size));stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:var(--stroke-width,2);vertical-align:middle;width:var(--icon-width,var(--icon-size))}.qui-icon__root svg.lucide{display:block;height:var(--icon-height,var(--icon-size));stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;width:var(--icon-width,var(--icon-size))}.qui-icon__root[hidden]{display:none}.qui-icon__root[data-size=xs]{--icon-size:12px}.qui-icon__root[data-size=sm]{--icon-size:14px}.qui-icon__root[data-size=md]{--icon-size:16px}.qui-icon__root[data-size=lg]{--icon-size:20px}.qui-icon__root[data-size=xl]{--icon-size:22px}.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(
|
|
88
88
|
--color-interactive-background-persistent-black-ghost-hover
|
|
89
89
|
)}.qui-inline-icon-button__root[data-emphasis=persistent-black]:active{background:var(
|
|
90
90
|
--color-interactive-background-persistent-black-ghost-pressed
|