.qui-button__root{align-items:center;background:var(--button-bg-idle);background-image:none;border:var(--border-width-sm) solid transparent;border-radius:var(
    --button-radius,var(--component-button-global-border-radius)
  );box-sizing:border-box;color:var(--button-text-idle);cursor:pointer;display:inline-flex;justify-content:center;line-height:normal;margin:0;outline:none;padding:0;position:relative;text-decoration:inherit;touch-action:manipulation;transition:background-color var(--animation-duration-faster) ease-out,color var(--animation-duration-faster) ease-out;-webkit-user-select:none;-moz-user-select:none;user-select:none;vertical-align:middle;--button-bg-disabled:var(--color-utility-disabled-background);--button-icon-color:var(--button-icon-idle)}.qui-button__root[hidden]{display:none}.qui-button__root:after,.qui-button__root:before{border:0 solid;box-sizing:border-box;margin:0;padding:0}@media (prefers-reduced-motion: reduce){.qui-button__root{transition:none}}.qui-button__root:hover{background:var(--button-bg-hover);color:var(--button-text-hover);--button-icon-color:var(--button-icon-hover)}.qui-button__root:active{background:var(--button-bg-pressed);color:var(--button-text-pressed);--button-icon-color:var(--button-icon-pressed)}.qui-button__root:disabled,.qui-button__root[data-disabled]{background:var(--button-bg-disabled);color:var(--color-utility-disabled-text);--button-icon-color:var(--color-utility-disabled-icon);pointer-events:none}.qui-button__root[data-emphasis=neutral]{--button-bg-idle:var(--color-interactive-background-neutral-idle);--button-bg-hover:var(--color-interactive-background-neutral-hover);--button-bg-pressed:var(--color-interactive-background-neutral-pressed);--button-text-idle:var(--color-interactive-text-neutral-idle);--button-text-hover:var(--color-interactive-text-neutral-hover);--button-text-pressed:var(--color-interactive-text-neutral-pressed);--button-icon-idle:var(--color-interactive-icon-neutral-idle);--button-icon-hover:var(--color-interactive-icon-neutral-hover);--button-icon-pressed:var(--color-interactive-icon-neutral-pressed)}.qui-button__root[data-emphasis=primary]{--button-bg-idle:var(--color-interactive-background-primary-idle);--button-bg-hover:var(--color-interactive-background-primary-hover);--button-bg-pressed:var(--color-interactive-background-primary-pressed);--button-text-idle:var(--color-interactive-text-primary-idle);--button-text-hover:var(--color-interactive-text-primary-hover);--button-text-pressed:var(--color-interactive-text-primary-pressed);--button-icon-idle:var(--color-interactive-icon-primary-idle);--button-icon-hover:var(--color-interactive-icon-primary-hover);--button-icon-pressed:var(--color-interactive-icon-primary-pressed)}.qui-button__root[data-emphasis=danger]{--button-bg-idle:var(--color-interactive-background-danger-idle);--button-bg-hover:var(--color-interactive-background-danger-hover);--button-bg-pressed:var(--color-interactive-background-danger-pressed);--button-text-idle:var(--color-interactive-text-danger-idle);--button-text-hover:var(--color-interactive-text-danger-hover);--button-text-pressed:var(--color-interactive-text-danger-pressed);--button-icon-idle:var(--color-interactive-icon-danger-idle);--button-icon-hover:var(--color-interactive-icon-danger-hover);--button-icon-pressed:var(--color-interactive-icon-danger-pressed)}.qui-button__root[data-emphasis=white-persistent]{--button-text-idle:var(--color-utility-persistent-white);--button-text-hover:var(--color-utility-persistent-white);--button-text-pressed:var(--color-utility-persistent-white);--button-icon-idle:var(--color-utility-persistent-white);--button-icon-hover:var(--color-utility-persistent-white);--button-icon-pressed:var(--color-utility-persistent-white)}.qui-button__root[data-emphasis=white-persistent]:disabled,.qui-button__root[data-emphasis=white-persistent][data-disabled]{color:var(--color-utility-disabled-persistent-white-text);--button-icon-color:var(--color-utility-disabled-persistent-white-icon)}.qui-button__root[data-emphasis=black-persistent]{--button-text-idle:var(--color-utility-persistent-black);--button-text-hover:var(--color-utility-persistent-black);--button-text-pressed:var(--color-utility-persistent-black);--button-icon-idle:var(--color-utility-persistent-black);--button-icon-hover:var(--color-utility-persistent-black);--button-icon-pressed:var(--color-utility-persistent-black)}.qui-button__root[data-emphasis=black-persistent]:disabled,.qui-button__root[data-emphasis=black-persistent][data-disabled]{color:var(--color-utility-disabled-persistent-black-text);--button-icon-color:var(--color-utility-disabled-persistent-black-icon)}.qui-button__root[data-emphasis=inverse]:disabled,.qui-button__root[data-emphasis=inverse][data-disabled]{color:var(--color-utility-disabled-inverse-text);--button-icon-color:var(--color-utility-disabled-inverse-icon)}.qui-button__root[data-size=sm]{font-family:var(--component-button-type-sm-font-family);font-size:var(--component-button-type-sm-font-size);font-weight:var(--component-button-type-sm-font-weight);gap:var(--spacing-40);height:var(--sizing-120);line-height:var(--component-button-type-sm-line-height);padding:0 var(--spacing-90)}.qui-button__root[data-size=sm][data-density=compact]{height:var(--sizing-80);padding:0 var(--spacing-70)}.qui-button__root[data-size=sm][data-kind=icon]{width:var(--sizing-120)}.qui-button__root[data-size=sm][data-kind=icon][data-density=compact]{width:var(--sizing-80)}.qui-button__root[data-size=md]{font-family:var(--component-button-type-md-font-family);font-size:var(--component-button-type-md-font-size);font-weight:var(--component-button-type-md-font-weight);gap:var(--spacing-70);height:var(--sizing-140);line-height:var(--component-button-type-md-line-height);padding:0 var(--spacing-100)}.qui-button__root[data-size=md][data-density=compact]{height:var(--sizing-90);padding:0 var(--spacing-80)}.qui-button__root[data-size=md][data-kind=icon]{width:var(--sizing-140)}.qui-button__root[data-size=md][data-kind=icon][data-density=compact]{width:var(--sizing-90)}.qui-button__root[data-size=lg]{font-family:var(--component-button-type-lg-font-family);font-size:var(--component-button-type-lg-font-size);font-weight:var(--component-button-type-lg-font-weight);gap:var(--spacing-90);height:var(--sizing-160);line-height:var(--component-button-type-lg-line-height);padding:0 var(--spacing-110)}.qui-button__root[data-size=lg][data-density=compact]{height:var(--sizing-100);padding:0 var(--spacing-90)}.qui-button__root[data-size=lg][data-kind=icon]{width:var(--sizing-160)}.qui-button__root[data-size=lg][data-kind=icon][data-density=compact]{width:var(--sizing-100)}.qui-button__root[data-kind=icon]{--button-radius:var(--border-radius-md)}.qui-button__root[data-kind=icon][data-shape=rounded]{--button-radius:var(--border-radius-rounded)}.qui-button__root[data-density=compact]{font-family:var(--component-button-type-sm-font-family);font-size:var(--component-button-type-sm-font-size);font-weight:var(--component-button-type-sm-font-weight);gap:var(--spacing-40);line-height:var(--component-button-type-sm-line-height)}.qui-button__root[data-variant=ghost],.qui-button__root[data-variant=outline]{--button-bg-idle:var(--color-interactive-background-ghost-idle);--button-bg-hover:var(--color-interactive-background-ghost-hover);--button-bg-pressed:var(--color-interactive-background-ghost-pressed);--button-bg-disabled:var(--color-interactive-background-ghost-idle)}.qui-button__root[data-variant=ghost][data-emphasis=white-persistent],.qui-button__root[data-variant=outline][data-emphasis=white-persistent]{--button-bg-idle:var(
        --color-interactive-background-persistent-white-ghost-idle
      );--button-bg-hover:var(
        --color-interactive-background-persistent-white-ghost-hover
      );--button-bg-pressed:var(
        --color-interactive-background-persistent-white-ghost-pressed
      );--button-bg-disabled:var(
        --color-interactive-background-persistent-white-ghost-idle
      )}.qui-button__root[data-variant=ghost][data-emphasis=black-persistent],.qui-button__root[data-variant=outline][data-emphasis=black-persistent]{--button-bg-idle:var(
        --color-interactive-background-persistent-black-ghost-idle
      );--button-bg-hover:var(
        --color-interactive-background-persistent-black-ghost-hover
      );--button-bg-pressed:var(
        --color-interactive-background-persistent-black-ghost-pressed
      );--button-bg-disabled:var(
        --color-interactive-background-persistent-black-ghost-idle
      )}.qui-button__root[data-variant=ghost][data-emphasis=inverse],.qui-button__root[data-variant=outline][data-emphasis=inverse]{--button-text-idle:var(--color-text-neutral-inverse);--button-text-hover:var(--color-text-neutral-inverse);--button-text-pressed:var(--color-text-neutral-inverse);--button-icon-idle:var(--color-icon-neutral-inverse);--button-icon-hover:var(--color-icon-neutral-inverse);--button-icon-pressed:var(--color-icon-neutral-inverse);--button-bg-idle:var(--color-interactive-background-inverse-ghost-idle);--button-bg-hover:var(
        --color-interactive-background-inverse-ghost-hover
      );--button-bg-pressed:var(
        --color-interactive-background-inverse-ghost-pressed
      );--button-bg-disabled:var(
        --color-interactive-background-inverse-ghost-idle
      )}.qui-button__root[data-variant=outline]{border:var(--border-width-sm) solid var(--outline-border-idle);box-shadow:0 0 0 1px inset transparent;--outline-border-idle:var(
      --component-button-variant-outline-neutral-border-idle
    );--outline-border-hover:var(
      --component-button-variant-outline-neutral-border-hover
    );--outline-border-pressed:var(
      --component-button-variant-outline-neutral-border-pressed
    );--outline-border-disabled:var(--color-utility-disabled-border)}.qui-button__root[data-variant=outline][data-emphasis=primary]{--outline-border-idle:var(
        --component-button-variant-outline-primary-border-idle
      );--outline-border-hover:var(
        --component-button-variant-outline-primary-border-hover
      );--outline-border-pressed:var(
        --component-button-variant-outline-primary-border-pressed
      )}.qui-button__root[data-variant=outline][data-emphasis=danger]{--outline-border-idle:var(
        --component-button-variant-outline-danger-border-idle
      );--outline-border-hover:var(
        --component-button-variant-outline-danger-border-hover
      );--outline-border-pressed:var(
        --component-button-variant-outline-danger-border-pressed
      )}.qui-button__root[data-variant=outline][data-emphasis=white-persistent]{--outline-border-idle:var(
        --color-interactive-border-persistent-white-idle
      );--outline-border-hover:var(
        --color-interactive-border-persistent-white-hover
      );--outline-border-pressed:var(
        --color-interactive-border-persistent-white-pressed
      );--outline-border-disabled:var(
        --color-utility-disabled-persistent-white-border
      )}.qui-button__root[data-variant=outline][data-emphasis=black-persistent]{--outline-border-idle:var(
        --color-interactive-border-persistent-black-idle
      );--outline-border-hover:var(
        --color-interactive-border-persistent-black-hover
      );--outline-border-pressed:var(
        --color-interactive-border-persistent-black-pressed
      );--outline-border-disabled:var(
        --color-utility-disabled-persistent-black-border
      )}.qui-button__root[data-variant=outline][data-emphasis=inverse]{--outline-border-idle:var(--color-interactive-border-inverse-idle);--outline-border-hover:var(--color-interactive-border-inverse-hover);--outline-border-pressed:var(--color-interactive-border-inverse-pressed);--outline-border-disabled:var(--color-utility-disabled-inverse-border)}.qui-button__root[data-variant=outline]:hover{border-color:var(--outline-border-hover)}.qui-button__root[data-variant=outline]:active{border-color:var(--outline-border-pressed)}.qui-button__root[data-variant=outline]:disabled,.qui-button__root[data-variant=outline][data-disabled]{border-color:var(--outline-border-disabled)}.qui-button__root[data-variant=fill]{--button-bg-disabled:var(--color-utility-disabled-background)}.qui-button__root[data-variant=fill][data-emphasis=neutral]{--button-text-idle:var(--component-button-variant-fill-neutral-text);--button-text-hover:var(--component-button-variant-fill-neutral-text);--button-text-pressed:var(--component-button-variant-fill-neutral-text);--button-icon-idle:var(--component-button-variant-fill-neutral-icon);--button-icon-hover:var(--component-button-variant-fill-neutral-icon);--button-icon-pressed:var(--component-button-variant-fill-neutral-icon)}.qui-button__root[data-variant=fill][data-emphasis=primary]{--button-text-idle:var(--component-button-variant-fill-primary-text);--button-text-hover:var(--component-button-variant-fill-primary-text);--button-text-pressed:var(--component-button-variant-fill-primary-text);--button-icon-idle:var(--component-button-variant-fill-primary-icon);--button-icon-hover:var(--component-button-variant-fill-primary-icon);--button-icon-pressed:var(--component-button-variant-fill-primary-icon)}.qui-button__root[data-variant=fill][data-emphasis=danger]{--button-text-idle:var(--component-button-variant-fill-danger-text);--button-text-hover:var(--component-button-variant-fill-danger-text);--button-text-pressed:var(--component-button-variant-fill-danger-text);--button-icon-idle:var(--component-button-variant-fill-danger-icon);--button-icon-hover:var(--component-button-variant-fill-danger-icon);--button-icon-pressed:var(--component-button-variant-fill-danger-icon)}.qui-button__root[data-variant=fill][data-emphasis=danger]:focus-visible:before,.qui-button__root[data-variant=fill][data-emphasis=neutral]:focus-visible:before,.qui-button__root[data-variant=fill][data-emphasis=primary]:focus-visible:before{border:1px solid var(--color-border-neutral-00);border-radius:inherit;content:"";height:100%;left:0;position:absolute;top:0;width:100%}.qui-button__root[data-variant=fill][data-emphasis=white-persistent]{--button-text-idle:var(--color-utility-persistent-black);--button-text-hover:var(--color-utility-persistent-black);--button-text-pressed:var(--color-utility-persistent-black);--button-icon-idle:var(--color-utility-persistent-black);--button-icon-hover:var(--color-utility-persistent-black);--button-icon-pressed:var(--color-utility-persistent-black);--button-bg-idle:var(
        --color-interactive-background-persistent-white-fill-idle
      );--button-bg-hover:var(
        --color-interactive-background-persistent-white-fill-hover
      );--button-bg-pressed:var(
        --color-interactive-background-persistent-white-fill-pressed
      );--button-bg-disabled:var(
        --color-utility-disabled-persistent-white-background
      )}.qui-button__root[data-variant=fill][data-emphasis=black-persistent]{--button-text-idle:var(--color-utility-persistent-white);--button-text-hover:var(--color-utility-persistent-white);--button-text-pressed:var(--color-utility-persistent-white);--button-icon-idle:var(--color-utility-persistent-white);--button-icon-hover:var(--color-utility-persistent-white);--button-icon-pressed:var(--color-utility-persistent-white);--button-bg-idle:var(
        --color-interactive-background-persistent-black-fill-idle
      );--button-bg-hover:var(
        --color-interactive-background-persistent-black-fill-hover
      );--button-bg-pressed:var(
        --color-interactive-background-persistent-black-fill-pressed
      );--button-bg-disabled:var(
        --color-utility-disabled-persistent-black-background
      )}.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(
        --color-interactive-background-inverse-fill-pressed
      );--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)}