.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)}.qui-segmented-control__item[data-size=sm]{block-size:var(--sizing-120);font:var(--font-static-body-xs-bold);gap:var(--spacing-50);padding-inline:var(--spacing-80)}.qui-segmented-control__item[data-size=sm]:has([data-checkbox-part=label]){padding-inline:var(--spacing-90)}.qui-segmented-control__item[data-size=sm]{--divider-height:var(--sizing-60)}.qui-segmented-control__item[data-size=sm]>.qui-icon__root{--icon-size:var(--sizing-60)}.qui-segmented-control__item[data-size=md]{block-size:var(--sizing-140);font:var(--font-static-body-sm-bold);gap:var(--spacing-70);padding-inline:var(--spacing-90)}.qui-segmented-control__item[data-size=md]:has([data-checkbox-part=label]){padding-inline:var(--spacing-100)}.qui-segmented-control__item[data-size=md]{--divider-height:var(--sizing-70)}.qui-segmented-control__item[data-size=md]>.qui-icon__root{--icon-size:var(--sizing-70)}.qui-segmented-control__item[data-size=lg]{block-size:var(--sizing-160);font:var(--font-static-body-lg-bold);gap:var(--spacing-90);padding-inline:14px}.qui-segmented-control__item[data-size=lg]:has([data-checkbox-part=label]){padding-inline:var(--spacing-110)}.qui-segmented-control__item[data-size=lg]{--divider-height:var(--sizing-80)}.qui-segmented-control__item[data-size=lg]>.qui-icon__root{--icon-size:var(--sizing-80)}.qui-segmented-control__item:first-of-type[data-orientation=horizontal]{border-end-start-radius:var(--border-radius);border-start-start-radius:var(--border-radius)}.qui-segmented-control__item:first-of-type[data-orientation=vertical]{border-start-end-radius:var(--border-radius);border-start-start-radius:var(--border-radius)}.qui-segmented-control__item:last-of-type[data-orientation=horizontal]{border-end-end-radius:var(--border-radius);border-start-end-radius:var(--border-radius)}.qui-segmented-control__item:last-of-type[data-orientation=vertical]{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}.qui-segmented-control__item[data-orientation=horizontal]:not(:first-of-type):before{height:var(--divider-height);inset-inline-start:-1px;top:calc(50% - var(--divider-height) / 2);width:1px}.qui-segmented-control__item[data-orientation=horizontal][data-state=checked]+.qui-segmented-control__item:before,.qui-segmented-control__item[data-orientation=horizontal][data-state=checked]:not(:first-of-type):before{background-color:var(--bg-checked);height:100%;top:0}.qui-segmented-control__item[data-orientation=horizontal][data-disabled]+.qui-segmented-control__item:before,.qui-segmented-control__item[data-orientation=horizontal][data-disabled]:not(:first-of-type):before{background-color:var(--bg-disabled);height:100%;top:0}.qui-segmented-control__item[data-orientation=vertical]:not(:first-of-type):before{height:1px;inset-block-start:-1px;width:100%}.qui-segmented-control__item[data-orientation=vertical][data-state=checked]+.qui-segmented-control__item:before,.qui-segmented-control__item[data-orientation=vertical][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}