.x-button{-webkit-user-select:none;user-select:none;touch-action:manipulation;vertical-align:top;font-family:var(--default-font-family);text-align:center;background-color:var(--x-button-fill, transparent);box-shadow:var(--x-button-ring, none);filter:var(--x-button-filter, none);flex-shrink:0;justify-content:center;align-items:center;font-style:normal;display:inline-flex}.x-button:where([data-disabled],:disabled){--spinner-opacity: 1}.x-button:where([data-loading]){position:relative}.x-button :where(svg){pointer-events:none}.x-button:where(:not([data-variant=text])){height:var(--base-button-height)}.x-button:where([data-variant=text]){box-sizing:content-box;height:fit-content}.x-button:where([data-size="1"]){--base-button-height: var(--space-5);--x-button-radius: max(var(--radius-1), var(--radius-pill));border-radius:var(--x-button-radius)}.x-button:where([data-size="2"],:not([data-size])){--base-button-height: var(--space-6);--x-button-radius: max(var(--radius-2), var(--radius-pill));border-radius:var(--x-button-radius)}.x-button:where([data-size="3"]){--base-button-height: var(--space-7);--x-button-radius: max(var(--radius-3), var(--radius-pill));border-radius:var(--x-button-radius)}.x-button:where([data-size="4"]){--base-button-height: var(--space-8);--x-button-radius: max(var(--radius-4), var(--radius-pill));border-radius:var(--x-button-radius)}:where(:root){--base-button-solid-active-filter: brightness(.92) saturate(1.1);--base-button-solid-high-contrast-hover-filter: contrast(.88) saturate(1.1) brightness(1.1);--base-button-solid-high-contrast-active-filter: contrast(.82) saturate(1.2) brightness(1.16)}:is(.dark,.dark-theme),:is(.dark,.dark-theme) :where(:root:not(.light,.light-theme)){--base-button-solid-active-filter: brightness(1.08);--base-button-solid-high-contrast-hover-filter: contrast(.88) saturate(1.3) brightness(1.18);--base-button-solid-high-contrast-active-filter: brightness(.95) saturate(1.2)}.x-button:where(:not([data-variant]),[data-variant=solid]){--x-button-fill: var(--accent-9);color:var(--accent-contrast)}@media(hover:hover){.x-button:where(:not([data-variant]),[data-variant=solid]):where(:hover){--x-button-fill: var(--accent-10)}}.x-button:where(:not([data-variant]),[data-variant=solid]):where([data-state=open]){--x-button-fill: var(--accent-10)}.x-button:where(:not([data-variant]),[data-variant=solid]):where(:active:not([data-state=open])){--x-button-fill: var(--accent-10);--x-button-filter: var(--base-button-solid-active-filter)}@media(pointer:coarse){.x-button:where(:not([data-variant]),[data-variant=solid]):where(:active:not([data-state=open])){outline:.5em solid var(--accent-a4);outline-offset:0}}.x-button:where(:not([data-variant]),[data-variant=solid]):where(:focus-visible){outline:2px solid var(--focus-8);outline-offset:2px}.x-button:where(:not([data-variant]),[data-variant=solid]):where([data-high-contrast]){--x-button-fill: var(--accent-12);color:var(--neutral-1)}@media(hover:hover){.x-button:where(:not([data-variant]),[data-variant=solid]):where([data-high-contrast]):where(:hover){--x-button-fill: var(--accent-12);--x-button-filter: var(--base-button-solid-high-contrast-hover-filter)}}.x-button:where(:not([data-variant]),[data-variant=solid]):where([data-high-contrast]):where([data-state=open]){--x-button-fill: var(--accent-12);--x-button-filter: var(--base-button-solid-high-contrast-hover-filter)}.x-button:where(:not([data-variant]),[data-variant=solid]):where([data-high-contrast]):where(:active:not([data-state=open])){--x-button-fill: var(--accent-12);--x-button-filter: var(--base-button-solid-high-contrast-active-filter)}.x-button:where(:not([data-variant]),[data-variant=solid]):where([data-disabled],:disabled){color:var(--neutral-a8);--x-button-fill: var(--neutral-a3);--x-button-filter: none;outline:none}.x-button:where([data-variant=soft],[data-variant=text],[data-variant=borderless]){color:var(--accent-a11)}.x-button:where([data-variant=soft],[data-variant=text],[data-variant=borderless]):where([data-high-contrast]){color:var(--accent-12)}.x-button:where([data-variant=soft],[data-variant=text],[data-variant=borderless]):where([data-disabled],:disabled){color:var(--neutral-a8);--x-button-fill: var(--neutral-a3)}.x-button:where([data-variant=soft]){--x-button-fill: var(--accent-a3)}.x-button:where([data-variant=soft]):where(:focus-visible){outline:2px solid var(--accent-8);outline-offset:-1px}@media(hover:hover){.x-button:where([data-variant=soft]):where(:hover){--x-button-fill: var(--accent-a4)}}.x-button:where([data-variant=soft]):where([data-state=open]){--x-button-fill: var(--accent-a4)}.x-button:where([data-variant=soft]):where(:active:not([data-state=open])){--x-button-fill: var(--accent-a5)}.x-button:where([data-variant=soft]):where([data-disabled],:disabled){color:var(--neutral-a8);--x-button-fill: var(--neutral-a3)}@media(hover:hover){.x-button:where([data-variant=text],[data-variant=borderless]):where(:hover){--x-button-fill: var(--accent-a3)}}.x-button:where([data-variant=text],[data-variant=borderless]):where(:focus-visible){outline:2px solid var(--focus-8);outline-offset:-1px}.x-button:where([data-variant=text],[data-variant=borderless]):where([data-state=open]){--x-button-fill: var(--accent-a3)}.x-button:where([data-variant=text],[data-variant=borderless]):where(:active:not([data-state=open])){--x-button-fill: var(--accent-a4)}.x-button:where([data-variant=text],[data-variant=borderless]):where([data-disabled],:disabled){color:var(--neutral-a8);--x-button-fill: transparent}.x-button:where([data-variant=outline]){--x-button-ring: inset 0 0 0 1px var(--accent-a8);color:var(--accent-a11)}@media(hover:hover){.x-button:where([data-variant=outline]):where(:hover){--x-button-fill: var(--accent-a2)}}.x-button:where([data-variant=outline]):where([data-state=open]){--x-button-fill: var(--accent-a2)}.x-button:where([data-variant=outline]):where(:active:not([data-state=open])){--x-button-fill: var(--accent-a3)}.x-button:where([data-variant=outline]):where(:focus-visible){outline:2px solid var(--focus-8);outline-offset:-1px}.x-button:where([data-variant=outline]):where([data-high-contrast]){--x-button-ring: inset 0 0 0 1px var(--accent-a7), inset 0 0 0 1px var(--neutral-a11);color:var(--accent-12)}.x-button:where([data-variant=outline]):where([data-disabled],:disabled){color:var(--neutral-a8);--x-button-ring: inset 0 0 0 1px var(--neutral-a7);--x-button-fill: transparent}.x-button:where([data-variant=surface]){--x-button-fill: var(--accent-surface);--x-button-ring: inset 0 0 0 1px var(--accent-a7);color:var(--accent-a11)}@media(hover:hover){.x-button:where([data-variant=surface]):where(:hover){--x-button-ring: inset 0 0 0 1px var(--accent-a8)}}.x-button:where([data-variant=surface]):where([data-state=open]){--x-button-ring: inset 0 0 0 1px var(--accent-a8)}.x-button:where([data-variant=surface]):where(:active:not([data-state=open])){--x-button-fill: var(--accent-a3);--x-button-ring: inset 0 0 0 1px var(--accent-a8)}.x-button:where([data-variant=surface]):where(:focus-visible){outline:2px solid var(--focus-8);outline-offset:-1px}.x-button:where([data-variant=surface]):where([data-high-contrast]){color:var(--accent-12)}.x-button:where([data-variant=surface]):where([data-disabled],:disabled){color:var(--neutral-a8);--x-button-ring: inset 0 0 0 1px var(--neutral-a6);--x-button-fill: var(--neutral-a2)}.x-button:where(:not([data-variant=text])) :where(svg){opacity:.9}.x-button:where([data-variant=text]){padding:var(--button-text-padding-y) var(--button-text-padding-x);--margin-top: 0px;--margin-right: 0px;--margin-bottom: 0px;--margin-left: 0px;--margin-top-override: calc(var(--margin-top) - var(--button-text-padding-y));--margin-right-override: calc(var(--margin-right) - var(--button-text-padding-x));--margin-bottom-override: calc(var(--margin-bottom) - var(--button-text-padding-y));--margin-left-override: calc(var(--margin-left) - var(--button-text-padding-x))}:where(.x-button:where([data-variant=text]))>*{--margin-top-override: initial;--margin-right-override: initial;--margin-bottom-override: initial;--margin-left-override: initial}.x-button:where([data-variant=text]){margin:var(--margin-top-override) var(--margin-right-override) var(--margin-bottom-override) var(--margin-left-override)}.x-button:where([data-size="1"]){gap:var(--space-1);font-size:var(--font-size-1);line-height:var(--line-height-1);letter-spacing:var(--letter-spacing-1)}.x-button:where([data-size="1"]):where(:not([data-variant=text])){padding-left:var(--space-2);padding-right:var(--space-2)}.x-button:where([data-size="1"]):where([data-variant=text]){gap:var(--space-1);--button-text-padding-x: var(--space-2);--button-text-padding-y: var(--space-1)}.x-button:where([data-size="2"],:not([data-size])){gap:var(--space-2);font-size:var(--font-size-2);line-height:var(--line-height-2);letter-spacing:var(--letter-spacing-2)}.x-button:where([data-size="2"],:not([data-size])):where(:not([data-variant=text])){padding-left:var(--space-3);padding-right:var(--space-3)}.x-button:where([data-size="2"],:not([data-size])):where([data-variant=text]){gap:var(--space-1);--button-text-padding-x: var(--space-2);--button-text-padding-y: var(--space-1)}.x-button:where([data-size="3"]){gap:var(--space-3);font-size:var(--font-size-3);line-height:var(--line-height-3);letter-spacing:var(--letter-spacing-3)}.x-button:where([data-size="3"]):where(:not([data-variant=text])){padding-left:var(--space-4);padding-right:var(--space-4)}.x-button:where([data-size="3"]):where([data-variant=text]){gap:var(--space-2);--button-text-padding-x: var(--space-3);--button-text-padding-y: calc(var(--space-1) * 1.5)}.x-button:where([data-size="4"]){gap:var(--space-3);font-size:var(--font-size-4);line-height:var(--line-height-4);letter-spacing:var(--letter-spacing-4)}.x-button:where([data-size="4"]):where(:not([data-variant=text])){padding-left:var(--space-5);padding-right:var(--space-5)}.x-button:where([data-size="4"]):where([data-variant=text]){gap:var(--space-2);--button-text-padding-x: var(--space-4);--button-text-padding-y: var(--space-2)}.x-button:where(:not([data-variant=text])){font-weight:var(--font-weight-medium)}.x-button:where([data-icon]):where(:not([data-variant=text])){aspect-ratio:1;padding-left:0;padding-right:0}.x-button:where([data-icon][data-variant=text]):where([data-size="1"]){--button-text-padding-x: var(--space-1);--button-text-padding-y: var(--space-1)}.x-button:where([data-icon][data-variant=text]):where([data-size="2"],:not([data-size])){--button-text-padding-x: calc(var(--space-1) * 1.5);--button-text-padding-y: calc(var(--space-1) * 1.5)}.x-button:where([data-icon][data-variant=text]):where([data-size="3"]){--button-text-padding-x: var(--space-2);--button-text-padding-y: var(--space-2)}.x-button:where([data-icon][data-variant=text]):where([data-size="4"]){--button-text-padding-x: var(--space-3);--button-text-padding-y: var(--space-3)}.x-button:where([data-layout=stacked],[data-layout=stacked-icon]){--x-stacked-unit: calc(var(--base-button-height) / 32);gap:calc(2 * var(--x-stacked-unit));box-sizing:border-box;flex-direction:column;height:auto}.x-button:where([data-layout=stacked],[data-layout=stacked-icon]):where(:not([data-variant=text])){min-width:calc(56 * var(--x-stacked-unit));min-height:calc(56 * var(--x-stacked-unit));padding:calc(4 * var(--x-stacked-unit)) calc(10 * var(--x-stacked-unit))}.x-button:where([data-layout=stacked],[data-layout=stacked-icon]):where([data-variant=text]){--button-text-padding-x: calc(8 * var(--x-stacked-unit));--button-text-padding-y: calc(4 * var(--x-stacked-unit));min-width:calc(51 * var(--x-stacked-unit));min-height:calc(51 * var(--x-stacked-unit))}.x-button:where([data-layout=stacked],[data-layout=stacked-icon])>:where(svg){width:calc(24 * var(--x-stacked-unit));height:calc(24 * var(--x-stacked-unit));flex:none}.x-button:where([data-layout=stacked],[data-layout=stacked-icon])>:where(:not(svg)){text-wrap:balance;overflow-wrap:break-word;max-width:100%;font-size:var(--font-size-0);line-height:calc(16 * var(--x-stacked-unit));letter-spacing:var(--letter-spacing-1);font-weight:var(--font-weight-medium)}.x-button:where([data-layout=stacked],[data-layout=stacked-icon]):where([data-size="3"],[data-size="4"])>:where(:not(svg)){font-size:var(--font-size-1);letter-spacing:var(--letter-spacing-2)}.x-button:where([data-layout=stacked-icon]){--button-text-padding-x: 0px;--button-text-padding-y: 0px;gap:calc(4 * var(--x-stacked-unit));min-height:0;box-shadow:none;filter:none;background-color:#0000;padding:0}.x-button:where([data-layout=stacked-icon])>:where(svg){box-sizing:content-box;padding:calc(6 * var(--x-stacked-unit));border-radius:var(--x-button-radius);opacity:1;background-color:var(--x-button-fill, transparent);box-shadow:var(--x-button-ring, none);filter:var(--x-button-filter, none)}.x-button:where([data-layout=stacked-icon]):where(:not([data-variant]),[data-variant=solid]):where(:not([data-disabled],:disabled))>:where(:not(svg)){color:var(--accent-a11)}.x-button:where([data-layout=stacked-icon]):where(:not([data-variant]),[data-variant=solid]):where([data-high-contrast]):where(:not([data-disabled],:disabled))>:where(:not(svg)){color:var(--accent-12)}.x-button:where([data-back]){gap:0}.x-button:where([data-back])>:where(svg){flex:none;width:1lh;height:1lh}.x-button:where([data-back]):where(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)))>:where(svg){scale:-1 1}