900-rgb), 0);
  --state-layer-neutral: rgb(var(--color-neutral-900-rgb), 0);
}
a.fake-btn,
button.btn {
  align-content: center;
  align-items: center;
  background-color: initial;
  border: 1px solid;
  border-radius: var(--btn-border-radius, 20px);
  box-sizing: border-box;
  color: inherit;
  display: inline-block;
  font-family: inherit;
  font-size: var(--font-size-body);
  margin: 0;
  min-height: 40px;
  min-width: 88px;
  padding: 0 20px;
  text-align: center;
  text-decoration: none;
  vertical-align: bottom;
}
a.fake-btn--fixed-height,
a.fake-btn--truncated,
button.btn--fixed-height,
button.btn--truncated {
  height: 40px;
}
a.fake-btn:focus-visible,
button.btn:focus-visible {
  outline-offset: var(--spacing-25);
  outline-style: solid;
  outline-width: var(--spacing-25);
}
a.fake-btn:focus:not(:focus-visible),
button.btn:focus:not(:focus-visible) {
  outline: none;
}
button.btn[aria-disabled="true"],
button.btn[disabled] {
  border-color: var(--expand-btn-disabled-border-color, var(--color-border-disabled));
  color: var(--expand-btn-disabled-foreground-color, var(--color-foreground-disabled));
}
a.fake-btn:not([href]),
a.fake-btn[aria-disabled="true"] {
  color: var(--link-foreground-color-disabled, var(--color-foreground-disabled));
}
a.fake-btn--borderless,
button.btn--borderless {
  border-color: transparent;
  min-width: auto;
  padding-left: 0;
  vertical-align: initial;
}
a.fake-btn--borderless:focus,
a.fake-btn--borderless:hover,
button.btn--borderless:focus,
button.btn--borderless:hover {
  background-color: initial;
  outline: none;
  text-decoration: underline;
}
a.fake-btn--borderless[aria-disabled="true"],
a.fake-btn--borderless[disabled],
button.btn--borderless[aria-disabled="true"],
button.btn--borderless[disabled] {
  border-color: transparent;
}
a.fake-btn--borderless.btn--destructive,
button.btn--borderless.btn--destructive {
  color: var(--btn-secondary-destructive-foreground-color, var(--color-foreground-attention));
}
a.fake-btn--slim,
button.btn--slim {
  height: 40px;
  min-width: auto;
  padding-left: var(--spacing-100);
  padding-right: var(--spacing-100);
}
a.fake-btn:hover,
a.fake-btn:visited {
  color: inherit;
}
a.fake-btn--fluid,
button.btn--fluid {
  width: 100%;
}
.btn__cell,
.fake-btn__cell {
  align-items: center;
  display: flex;
  justify-content: center;
  width: 100%;
}
.btn__cell--fixed-height,
.fake-btn__cell--fixed-height {
  display: inline-flex;
}
.btn__cell--fixed-height > svg,
.fake-btn__cell--fixed-height > svg {
  align-self: baseline;
  max-width: calc(100% - 32px);
}
.btn__cell--truncated,
.fake-btn__cell--truncated {
  display: inline-flex;
}
.btn__cell--truncated > svg,
.fake-btn__cell--truncated > svg {
  align-self: baseline;
  max-width: calc(100% - 32px);
}
a.fake-btn--borderless .fake-btn__cell,
a.fake-btn--form .fake-btn__cell,
button.btn--borderless .btn__cell,
button.btn--form .btn__cell {
  justify-content: space-between;
}
a.fake-btn svg.icon,
button.btn svg.icon {
  align-self: center;
}
a.fake-btn svg.icon:first-child,
button.btn svg.icon:first-child {
  margin-inline-end: 8px;
}
a.fake-btn svg.icon:last-child,
button.btn svg.icon:last-child {
  margin-inline-start: 8px;
}
a.fake-btn svg.icon:only-child,
button.btn svg.icon:only-child {
  margin: 0;
}
a.fake-btn__cell--fixed-height svg.icon,
button.btn__cell--fixed-height svg.icon {
  align-self: center;
  height: 1rem;
  overflow: visible;
  width: 1rem;
}
a.fake-btn--primary,
button.btn--primary {
  background-color: var(--color-background-accent);
  border-color: var(--color-border-accent);
  color: var(--color-foreground-on-accent);
  font-weight: 700;
  transition: all var(--motion-duration-short-3) var(--motion-easing-quick-enter);
}
a.fake-btn--primary:active,
button.btn--primary:active {
  transform: scale(0.97);
}
a.fake-btn--primary,
button.btn--primary {
  overflow: hidden;
  position: relative;
}
a.fake-btn--primary:after,
button.btn--primary:after {
  background-color: var(--color-state-layer-neutral);
  content: "";
  inset: 0;
  pointer-events: none;
  position: absolute;
}
a.fake-btn--primary:not([disabled], [aria-disabled="true"]):hover:after,
a.fake-btn--primary[href]:hover:after,
button.btn--primary:not([disabled], [aria-disabled="true"]):hover:after,
button.btn--primary[href]:hover:after {
  background-color: var(--color-state-layer-hover);
}
a.fake-btn--primary:not([disabled], [aria-disabled="true"]):focus-visible:after,
a.fake-btn--primary[href]:focus-visible:after,
button.btn--primary:not([disabled], [aria-disabled="true"]):focus-visible:after,
button.btn--primary[href]:focus-visible:after {
  background-color: var(--color-state-layer-focus);
}
a.fake-btn--primary:not([disabled], [aria-disabled="true"]):active:after,
a.fake-btn--primary[href]:active:after,
button.btn--primary:not([disabled], [aria-disabled="true"]):active:after,
button.btn--primary[href]:active:after {
  background-color: var(--color-state-layer-pressed);
}
a.fake-btn--primary {
  outline-color: var(--color-foreground-primary);
}
a.fake-btn--primary:hover,
a.fake-btn--primary:visited {
  color: var(--color-foreground-on-accent);
}
a.fake-btn--primary.fake-btn--destructive,
button.btn--primary.btn--destructive {
  background-color: var(--color-background-attention);
  border-color: var(--color-border-attention);
  color: var(--color-foreground-on-attention);
  font-weight: 700;
  overflow: hidden;
  position: relative;
}
a.fake-btn--primary.fake-btn--destructive:after,
button.btn--primary.btn--destructive:after {
  background-color: var(--color-state-layer-neutral);
  content: "";
  inset: 0;
  pointer-events: none;
  position: absolute;
}
a.fake-btn--primary.fake-btn--destructive:not(
        [disabled],
        [aria-disabled="true"]
    ):hover:after,
a.fake-btn--primary.fake-btn--destructive[href]:hover:after,
button.btn--primary.btn--destructive:not(
        [disabled],
        [aria-disabled="true"]
    ):hover:after,
button.btn--primary.btn--destructive[href]:hover:after {
  background-color: var(--color-state-layer-hover);
}
a.fake-btn--primary.fake-btn--destructive:not(
        [disabled],
        [aria-disabled="true"]
    ):focus-visible:after,
a.fake-btn--primary.fake-btn--destructive[href]:focus-visible:after,
button.btn--primary.btn--destructive:not(
        [disabled],
        [aria-disabled="true"]
    ):focus-visible:after,
button.btn--primary.btn--destructive[href]:focus-visible:after {
  background-color: var(--color-state-layer-focus);
}
a.fake-btn--primary.fake-btn--destructive:not(
        [disabled],
        [aria-disabled="true"]
    ):active:after,
a.fake-btn--primary.fake-btn--destructive[href]:active:after,
button.btn--primary.btn--destructive:not(
        [disabled],
        [aria-disabled="true"]
    ):active:after,
button.btn--primary.btn--destructive[href]:active:after {
  background-color: var(--color-state-layer-pressed);
}
button.btn--primary.btn--destructive[aria-disabled="true"],
button.btn--primary.btn--destructive[disabled] {
  background-color: var(--color-background-disabled);
  border-color: var(--color-border-disabled);
}
button.btn .progress-spinner {
  height: 24px;
  margin: -4px 0;
  width: 24px;
}
button.btn--form .progress-spinner {
  margin-left: auto;
  margin-right: auto;
}
button.btn--primary .progress-spinner {
  --color-spinner-icon-background: var(--color-background-primary);
  --color-spinner-icon-foreground: #8fa3f8;
}
button.btn--primary.btn--destructive .progress-spinner {
  --color-spinner-icon-background: var(--color-foreground-on-accent);
  --color-spinner-icon-foreground: #ec7089;
}
a.fake-btn[aria-expanded="true"] svg.icon--12,
button.btn[aria-expanded="true"] svg.icon--12 {
  transform: rotate(180deg);
}
a.fake-btn--large svg.icon,
button.btn--large svg.icon {
  max-height: 48px;
}
a.fake-btn--small svg.icon,
button.btn--small svg.icon {
  max-height: 32px;
}
button.btn--primary[aria-disabled="true"],
button.btn--primary[disabled] {
  background-color: var(--btn-primary-disabled-background-color, var(--color-foreground-disabled));
  border-color: var(--btn-primary-disabled-border-color, var(--color-foreground-disabled));
  color: var(--btn-primary-foreground-color, var(--color-foreground-on-accent));
}
button.btn--primary[aria-disabled="true"] svg.icon,
button.btn--primary[disabled] svg.icon {
  fill: var(--btn-primary-disabled-foreground-color, var(--color-background-primary));
}
a.fake-btn--primary:not([href]),
a.fake-btn--primary[aria-disabled="true"] {
  background-color: var(--btn-primary-disabled-background-color, var(--color-foreground-disabled));
  border-color: var(--btn-primary-disabled-border-color, var(--color-foreground-disabled));
  color: var(--btn-primary-foreground-color, var(--color-foreground-on-accent));
}
a.fake-btn--secondary,
button.btn--secondary {
  background-color: var(--btn-secondary-background-color, transparent);
  border-color: var(--color-border-accent);
  color: var(--color-foreground-accent);
  transition: all var(--motion-duration-short-3) var(--motion-easing-quick-enter);
}
a.fake-btn--secondary:active,
button.btn--secondary:active {
  transform: scale(0.97);
}
a.fake-btn--secondary,
button.btn--secondary {
  overflow: hidden;
  position: relative;
}
a.fake-btn--secondary:after,
button.btn--secondary:after {
  background-color: var(--color-state-layer-neutral);
  content: "";
  inset: 0;
  pointer-events: none;
  position: absolute;
}
a.fake-btn--secondary:not([disabled], [aria-disabled="true"]):hover:after,
a.fake-btn--secondary[href]:hover:after,
button.btn--secondary:not([disabled], [aria-disabled="true"]):hover:after,
button.btn--secondary[href]:hover:after {
  background-color: var(--color-state-layer-hover);
}
a.fake-btn--secondary:not(
        [disabled],
        [aria-disabled="true"]
    ):focus-visible:after,
a.fake-btn--secondary[href]:focus-visible:after,
button.btn--secondary:not(
        [disabled],
        [aria-disabled="true"]
    ):focus-visible:after,
button.btn--secondary[href]:focus-visible:after {
  background-color: var(--color-state-layer-focus);
}
a.fake-btn--secondary:not([disabled], [aria-disabled="true"]):active:after,
a.fake-btn--secondary[href]:active:after,
button.btn--secondary:not([disabled], [aria-disabled="true"]):active:after,
button.btn--secondary[href]:active:after {
  background-color: var(--color-state-layer-pressed);
}
a.fake-btn--secondary:hover,
a.fake-btn--secondary:visited {
  color: var(--btn-secondary-foreground-color, var(--color-foreground-accent));
}
a.fake-btn--secondary.fake-btn--destructive,
button.btn--secondary.btn--destructive {
  background-color: var(--btn-secondary-destructive-background-color, transparent);
  border-color: var(--btn-secondary-destructive-border-color, var(--color-border-attention));
  color: var(--btn-secondary-destructive-foreground-color, var(--color-foreground-attention));
}
button.btn--secondary.btn--destructive .progress-spinner {
  --color-spinner-icon-background: #f39fb0;
  --color-spinner-icon-foreground: #e0103a;
}
button.btn--secondary[aria-disabled="true"],
button.btn--secondary[disabled] {
  background-color: var(--btn-secondary-disabled-background-color, var(--color-background-primary));
  border-color: var(--btn-secondary-disabled-border-color, var(--color-border-disabled));
  color: var(--btn-secondary-disabled-foreground-color, var(--color-background-disabled));
}
button.btn--secondary[aria-disabled="true"] svg.icon,
button.btn--secondary[disabled] svg.icon {
  fill: var(--btn-secondary-disabled-foreground-color, var(--color-foreground-disabled));
}
a.fake-btn--secondary:not([href]),
a.fake-btn--secondary[aria-disabled="true"] {
  border-color: var(--btn-secondary-disabled-border-color, var(--color-background-disabled));
  color: var(--btn-secondary-disabled-foreground-color, var(--color-background-disabled));
}
a.fake-btn--tertiary,
button.btn--tertiary {
  border-color: var(--btn-tertiary-border-color, var(--color-border-medium));
  transition: all var(--motion-duration-short-3) var(--motion-easing-quick-enter);
}
a.fake-btn--tertiary:active,
button.btn--tertiary:active {
  transform: scale(0.97);
}
a.fake-btn--tertiary,
button.btn--tertiary {
  overflow: hidden;
  position: relative;
}
a.fake-btn--tertiary:after,
button.btn--tertiary:after {
  background-color: var(--color-state-layer-neutral);
  content: "";
  inset: 0;
  pointer-events: none;
  position: absolute;
}
a.fake-btn--tertiary:not([disabled], [aria-disabled="true"]):hover:after,
a.fake-btn--tertiary[href]:hover:after,
button.btn--tertiary:not([disabled], [aria-disabled="true"]):hover:after,
button.btn--tertiary[href]:hover:after {
  background-color: var(--color-state-layer-hover);
}
a.fake-btn--tertiary:not(
        [disabled],
        [aria-disabled="true"]
    ):focus-visible:after,
a.fake-btn--tertiary[href]:focus-visible:after,
button.btn--tertiary:not(
        [disabled],
        [aria-disabled="true"]
    ):focus-visible:after,
button.btn--tertiary[href]:focus-visible:after {
  background-color: var(--color-state-layer-focus);
}
a.fake-btn--tertiary:not([disabled], [aria-disabled="true"]):active:after,
a.fake-btn--tertiary[href]:active:after,
button.btn--tertiary:not([disabled], [aria-disabled="true"]):active:after,
button.btn--tertiary[href]:active:after {
  background-color: var(--color-state-layer-pressed);
}
a.fake-btn--tertiary:not([href]),
a.fake-btn--tertiary[aria-disabled="true"],
button.btn--tertiary[aria-disabled="true"]:not(
        [aria-live="polite"][aria-disabled="true"]
    ),
button.btn--tertiary[disabled] {
  border-color: var(--expand-btn-disabled-border-color, var(--color-border-disabled));
  color: var(--btn-tertiary-disabled-foreground-color, var(--color-background-disabled));
}
a.fake-btn--tertiary.fake-btn--destructive,
button.btn--tertiary.btn--destructive {
  border-color: var(--btn-tertiary-destructive-foreground-color, var(--color-border-subtle));
}
button.btn--tertiary.btn--destructive[aria-disabled="true"],
button.btn--tertiary.btn--destructive[disabled] {
  color: var(--btn-tertiary-destructive-disabled-foreground-color, var(--color-foreground-disabled));
}
button.btn--tertiary.btn--destructive .progress-spinner {
  --color-spinner-icon-background: #ee9aab;
  --color-spinner-icon-foreground: #e0103a;
}
a.fake-btn--large,
button.btn--large {
  border-radius: var(--btn-border-radius, 24px);
  font-size: var(--font-size-medium);
  min-height: 48px;
  padding: 0 20px;
}
a.fake-btn--small,
button.btn--small {
  border-radius: var(--btn-border-radius, 16px);
  font-size: var(--font-size-body);
  min-height: 32px;
  padding: 0 16px;
}
a.fake-btn--form,
button.btn--form {
  border-color: inherit;
  border-radius: var(--expand-btn-border-radius, var(--border-radius-50));
  max-width: 100%;
  overflow: hidden;
  position: relative;
}
a.fake-btn--form:after,
button.btn--form:after {
  background-color: var(--color-state-layer-neutral);
  content: "";
  inset: 0;
  pointer-events: none;
  position: absolute;
}
a.fake-btn--form:not([disabled], [aria-disabled="true"]):hover:after,
a.fake-btn--form[href]:hover:after,
button.btn--form:not([disabled], [aria-disabled="true"]):hover:after,
button.btn--form[href]:hover:after {
  background-color: var(--color-state-layer-hover);
}
a.fake-btn--form:not([disabled], [aria-disabled="true"]):focus-visible:after,
a.fake-btn--form[href]:focus-visible:after,
button.btn--form:not([disabled], [aria-disabled="true"]):focus-visible:after,
button.btn--form[href]:focus-visible:after {
  background-color: var(--color-state-layer-focus);
}
a.fake-btn--form:not([disabled], [aria-disabled="true"]):active:after,
a.fake-btn--form[href]:active:after,
button.btn--form:not([disabled], [aria-disabled="true"]):active:after,
button.btn--form[href]:active:after {
  background-color: var(--color-state-layer-pressed);
}
button.btn--form.btn--large {
  padding: 0 20px;
}
button.btn--form.btn--small {
  padding: 0 16px;
}
a.fake-btn--transparent,
a.fake-btn--transparent:focus,
a.fake-btn--transparent:hover,
button.btn--transparent,
button.btn--transparent:focus,
button.btn--transparent:hover {
  background-color: initial;
}
a.fake-btn--large-fixed-height,
button.btn--large-fixed-height {
  height: 48px;
  min-height: 48px;
}
a.fake-btn--truncated,
a.fake-btn--truncated span,
button.btn--truncated,
button.btn--truncated span {
  line-height: 1.4em;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
a.fake-btn--large-truncated,
button.btn--large-truncated {
  font-size: var(--font-size-medium);
  height: 48px;
  min-height: 48px;
  padding: 0 20px;
}
a.fake-btn--large-truncated,
a.fake-btn--large-truncated span,
button.btn--large-truncated,
button.btn--large-truncated span {
  line-height: 1.4em;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
a.fake-btn--split-start,
button.btn--split-start {
  border-radius: 24px 0 0 24px;
}
a.fake-btn--split-end,
button.btn--split-end {
  border-radius: 0 24px 24px 0;
  margin-left: -1px;
  min-width: 40px;
  padding-left: 8px;
  padding-right: 8px;
}
a.fake-btn.fake-btn--primary.fake-btn--split-end,
a.fake-btn.fake-btn--primary.fake-btn--split-end:focus,
a.fake-btn.fake-btn--primary.fake-btn--split-end:hover,
button.btn.btn--primary.btn--split-end,
button.btn.btn--primary.btn--split-end:focus,
button.btn.btn--primary.btn--split-end:hover {
  border-left-color: var(--btn-primary-border-split-color, var(--color-background-primary));
}
button.btn--floating-label {
  padding-bottom: 0;
  padding-top: 0;
}
button.btn--floating-label .btn__text {
  min-height: 19px;
  padding-bottom: 2px;
  padding-top: 17px;
}
button.btn--floating-label .btn__floating-label {
  align-self: flex-start;
  display: inline-block;
  overflow: hidden;
  padding-bottom: 2px;
  padding-top: 17px;
  pointer-events: none;
  position: absolute;
  text-align: left;
  text-overflow: ellipsis;
  transform: scale(0.75) translateY(-18px);
  transform-origin: left;
  white-space: nowrap;
  width: calc(100% - 24px);
  z-index: 1;
}
button.btn--floating-label .btn__floating-label--animate {
  transition: transform 0.3s ease, bottom 0.3s ease;
}
button.btn--floating-label .btn__floating-label--inline {
  font-size: 0.875rem;
  position: unset;
  transform: translateY(-6px);
}
[dir="rtl"] a.fake-btn--split-start,
[dir="rtl"] button.btn--split-start {
  border-radius: 0 24px 24px 0;
}
[dir="rtl"] a.fake-btn--split-end,
[dir="rtl"] button.btn--split-end {
  border-radius: 24px 0 0 24px;
  ma