.tooltip {
  --tooltip-progress-proportion: 0;
  --tooltip-progress-percent: calc(var(--tooltip-progress-proportion) * 100%);
}
.tooltip:global(.carbon).horizontal {
  left: var(--tooltip-progress-percent);
}
.tooltip:global(.carbon).horizontal.above {
  bottom: 0.75rem;
}
.tooltip:global(.carbon).horizontal.below {
  top: 0.75rem;
}
.tooltip:global(.carbon).vertical {
  bottom: var(--tooltip-progress-percent);
}
.tooltip:global(.carbon).vertical.left,
.tooltip:global(.carbon).vertical.before,
:global(.enact-locale-right-to-left) .tooltip:global(.carbon).vertical.after {
  right: 0.75rem;
}
.tooltip:global(.carbon).vertical.right,
.tooltip:global(.carbon).vertical.after,
:global(.enact-locale-right-to-left) .tooltip:global(.carbon).vertical.before {
  left: 0.75rem;
}
.tooltip:global(.cobalt).horizontal {
  left: var(--tooltip-progress-percent);
}
.tooltip:global(.cobalt).horizontal.above {
  bottom: 0.75rem;
}
.tooltip:global(.cobalt).horizontal.below {
  top: 0.75rem;
}
.tooltip:global(.cobalt).vertical {
  bottom: var(--tooltip-progress-percent);
}
.tooltip:global(.cobalt).vertical.left,
.tooltip:global(.cobalt).vertical.before,
:global(.enact-locale-right-to-left) .tooltip:global(.cobalt).vertical.after {
  right: 0.75rem;
}
.tooltip:global(.cobalt).vertical.right,
.tooltip:global(.cobalt).vertical.after,
:global(.enact-locale-right-to-left) .tooltip:global(.cobalt).vertical.before {
  left: 0.75rem;
}
.tooltip:global(.cobalt):global(.night).horizontal {
  left: var(--tooltip-progress-percent);
}
.tooltip:global(.cobalt):global(.night).horizontal.above {
  bottom: 0.75rem;
}
.tooltip:global(.cobalt):global(.night).horizontal.below {
  top: 0.75rem;
}
.tooltip:global(.cobalt):global(.night).vertical {
  bottom: var(--tooltip-progress-percent);
}
.tooltip:global(.cobalt):global(.night).vertical.left,
.tooltip:global(.cobalt):global(.night).vertical.before,
:global(.enact-locale-right-to-left) .tooltip:global(.cobalt):global(.night).vertical.after {
  right: 0.75rem;
}
.tooltip:global(.cobalt):global(.night).vertical.right,
.tooltip:global(.cobalt):global(.night).vertical.after,
:global(.enact-locale-right-to-left) .tooltip:global(.cobalt):global(.night).vertical.before {
  left: 0.75rem;
}
.tooltip:global(.copper).horizontal {
  left: var(--tooltip-progress-percent);
}
.tooltip:global(.copper).horizontal.above {
  bottom: 0.75rem;
}
.tooltip:global(.copper).horizontal.below {
  top: 0.75rem;
}
.tooltip:global(.copper).vertical {
  bottom: var(--tooltip-progress-percent);
}
.tooltip:global(.copper).vertical.left,
.tooltip:global(.copper).vertical.before,
:global(.enact-locale-right-to-left) .tooltip:global(.copper).vertical.after {
  right: 0.75rem;
}
.tooltip:global(.copper).vertical.right,
.tooltip:global(.copper).vertical.after,
:global(.enact-locale-right-to-left) .tooltip:global(.copper).vertical.before {
  left: 0.75rem;
}
.tooltip:global(.copper):global(.night).horizontal {
  left: var(--tooltip-progress-percent);
}
.tooltip:global(.copper):global(.night).horizontal.above {
  bottom: 0.75rem;
}
.tooltip:global(.copper):global(.night).horizontal.below {
  top: 0.75rem;
}
.tooltip:global(.copper):global(.night).vertical {
  bottom: var(--tooltip-progress-percent);
}
.tooltip:global(.copper):global(.night).vertical.left,
.tooltip:global(.copper):global(.night).vertical.before,
:global(.enact-locale-right-to-left) .tooltip:global(.copper):global(.night).vertical.after {
  right: 0.75rem;
}
.tooltip:global(.copper):global(.night).vertical.right,
.tooltip:global(.copper):global(.night).vertical.after,
:global(.enact-locale-right-to-left) .tooltip:global(.copper):global(.night).vertical.before {
  left: 0.75rem;
}
.tooltip:global(.electro).horizontal {
  left: var(--tooltip-progress-percent);
}
.tooltip:global(.electro).horizontal.above {
  bottom: 1.625rem;
}
.tooltip:global(.electro).horizontal.below {
  top: 1.625rem;
}
.tooltip:global(.electro).vertical {
  bottom: var(--tooltip-progress-percent);
}
.tooltip:global(.electro).vertical.left,
.tooltip:global(.electro).vertical.before,
:global(.enact-locale-right-to-left) .tooltip:global(.electro).vertical.after {
  right: 1.625rem;
}
.tooltip:global(.electro).vertical.right,
.tooltip:global(.electro).vertical.after,
:global(.enact-locale-right-to-left) .tooltip:global(.electro).vertical.before {
  left: 1.625rem;
}
.tooltip:global(.gallium).horizontal {
  left: var(--tooltip-progress-percent);
}
.tooltip:global(.gallium).horizontal.above {
  bottom: 0.25rem;
}
.tooltip:global(.gallium).horizontal.below {
  top: 0.25rem;
}
.tooltip:global(.gallium).vertical {
  bottom: var(--tooltip-progress-percent);
}
.tooltip:global(.gallium).vertical.left,
.tooltip:global(.gallium).vertical.before,
:global(.enact-locale-right-to-left) .tooltip:global(.gallium).vertical.after {
  right: 0.25rem;
}
.tooltip:global(.gallium).vertical.right,
.tooltip:global(.gallium).vertical.after,
:global(.enact-locale-right-to-left) .tooltip:global(.gallium).vertical.before {
  left: 0.25rem;
}
.tooltip:global(.gallium):global(.night).horizontal {
  left: var(--tooltip-progress-percent);
}
.tooltip:global(.gallium):global(.night).horizontal.above {
  bottom: 0.25rem;
}
.tooltip:global(.gallium):global(.night).horizontal.below {
  top: 0.25rem;
}
.tooltip:global(.gallium):global(.night).vertical {
  bottom: var(--tooltip-progress-percent);
}
.tooltip:global(.gallium):global(.night).vertical.left,
.tooltip:global(.gallium):global(.night).vertical.before,
:global(.enact-locale-right-to-left) .tooltip:global(.gallium):global(.night).vertical.after {
  right: 0.25rem;
}
.tooltip:global(.gallium):global(.night).vertical.right,
.tooltip:global(.gallium):global(.night).vertical.after,
:global(.enact-locale-right-to-left) .tooltip:global(.gallium):global(.night).vertical.before {
  left: 0.25rem;
}
.tooltip:global(.silicon).horizontal {
  left: var(--tooltip-progress-percent);
}
.tooltip:global(.silicon).horizontal.above {
  bottom: 0.625rem;
}
.tooltip:global(.silicon).horizontal.below {
  top: 0.625rem;
}
.tooltip:global(.silicon).vertical {
  bottom: var(--tooltip-progress-percent);
}
.tooltip:global(.silicon).vertical.left,
.tooltip:global(.silicon).vertical.before,
:global(.enact-locale-right-to-left) .tooltip:global(.silicon).vertical.after {
  right: 0.625rem;
}
.tooltip:global(.silicon).vertical.right,
.tooltip:global(.silicon).vertical.after,
:global(.enact-locale-right-to-left) .tooltip:global(.silicon).vertical.before {
  left: 0.625rem;
}
.tooltip:global(.silicon):global(.night).horizontal {
  left: var(--tooltip-progress-percent);
}
.tooltip:global(.silicon):global(.night).horizontal.above {
  bottom: 0.625rem;
}
.tooltip:global(.silicon):global(.night).horizontal.below {
  top: 0.625rem;
}
.tooltip:global(.silicon):global(.night).vertical {
  bottom: var(--tooltip-progress-percent);
}
.tooltip:global(.silicon):global(.night).vertical.left,
.tooltip:global(.silicon):global(.night).vertical.before,
:global(.enact-locale-right-to-left) .tooltip:global(.silicon):global(.night).vertical.after {
  right: 0.625rem;
}
.tooltip:global(.silicon):global(.night).vertical.right,
.tooltip:global(.silicon):global(.night).vertical.after,
:global(.enact-locale-right-to-left) .tooltip:global(.silicon):global(.night).vertical.before {
  left: 0.625rem;
}
.tooltip:global(.titanium).horizontal {
  left: var(--tooltip-progress-percent);
}
.tooltip:global(.titanium).horizontal.above {
  bottom: 0.75rem;
}
.tooltip:global(.titanium).horizontal.below {
  top: 0.75rem;
}
.tooltip:global(.titanium).vertical {
  bottom: var(--tooltip-progress-percent);
}
.tooltip:global(.titanium).vertical.left,
.tooltip:global(.titanium).vertical.before,
:global(.enact-locale-right-to-left) .tooltip:global(.titanium).vertical.after {
  right: 0.75rem;
}
.tooltip:global(.titanium).vertical.right,
.tooltip:global(.titanium).vertical.after,
:global(.enact-locale-right-to-left) .tooltip:global(.titanium).vertical.before {
  left: 0.75rem;
}
