.button{box-sizing:border-box;-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;-webkit-user-select:none;user-select:none;vertical-align:middle;white-space:nowrap;font-family:var(--title-2xs-fontFamily);background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;margin:0;text-decoration:none;transition:background-color .12s,color .12s,border-color .12s,box-shadow .12s;display:inline-flex}.button:focus{outline:none}.button:focus-visible:not(.is-disabled){box-shadow:0 0 0 2px var(--color-fg-white), 0 0 0 4px var(--color-focus-ring-default)}.button:disabled,.button.is-disabled{cursor:not-allowed}.button-label{display:block}.button-slot,.button-icon-glyph{flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.button-slot>svg,.button-icon-glyph>svg{width:100%;height:100%;display:block}.button[data-size=lg]{height:2.5rem;padding:0 var(--space-200);gap:var(--space-100);font-size:var(--title-2xs-fontSize);font-weight:var(--title-2xs-fontWeight);line-height:var(--title-2xs-lineHeight)}.button[data-size=md]{height:2rem;padding:0 var(--space-150);gap:var(--space-100);font-size:var(--title-2xs-fontSize);font-weight:var(--title-2xs-fontWeight);line-height:var(--title-2xs-lineHeight)}.button[data-size=sm]{height:1.75rem;padding:0 var(--space-100);gap:var(--space-050);font-size:var(--title-3xs-fontSize);font-weight:var(--title-3xs-fontWeight);line-height:var(--title-3xs-lineHeight);font-family:var(--title-3xs-fontFamily)}.button[data-size=lg] .button-slot,.button[data-size=md] .button-slot{width:1rem;height:1rem}.button[data-size=sm] .button-slot{width:.75rem;height:.75rem}.button.button-no-padding-x{padding-left:0;padding-right:0}.button.button-icon{padding:0}.button.button-icon[data-size=lg]{width:2.5rem;height:2.5rem}.button.button-icon[data-size=md]{width:2rem;height:2rem}.button.button-icon[data-size=sm]{width:1.75rem;height:1.75rem}.button.button-icon[data-size=xs]{width:1.5rem;height:1.5rem}.button.button-icon[data-size=lg] .button-icon-glyph{width:1.25rem;height:1.25rem}.button.button-icon[data-size=md] .button-icon-glyph{width:1.125rem;height:1.125rem}.button.button-icon[data-size=sm] .button-icon-glyph,.button.button-icon[data-size=xs] .button-icon-glyph{width:1rem;height:1rem}.button[data-shape=square]{border-radius:var(--radius-sm)}.button[data-shape=rounded]{border-radius:var(--radius-pill)}.button[data-style=fill][data-type=primary]{background-color:var(--color-bg-primary-strong-base);color:var(--color-text-inverse-default)}.button[data-style=fill][data-type=primary] .button-slot,.button[data-style=fill][data-type=primary] .button-icon-glyph{color:var(--color-fg-white)}.button[data-style=fill][data-type=primary]:hover:not(.is-disabled){background-color:var(--color-bg-primary-strong-hover)}.button[data-style=fill][data-type=primary]:active:not(.is-disabled){background-color:var(--color-bg-primary-strong-press)}.button[data-style=fill][data-type=secondary]{background-color:var(--color-bg-neutral-strong-base);color:var(--color-text-inverse-default)}.button[data-style=fill][data-type=secondary] .button-slot,.button[data-style=fill][data-type=secondary] .button-icon-glyph{color:var(--color-fg-white)}.button[data-style=fill][data-type=secondary]:hover:not(.is-disabled){background-color:var(--color-bg-neutral-strong-hover)}.button[data-style=fill][data-type=secondary]:active:not(.is-disabled){background-color:var(--color-bg-neutral-strong-base)}.button[data-style=fill][data-type=danger]{background-color:var(--color-bg-danger-strong-base);color:var(--color-text-inverse-default)}.button[data-style=fill][data-type=danger] .button-slot,.button[data-style=fill][data-type=danger] .button-icon-glyph{color:var(--color-fg-white)}.button[data-style=fill][data-type=danger]:hover:not(.is-disabled){background-color:var(--color-bg-danger-strong-hover)}.button[data-style=fill][data-type=danger]:active:not(.is-disabled){background-color:var(--color-bg-danger-strong-press)}.button[data-style=fill].is-disabled{background-color:var(--color-bg-neutral-disable-base);color:var(--color-text-inverse-default)}.button[data-style=fill].is-disabled .button-slot,.button[data-style=fill].is-disabled .button-icon-glyph{color:var(--color-fg-white)}.button[data-style=outlined]{background-color:var(--color-bg-neutral-default-base);border:.0625rem solid #0000}.button[data-style=outlined][data-type=primary]{color:var(--color-text-primary-default-base);border-color:var(--color-border-primary-default)}.button[data-style=outlined][data-type=primary] .button-slot,.button[data-style=outlined][data-type=primary] .button-icon-glyph{color:var(--color-fg-primary-default-base)}.button[data-style=outlined][data-type=primary]:hover:not(.is-disabled){background-color:var(--color-bg-primary-default-base);color:var(--color-text-primary-default-hover)}.button[data-style=outlined][data-type=primary]:hover:not(.is-disabled) .button-slot,.button[data-style=outlined][data-type=primary]:hover:not(.is-disabled) .button-icon-glyph{color:var(--color-fg-primary-default-hover)}.button[data-style=outlined][data-type=primary]:active:not(.is-disabled){background-color:var(--color-bg-primary-default-hover);color:var(--color-text-primary-default-press)}.button[data-style=outlined][data-type=primary]:active:not(.is-disabled) .button-slot,.button[data-style=outlined][data-type=primary]:active:not(.is-disabled) .button-icon-glyph{color:var(--color-fg-primary-default-press)}.button[data-style=outlined][data-type=secondary]{color:var(--color-text-neutral-strong);border-color:var(--color-border-neutral-default)}.button[data-style=outlined][data-type=secondary] .button-slot{color:var(--color-fg-neutral-strong)}.button[data-style=outlined][data-type=secondary].button-icon .button-icon-glyph{color:var(--color-fg-neutral-subtle)}.button[data-style=outlined][data-type=secondary].button-icon:hover:not(.is-disabled) .button-icon-glyph,.button[data-style=outlined][data-type=secondary].button-icon:active:not(.is-disabled) .button-icon-glyph{color:var(--color-fg-neutral-default)}.button[data-style=outlined][data-type=secondary]:hover:not(.is-disabled){background-color:var(--color-bg-neutral-default-hover)}.button[data-style=outlined][data-type=secondary]:active:not(.is-disabled){background-color:var(--color-bg-neutral-default-press)}.button[data-style=outlined][data-type=danger]{color:var(--color-text-danger-default-base);border-color:var(--color-border-danger-default)}.button[data-style=outlined][data-type=danger] .button-slot,.button[data-style=outlined][data-type=danger] .button-icon-glyph{color:var(--color-fg-danger-default-base)}.button[data-style=outlined][data-type=danger]:hover:not(.is-disabled){background-color:var(--color-bg-danger-default-base);color:var(--color-text-danger-default-hover)}.button[data-style=outlined][data-type=danger]:hover:not(.is-disabled) .button-slot,.button[data-style=outlined][data-type=danger]:hover:not(.is-disabled) .button-icon-glyph{color:var(--color-fg-danger-default-hover)}.button[data-style=outlined][data-type=danger]:active:not(.is-disabled){background-color:var(--color-bg-danger-default-hover);color:var(--color-text-danger-default-press)}.button[data-style=outlined][data-type=danger]:active:not(.is-disabled) .button-slot,.button[data-style=outlined][data-type=danger]:active:not(.is-disabled) .button-icon-glyph{color:var(--color-fg-danger-default-press)}.button[data-style=outlined].is-disabled{color:var(--color-text-neutral-disable);border-color:var(--color-border-neutral-default)}.button[data-style=outlined].is-disabled .button-slot,.button[data-style=outlined].is-disabled .button-icon-glyph{color:var(--color-fg-neutral-disable)}.button[data-style=ghost][data-type=primary]{color:var(--color-text-primary-default-base)}.button[data-style=ghost][data-type=primary] .button-slot,.button[data-style=ghost][data-type=primary] .button-icon-glyph{color:var(--color-fg-primary-default-base)}.button[data-style=ghost][data-type=primary]:hover:not(.is-disabled){color:var(--color-text-primary-default-hover)}.button[data-style=ghost][data-type=primary]:hover:not(.is-disabled) .button-slot,.button[data-style=ghost][data-type=primary]:hover:not(.is-disabled) .button-icon-glyph{color:var(--color-fg-primary-default-hover)}.button[data-style=ghost][data-type=primary]:active:not(.is-disabled){color:var(--color-text-primary-default-press)}.button[data-style=ghost][data-type=primary]:active:not(.is-disabled) .button-slot,.button[data-style=ghost][data-type=primary]:active:not(.is-disabled) .button-icon-glyph{color:var(--color-fg-primary-default-press)}.button[data-style=ghost][data-type=secondary]:not(.button-icon){color:var(--color-text-neutral-strong)}.button[data-style=ghost][data-type=secondary]:not(.button-icon) .button-slot{color:var(--color-fg-neutral-strong)}.button[data-style=ghost][data-type=secondary]:not(.button-icon):hover:not(.is-disabled){color:var(--color-text-neutral-subtle)}.button[data-style=ghost][data-type=secondary]:not(.button-icon):hover:not(.is-disabled) .button-slot{color:var(--color-fg-neutral-subtle)}.button[data-style=ghost][data-type=secondary]:not(.button-icon):active:not(.is-disabled){color:var(--color-text-neutral-strong)}.button[data-style=ghost][data-type=secondary]:not(.button-icon):active:not(.is-disabled) .button-slot{color:var(--color-fg-neutral-strong)}.button[data-style=ghost][data-type=secondary].button-icon:not(.is-disabled) .button-icon-glyph{color:var(--color-fg-neutral-subtle)}.button[data-style=ghost][data-type=secondary].button-icon:hover:not(.is-disabled) .button-icon-glyph{color:var(--color-fg-neutral-default)}.button[data-style=ghost][data-type=secondary].button-icon:active:not(.is-disabled) .button-icon-glyph{color:var(--color-fg-neutral-strong)}.button[data-style=ghost][data-type=danger]{color:var(--color-text-danger-default-base)}.button[data-style=ghost][data-type=danger] .button-slot,.button[data-style=ghost][data-type=danger] .button-icon-glyph{color:var(--color-fg-danger-default-base)}.button[data-style=ghost][data-type=danger]:hover:not(.is-disabled){color:var(--color-text-danger-default-hover)}.button[data-style=ghost][data-type=danger]:hover:not(.is-disabled) .button-slot,.button[data-style=ghost][data-type=danger]:hover:not(.is-disabled) .button-icon-glyph{color:var(--color-fg-danger-default-hover)}.button[data-style=ghost][data-type=danger]:active:not(.is-disabled){color:var(--color-text-danger-default-press)}.button[data-style=ghost][data-type=danger]:active:not(.is-disabled) .button-slot,.button[data-style=ghost][data-type=danger]:active:not(.is-disabled) .button-icon-glyph{color:var(--color-fg-danger-default-press)}.button[data-style=ghost].is-disabled{color:var(--color-text-neutral-disable)}.button[data-style=ghost].is-disabled .button-slot,.button[data-style=ghost].is-disabled .button-icon-glyph{color:var(--color-fg-neutral-disable)}.button-split{align-items:stretch;width:-moz-fit-content;width:fit-content;display:inline-flex}.button-split .button-split-start{border-top-right-radius:0;border-bottom-right-radius:0}.button-split .button-split-end{border-top-left-radius:0;border-bottom-left-radius:0}.button-split[data-style=fill] .button-split-end{border-left:.0625rem solid var(--color-fg-white)}.button-split[data-style=outlined] .button-split-end{border-left:none}.button-group{align-items:center;gap:var(--space-100);flex-wrap:wrap;display:inline-flex}
.button.button-icon.button-icon-close .button-icon-glyph{width:1.25rem;height:1.25rem}