:global(.carbon) .tooltip {
  position: absolute;
  z-index: 1;
}
:global(.carbon) .tooltip .tooltipArrow {
  position: absolute;
  width: 0.5rem;
  height: 0.5rem;
  z-index: 1;
}
:global(.carbon) .tooltip.rightArrow .tooltipArrow,
:global(.carbon) .tooltip.leftArrow .tooltipArrow {
  width: 0.5rem;
  height: 0.5rem;
}
:global(.carbon) .tooltip.centerArrow .tooltipArrow::after,
:global(.carbon) .tooltip.middleArrow .tooltipArrow::after {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
}
:global(.carbon) .tooltip.centerArrow .tooltipArrow {
  width: 0.375rem;
  height: 0.5rem;
  left: 50%;
}
:global(.carbon) .tooltip.centerArrow .tooltipArrow::after {
  right: 0.29167rem;
}
:global(.carbon) .tooltip.middleArrow .tooltipArrow {
  width: 0.5rem;
  height: 0.33333rem;
  top: 50%;
}
:global(.carbon) .tooltip.middleArrow .tooltipArrow::after {
  bottom: 99%;
  left: 0;
}
:global(.carbon) .tooltip .tooltipLabel {
  font-size: inherit;
  font-weight: normal;
  line-height: 1.875rem;
  white-space: nowrap;
  padding: 0.125rem 0.75rem;
  border-radius: 0.125rem;
}
:global(.enact-locale-right-to-left) :global(.carbon) .tooltip .tooltipLabel {
  text-align: right;
}
:global(.carbon) .tooltip .tooltipLabel.multi {
  white-space: normal;
}
:global(.enact-locale-ja) :global(.carbon) .tooltip .tooltipLabel.multi {
  line-break: strict;
}
:global(.carbon) .tooltip.below .tooltipArrow {
  top: 0.41667rem;
}
:global(.carbon) .tooltip.below .tooltipLabel {
  margin-top: 0.875rem;
}
:global(.carbon) .tooltip.below.leftArrow .tooltipArrow {
  right: 0;
}
:global(.carbon) .tooltip.below.leftArrow .tooltipLabel {
  text-align: right;
  border-top-right-radius: 0;
}
:global(.carbon) .tooltip.below.centerArrow .tooltipArrow {
  left: 50%;
}
:global(.carbon) .tooltip.below.rightArrow .tooltipArrow {
  left: 0;
}
:global(.carbon) .tooltip.below.rightArrow .tooltipLabel {
  border-top-left-radius: 0;
}
:global(.carbon) .tooltip.above .tooltipArrow {
  bottom: 0.4375rem;
}
:global(.carbon) .tooltip.above .tooltipLabel {
  margin-bottom: 0.875rem;
}
:global(.carbon) .tooltip.above.leftArrow .tooltipArrow {
  right: 0;
}
:global(.carbon) .tooltip.above.leftArrow .tooltipLabel {
  text-align: right;
  border-bottom-right-radius: 0;
}
:global(.carbon) .tooltip.above.rightArrow .tooltipArrow {
  left: 0;
}
:global(.carbon) .tooltip.above.rightArrow .tooltipLabel {
  border-bottom-left-radius: 0;
}
:global(.carbon) .tooltip.left .tooltipArrow {
  right: 0.41667rem;
}
:global(.carbon) .tooltip.left .tooltipLabel {
  margin-right: 0.875rem;
}
:global(.carbon) .tooltip.left.topArrow .tooltipArrow {
  bottom: 0;
}
:global(.carbon) .tooltip.left.topArrow .tooltipLabel {
  border-bottom-right-radius: 0;
}
:global(.carbon) .tooltip.left.middleArrow .tooltipArrow {
  right: 0.4375rem;
}
:global(.carbon) .tooltip.left.bottomArrow .tooltipLabel {
  border-top-right-radius: 0;
}
:global(.carbon) .tooltip.right .tooltipArrow {
  left: 0.41667rem;
}
:global(.carbon) .tooltip.right .tooltipLabel {
  margin-left: 0.875rem;
}
:global(.carbon) .tooltip.right.topArrow .tooltipArrow {
  bottom: 0;
}
:global(.carbon) .tooltip.right.topArrow .tooltipLabel {
  border-bottom-left-radius: 0;
}
:global(.carbon) .tooltip.right.middleArrow .tooltipArrow {
  left: 0.4375rem;
}
:global(.carbon) .tooltip.right.bottomArrow .tooltipLabel {
  border-top-left-radius: 0;
}
:global(.carbon) .tooltip.absolute {
  width: 0;
  height: 0;
}
:global(.carbon) .tooltip.absolute .tooltipAnchor {
  position: absolute;
}
:global(.carbon) .tooltip.absolute.below.leftArrow .tooltipAnchor {
  transform: translateX(-100%);
}
:global(.carbon) .tooltip.absolute.below.centerArrow .tooltipAnchor {
  transform: translateX(-50%);
}
:global(.carbon) .tooltip.absolute.below.rightArrow .tooltipAnchor {
  /* transform: translate(0, 0); */
}
:global(.carbon) .tooltip.absolute.above.leftArrow .tooltipAnchor {
  transform: translate(-100%, -100%);
}
:global(.carbon) .tooltip.absolute.above.centerArrow .tooltipAnchor {
  transform: translate(-50%, -100%);
}
:global(.carbon) .tooltip.absolute.above.rightArrow .tooltipAnchor {
  transform: translate(0, -100%);
}
:global(.carbon) .tooltip.absolute.left.topArrow .tooltipAnchor {
  transform: translate(-100%, -100%);
}
:global(.carbon) .tooltip.absolute.left.middleArrow .tooltipAnchor {
  transform: translate(-100%, -50%);
}
:global(.carbon) .tooltip.absolute.left.bottomArrow .tooltipAnchor {
  transform: translate(-100%, 0);
}
:global(.carbon) .tooltip.absolute.right.topArrow .tooltipAnchor {
  transform: translate(0, -100%);
}
:global(.carbon) .tooltip.absolute.right.middleArrow .tooltipAnchor {
  transform: translate(0, -50%);
}
:global(.carbon) .tooltip.absolute.right.bottomArrow .tooltipAnchor {
  /* transform: translate(0, 0); */
}
:global(.carbon) .tooltip.relative.below {
  top: 100%;
}
:global(.carbon) .tooltip.relative.below.leftArrow {
  right: 50%;
}
:global(.carbon) .tooltip.relative.below.centerArrow,
:global(.carbon) .tooltip.relative.below.rightArrow {
  left: 50%;
}
:global(.carbon) .tooltip.relative.below.centerArrow {
  transform: translateX(-50%);
}
:global(.carbon) .tooltip.relative.above {
  bottom: 100%;
}
:global(.carbon) .tooltip.relative.above.leftArrow {
  right: 50%;
}
:global(.carbon) .tooltip.relative.above.centerArrow,
:global(.carbon) .tooltip.relative.above.rightArrow {
  left: 50%;
}
:global(.carbon) .tooltip.relative.above.centerArrow {
  transform: translateX(-50%);
}
:global(.carbon) .tooltip.relative.left {
  right: 100%;
}
:global(.carbon) .tooltip.relative.left.topArrow {
  bottom: 50%;
}
:global(.carbon) .tooltip.relative.left.middleArrow,
:global(.carbon) .tooltip.relative.left.bottomArrow {
  top: 50%;
}
:global(.carbon) .tooltip.relative.left.middleArrow {
  transform: translateY(-50%);
}
:global(.carbon) .tooltip.relative.right {
  left: 100%;
}
:global(.carbon) .tooltip.relative.right.topArrow {
  bottom: 50%;
}
:global(.carbon) .tooltip.relative.right.middleArrow,
:global(.carbon) .tooltip.relative.right.bottomArrow {
  top: 50%;
}
:global(.carbon) .tooltip.relative.right.middleArrow {
  transform: translateY(-50%);
}
:global(.enact-locale-right-to-left) :global(.carbon) .tooltip {
  direction: ltr;
}
:global(.enact-locale-right-to-left) :global(.carbon) .tooltip .tooltipAnchor {
  direction: rtl;
}
:global(.carbon) .tooltip.below.leftArrow .tooltipArrow {
  background-image: linear-gradient(to left, inherit 1px, transparent 1px), linear-gradient(to top left, inherit 50%, inherit 50%, inherit calc(50% + 1px), transparent calc(50% + 1px));
}
:global(.carbon) .tooltip.below.centerArrow .tooltipArrow {
  background-image: linear-gradient(to top right, inherit 50%, inherit 50%, inherit calc(50% + 1px), transparent calc(50% + 1px));
}
:global(.carbon) .tooltip.below.centerArrow .tooltipArrow::after {
  background-image: linear-gradient(to top left, inherit 50%, inherit 50%, inherit calc(50% + 1px), transparent calc(50% + 1px));
}
:global(.carbon) .tooltip.below.rightArrow .tooltipArrow {
  background-image: linear-gradient(to right, inherit 1px, transparent 1px), linear-gradient(to top right, inherit 50%, inherit 50%, inherit calc(50% + 1px), transparent calc(50% + 1px));
}
:global(.carbon) .tooltip.above.leftArrow .tooltipArrow {
  background-image: linear-gradient(to left, inherit 1px, transparent 1px), linear-gradient(to bottom left, inherit 50%, inherit 50%, inherit calc(50% + 1px), transparent calc(50% + 1px));
}
:global(.carbon) .tooltip.above.centerArrow .tooltipArrow {
  background-image: linear-gradient(to bottom right, inherit 50%, inherit 50%, inherit calc(50% + 1px), transparent calc(50% + 1px));
}
:global(.carbon) .tooltip.above.centerArrow .tooltipArrow::after {
  background-image: linear-gradient(to bottom left, inherit 50%, inherit 50%, inherit calc(50% + 1px), transparent calc(50% + 1px));
}
:global(.carbon) .tooltip.above.rightArrow .tooltipArrow {
  background-image: linear-gradient(to right, inherit 1px, transparent 1px), linear-gradient(to bottom right, inherit 50%, inherit 50%, inherit calc(50% + 1px), transparent calc(50% + 1px));
}
:global(.carbon) .tooltip.left.topArrow .tooltipArrow {
  background-image: linear-gradient(to top, inherit 1px, transparent 1px), linear-gradient(to right top, inherit 50%, inherit 50%, inherit calc(50% + 1px), transparent calc(50% + 1px));
}
:global(.carbon) .tooltip.left.middleArrow .tooltipArrow {
  background-image: linear-gradient(to bottom right, inherit 50%, inherit 50%, inherit calc(50% + 1px), transparent calc(50% + 1px));
}
:global(.carbon) .tooltip.left.middleArrow .tooltipArrow::after {
  background-image: linear-gradient(to top right, inherit 50%, inherit 50%, inherit calc(50% + 1px), transparent calc(50% + 1px));
}
:global(.carbon) .tooltip.left.bottomArrow .tooltipArrow {
  background-image: linear-gradient(to bottom, inherit 1px, transparent 1px), linear-gradient(to right bottom, inherit 50%, inherit 50%, inherit calc(50% + 1px), transparent calc(50% + 1px));
}
:global(.carbon) .tooltip.right.topArrow .tooltipArrow {
  background-image: linear-gradient(to top, inherit 1px, transparent 1px), linear-gradient(to left top, inherit 50%, inherit 50%, inherit calc(50% + 1px), transparent calc(50% + 1px));
}
:global(.carbon) .tooltip.right.middleArrow .tooltipArrow {
  background-image: linear-gradient(to bottom left, inherit 50%, inherit 50%, inherit calc(50% + 1px), transparent calc(50% + 1px));
}
:global(.carbon) .tooltip.right.middleArrow .tooltipArrow::after {
  background-image: linear-gradient(to top left, inherit 50%, inherit 50%, inherit calc(50% + 1px), transparent calc(50% + 1px));
}
:global(.carbon) .tooltip.right.bottomArrow .tooltipArrow {
  background-image: linear-gradient(to bottom, inherit 1px, transparent 1px), linear-gradient(to left bottom, inherit 50%, inherit 50%, inherit calc(50% + 1px), transparent calc(50% + 1px));
}
:global(.carbon) .tooltip .tooltipLabel {
  color: inherit;
  background-color: inherit;
  border: 1px solid inherit;
}
:global(.cobalt) .tooltip {
  position: absolute;
  z-index: 1;
}
:global(.cobalt) .tooltip .tooltipArrow {
  position: absolute;
  width: 0.5rem;
  height: 0.5rem;
  z-index: 1;
}
:global(.cobalt) .tooltip.rightArrow .tooltipArrow,
:global(.cobalt) .tooltip.leftArrow .tooltipArrow {
  width: 0.5rem;
  height: 0.5rem;
}
:global(.cobalt) .tooltip.centerArrow .tooltipArrow::after,
:global(.cobalt) .tooltip.middleArrow .tooltipArrow::after {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
}
:global(.cobalt) .tooltip.centerArrow .tooltipArrow {
  width: 0.375rem;
  height: 0.5rem;
  left: 50%;
}
:global(.cobalt) .tooltip.centerArrow .tooltipArrow::after {
  right: 0.29167rem;
}
:global(.cobalt) .tooltip.middleArrow .tooltipArrow {
  width: 0.5rem;
  height: 0.33333rem;
  top: 50%;
}
:global(.cobalt) .tooltip.middleArrow .tooltipArrow::after {
  bottom: 99%;
  left: 0;
}
:global(.cobalt) .tooltip .tooltipLabel {
  font-size: inherit;
  font-weight: 700;
  line-height: 1.875rem;
  white-space: nowrap;
  padding: 0.125rem 0.75rem;
  border-radius: 0.125rem;
}
:global(.enact-locale-right-to-left) :global(.cobalt) .tooltip .tooltipLabel {
  text-align: right;
}
:global(.cobalt) .tooltip .tooltipLabel.multi {
  white-space: normal;
}
:global(.enact-locale-ja) :global(.cobalt) .tooltip .tooltipLabel.multi {
  line-break: strict;
}
:global(.cobalt) .tooltip.below .tooltipArrow {
  top: 0.41667rem;
}
:global(.cobalt) .tooltip.below .tooltipLabel {
  margin-top: 0.875rem;
}
:global(.cobalt) .tooltip.below.leftArrow .tooltipArrow {
  right: 0;
}
:global(.cobalt) .tooltip.below.leftArrow .tooltipLabel {
  text-align: right;
  border-top-right-radius: 0;
}
:global(.cobalt) .tooltip.below.centerArrow .tooltipArrow {
  left: 50%;
}
:global(.cobalt) .tooltip.below.rightArrow .tooltipArrow {
  left: 0;
}
:global(.cobalt) .tooltip.below.rightArrow .tooltipLabel {
  border-top-left-radius: 0;
}
:global(.cobalt) .tooltip.above .tooltipArrow {
  bottom: 0.4375rem;
}
:global(.cobalt) .tooltip.above .tooltipLabel {
  margin-bottom: 0.875rem;
}
:global(.cobalt) .tooltip.above.leftArrow .tooltipArrow {
  right: 0;
}
:global(.cobalt) .tooltip.above.leftArrow .tooltipLabel {
  text-align: right;
  border-bottom-right-radius: 0;
}
:global(.cobalt) .tooltip.above.rightArrow .tooltipArrow {
  left: 0;
}
:global(.cobalt) .tooltip.above.rightArrow .tooltipLabel {
  border-bottom-left-radius: 0;
}
:global(.cobalt) .tooltip.left .tooltipArrow {
  right: 0.41667rem;
}
:global(.cobalt) .tooltip.left .tooltipLabel {
  margin-right: 0.875rem;
}
:global(.cobalt) .tooltip.left.topArrow .tooltipArrow {
  bottom: 0;
}
:global(.cobalt) .tooltip.left.topArrow .tooltipLabel {
  border-bottom-right-radius: 0;
}
:global(.cobalt) .tooltip.left.middleArrow .tooltipArrow {
  right: 0.4375rem;
}
:global(.cobalt) .tooltip.left.bottomArrow .tooltipLabel {
  border-top-right-radius: 0;
}
:global(.cobalt) .tooltip.right .tooltipArrow {
  left: 0.41667rem;
}
:global(.cobalt) .tooltip.right .tooltipLabel {
  margin-left: 0.875rem;
}
:global(.cobalt) .tooltip.right.topArrow .tooltipArrow {
  bottom: 0;
}
:global(.cobalt) .tooltip.right.topArrow .tooltipLabel {
  border-bottom-left-radius: 0;
}
:global(.cobalt) .tooltip.right.middleArrow .tooltipArrow {
  left: 0.4375rem;
}
:global(.cobalt) .tooltip.right.bottomArrow .tooltipLabel {
  border-top-left-radius: 0;
}
:global(.cobalt) .tooltip.absolute {
  width: 0;
  height: 0;
}
:global(.cobalt) .tooltip.absolute .tooltipAnchor {
  position: absolute;
}
:global(.cobalt) .tooltip.absolute.below.leftArrow .tooltipAnchor {
  transform: translateX(-100%);
}
:global(.cobalt) .tooltip.absolute.below.centerArrow .tooltipAnchor {
  transform: translateX(-50%);
}
:global(.cobalt) .tooltip.absolute.below.rightArrow .tooltipAnchor {
  /* transform: translate(0, 0); */
}
:global(.cobalt) .tooltip.absolute.above.leftArrow .tooltipAnchor {
  transform: translate(-100%, -100%);
}
:global(.cobalt) .tooltip.absolute.above.centerArrow .tooltipAnchor {
  transform: translate(-50%, -100%);
}
:global(.cobalt) .tooltip.absolute.above.rightArrow .tooltipAnchor {
  transform: translate(0, -100%);
}
:global(.cobalt) .tooltip.absolute.left.topArrow .tooltipAnchor {
  transform: translate(-100%, -100%);
}
:global(.cobalt) .tooltip.absolute.left.middleArrow .tooltipAnchor {
  transform: translate(-100%, -50%);
}
:global(.cobalt) .tooltip.absolute.left.bottomArrow .tooltipAnchor {
  transform: translate(-100%, 0);
}
:global(.cobalt) .tooltip.absolute.right.topArrow .tooltipAnchor {
  transform: translate(0, -100%);
}
:global(.cobalt) .tooltip.absolute.right.middleArrow .tooltipAnchor {
  transform: translate(0, -50%);
}
:global(.cobalt) .tooltip.absolute.right.bottomArrow .tooltipAnchor {
  /* transform: translate(0, 0); */
}
:global(.cobalt) .tooltip.relative.below {
  top: 100%;
}
:global(.cobalt) .tooltip.relative.below.leftArrow {
  right: 50%;
}
:global(.cobalt) .tooltip.relative.below.centerArrow,
:global(.cobalt) .tooltip.relative.below.rightArrow {
  left: 50%;
}
:global(.cobalt) .tooltip.relative.below.centerArrow {
  transform: translateX(-50%);
}
:global(.cobalt) .tooltip.relative.above {
  bottom: 100%;
}
:global(.cobalt) .tooltip.relative.above.leftArrow {
  right: 50%;
}
:global(.cobalt) .tooltip.relative.above.centerArrow,
:global(.cobalt) .tooltip.relative.above.rightArrow {
  left: 50%;
}
:global(.cobalt) .tooltip.relative.above.centerArrow {
  transform: translateX(-50%);
}
:global(.cobalt) .tooltip.relative.left {
  right: 100%;
}
:global(.cobalt) .tooltip.relative.left.topArrow {
  bottom: 50%;
}
:global(.cobalt) .tooltip.relative.left.middleArrow,
:global(.cobalt) .tooltip.relative.left.bottomArrow {
  top: 50%;
}
:global(.cobalt) .tooltip.relative.left.middleArrow {
  transform: translateY(-50%);
}
:global(.cobalt) .tooltip.relative.right {
  left: 100%;
}
:global(.cobalt) .tooltip.relative.right.topArrow {
  bottom: 50%;
}
:global(.cobalt) .tooltip.relative.right.middleArrow,
:global(.cobalt) .tooltip.relative.right.bottomArrow {
  top: 50%;
}
:global(.cobalt) .tooltip.relative.right.middleArrow {
  transform: translateY(-50%);
}
:global(.enact-locale-right-to-left) :global(.cobalt) .tooltip {
  direction: ltr;
}
:global(.enact-locale-right-to-left) :global(.cobalt) .tooltip .tooltipAnchor {
  direction: rtl;
}
:global(.cobalt) .tooltip.below.leftArrow .tooltipArrow {
  background-image: linear-gradient(to left, inherit 1px, transparent 1px), linear-gradient(to top left, inherit 50%, inherit 50%, inherit calc(50% + 1px), transparent calc(50% + 1px));
}
:global(.cobalt) .tooltip.below.centerArrow .tooltipArrow {
  background-image: linear-gradient(to top right, inherit 50%, inherit 50%, inherit calc(50% + 1px), transparent calc(50% + 1px));
}
:global(.cobalt) .tooltip.below.centerArrow .tooltipArrow::after {
  background-image: linear-gradient(to top left, inherit 50%, inherit 50%, inherit calc(50% + 1px), transparent calc(50% + 1px));
}
:global(.cobalt) .tooltip.below.rightArrow .tooltipArrow {
  background-image: linear-gradient(to right, inherit 1px, transparent 1px), linear-gradient(to top right, inherit 50%, inherit 50%, inherit calc(50% + 1px), transparent calc(50% + 1px));
}
:global(.cobalt) .tooltip.above.leftArrow .tooltipArrow {
  background-image: linear-gradient(to left, inherit 1px, transparent 1px), linear-gradient(to bottom left, inherit 50%, inherit 50%, inherit calc(50% + 1px), transparent calc(50% + 1px));
}
:global(.cobalt) .tooltip.above.centerArrow .tooltipArrow {
  background-image: linear-gradient(to bottom right, inherit 50%, inherit 50%, inherit calc(50% + 1px), transparent calc(50% + 1px));
}
:global(.cobalt) .tooltip.above.centerArrow .tooltipArrow::after {
  background-image: linear-gradient(to bottom left, inherit 50%, inherit 50%, inherit calc(50% + 1px), transparent calc(50% + 1px));
}
:global(.cobalt) .tooltip.above.rightArrow .tooltipArrow {
  background-image: linear-gradient(to right, inherit 1px, transparent 1px), linear-gradient(to bottom right, inherit 50%, inherit 50%, inherit calc(50% + 1px), transparent calc(50% + 1px));
}
:global(.cobalt) .tooltip.left.topArrow .tooltipArrow {
  background-image: linear-gradient(to top, inherit 1px, transparent 1px), linear-gradient(to right top, inherit 50%, inherit 50%, inherit calc(50% + 1px), transparent calc(50% + 1px));
}
:global(.cobalt) .tooltip.left.middleArrow .tooltipArrow {
  background-image: linear-gradient(to bottom right, inherit 50%, inherit 50%, inherit calc(50% + 1px), transparent calc(50% + 1px));
}
:global(.cobalt) .tooltip.left.middleArrow .tooltipArrow::after {
  background-image: linear-gradient(to top right, inherit 50%, inherit 50%, inherit calc(50% + 1px), transparent calc(50% + 1px));
}
:global(.cobalt) .tooltip.left.bottomArrow .tooltipArrow {
  background-image: linear-gradient(to bottom, inherit 1px, transparent 1px), linear-gradient(to right bottom, inherit 50%, inherit 50%, inherit calc(50% + 1px), transparent calc(50% + 1px));
}
:global(.cobalt) .tooltip.right.topArrow .tooltipArrow {
  background-image: linear-gradient(to top, inherit 1px, transparent 1px), linear-gradient(to left top, inherit 50%, inherit 50%, inherit calc(50% + 1px), transparent calc(50% + 1px));
}
:global(.cobalt) .tooltip.right.middleArrow .tooltipArrow {
  background-image: linear-gradient(to bottom left, inherit 50%, inherit 50%, inherit calc(50% + 1px), transparent calc(50% + 1px));
}
:global(.cobalt) .tooltip.right.middleArrow .tooltipArrow::after {
  background-image: linear-gradient(to top left, inherit 50%, inherit 50%, inherit calc(50% + 1px), transparent calc(50% + 1px));
}
:global(.cobalt) .tooltip.right.bottomArrow .tooltipArrow {
  background-image: linear-gradient(to bottom, inherit 1px, transparent 1px), linear-gradient(to left bottom, inherit 50%, inherit 50%, inherit calc(50% + 1px), transparent calc(50% + 1px));
}
:global(.cobalt) .tooltip .tooltipLabel {
  color: inherit;
  background-color: inherit;
  border: 1px solid inherit;
}
:global(.cobalt):global(.night) .tooltip {
  position: absolute;
  z-index: 1;
}
:global(.cobalt):global(.night) .tooltip .tooltipArrow {
  position: absolute;
  width: 0.5rem;
  height: 0.5rem;
  z-index: 1;
}
:global(.cobalt):global(.night) .tooltip.rightArrow .tooltipArrow,
:global(.cobalt):global(.night) .tooltip.leftArrow .tooltipArrow {
  width: 0.5rem;
  height: 0.5rem;
}
:global(.cobalt):global(.night) .tooltip.centerArrow .tooltipArrow::after,
:global(.cobalt):global(.night) .tooltip.middleArrow .tooltipArrow::after {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
}
:global(.cobalt):global(.night) .tooltip.centerArrow .tooltipArrow {
  width: 0.375rem;
  height: 0.5rem;
  left: 50%;
}
:global(.cobalt):global(.night) .tooltip.centerArrow .tooltipArrow::after {
  right: 0.29167rem;
}
:global(.cobalt):global(.night) .tooltip.middleArrow .tooltipArrow {
  width: 0.5rem;
  height: 0.33333rem;
  top: 50%;
}
:global(.cobalt):global(.night) .tooltip.middleArrow .tooltipArrow::after {
  bottom: 99%;
  left: 0;
}
:global(.cobalt):global(.night) .tooltip .tooltipLabel {
  font-size: inherit;
  font-weight: 700;
  line-height: 1.875rem;
  white-space: nowrap;
  padding: 0.125rem 0.75rem;
  border-radius: 0.125rem;
}
:global(.enact-locale-right-to-left) :global(.cobalt):global(.night) .tooltip .tooltipLabel {
  text-align: right;
}
:global(.cobalt):global(.night) .tooltip .tooltipLabel.multi {
  white-space: normal;
}
:global(.enact-locale-ja) :global(.cobalt):global(.night) .tooltip .tooltipLabel.multi {
  line-break: strict;
}
:global(.cobalt):global(.night) .tooltip.below .tooltipArrow {
  top: 0.41667rem;
}
:global(.cobalt):global(.night) .tooltip.below .tooltipLabel {
  margin-top: 0.875rem;
}
:global(.cobalt):global(.night) .tooltip.below.leftArrow .tooltipArrow {
  right: 0;
}
:global(.cobalt):global(.night) .tooltip.below.leftArrow .tooltipLabel {
  text-align: right;
  border-top-right-radius: 0;
}
:global(.cobalt):global(.night) .tooltip.below.centerArrow .tooltipArrow {
  left: 50%;
}
:global(.cobalt):global(.night) .tooltip.below.rightArrow .tooltipArrow {
  left: 0;
}
:global(.cobalt):global(.night) .tooltip.below.rightArrow .tooltipLabel {
  border-top-left-radius: 0;
}
:global(.cobalt):global(.night) .tooltip.above .tooltipArrow {
  bottom: 0.4375rem;
}
:global(.cobalt):global(.night) .tooltip.above .tooltipLabel {
  margin-bottom: 0.875rem;
}
:global(.cobalt):global(.night) .tooltip.above.leftArrow .tooltipArrow {
  right: 0;
}
:global(.cobalt):global(.night) .tooltip.above.leftArrow .tooltipLabel {
  text-align: right;
  border-bottom-right-radius: 0;
}
:global(.cobalt):global(.night) .tooltip.above.rightArrow .tooltipArrow {
  left: 0;
}
:global(.cobalt):global(.night) .tooltip.above.rightArrow .tooltipLabel {
  border-bottom-left-radius: 0;
}
:global(.cobalt):global(.night) .tooltip.left .tooltipArrow {
  right: 0.41667rem;
}
:global(.cobalt):global(.night) .tooltip.left .tooltipLabel {
  margin-right: 0.875rem;
}
:global(.cobalt):global(.night) .tooltip.left.topArrow .tooltipArrow {
  bottom: 0;
}
:global(.cobalt):global(.night) .tooltip.left.topArrow .tooltipLabel {
  border-bottom-right-radius: 0;
}
:global(.cobalt):global(.night) .tooltip.left.middleArrow .tooltipArrow {
  right: 0.4375rem;
}
:global(.cobalt):global(.night) .tooltip.left.bottomArrow .tooltipLabel {
  border-top-right-radius: 0;
}
:global(.cobalt):global(.night) .tooltip.right .tooltipArrow {
  left: 0.41667rem;
}
:global(.cobalt):global(.night) .tooltip.right .tooltipLabel {
  margin-left: 0.875rem;
}
:global(.cobalt):global(.night) .tooltip.right.topArrow .tooltipArrow {
  bottom: 0;
}
:global(.cobalt):global(.night) .tooltip.right.topArrow .tooltipLabel {
  border-bottom-left-radius: 0;
}
:global(.cobalt):global(.night) .tooltip.right.middleArrow .tooltipArrow {
  left: 0.4375rem;
}
:global(.cobalt):global(.night) .tooltip.right.bottomArrow .tooltipLabel {
  border-top-left-radius: 0;
}
:global(.cobalt):global(.night) .tooltip.absolute {
  width: 0;
  height: 0;
}
:global(.cobalt):global(.night) .tooltip.absolute .tooltipAnchor {
  position: absolute;
}
:global(.cobalt):global(.night) .tooltip.absolute.below.leftArrow .tooltipAnchor {
  transform: translateX(-100%);
}
:global(.cobalt):global(.night) .tooltip.absolute.below.centerArrow .tooltipAnchor {
  transform: translateX(-50%);
}
:global(.cobalt):global(.night) .tooltip.absolute.below.rightArrow .tooltipAnchor {
  /* transform: translate(0, 0); */
}
:global(.cobalt):global(.night) .tooltip.absolute.above.leftArrow .tooltipAnchor {
  transform: translate(-100%, -100%);
}
:global(.cobalt):global(.night) .tooltip.absolute.above.centerArrow .tooltipAnchor {
  transform: translate(-50%, -100%);
}
:global(.cobalt):global(.night) .tooltip.absolute.above.rightArrow .tooltipAnchor {
  transform: translate(0, -100%);
}
:global(.cobalt):global(.night) .tooltip.absolute.left.topArrow .tooltipAnchor {
  transform: translate(-100%, -100%);
}
:global(.cobalt):global(.night) .tooltip.absolute.left.middleArrow .tooltipAnchor {
  transform: translate(-100%, -50%);
}
:global(.cobalt):global(.night) .tooltip.absolute.left.bottomArrow .tooltipAnchor {
  transform: translate(-100%, 0);
}
:global(.cobalt):global(.night) .tooltip.absolute.right.topArrow .tooltipAnchor {
  transform: translate(0, -100%);
}
:global(.cobalt):global(.night) .tooltip.absolute.right.middleArrow .tooltipAnchor {
  transform: translate(0, -50%);
}
:global(.cobalt):global(.night) .tooltip.absolute.right.bottomArrow .tooltipAnchor {
  /* transform: translate(0, 0); */
}
:global(.cobalt):global(.night) .tooltip.relative.below {
  top: 100%;
}
:global(.cobalt):global(.night) .tooltip.relative.below.leftArrow {
  right: 50%;
}
:global(.cobalt):global(.night) .tooltip.relative.below.centerArrow,
:global(.cobalt):global(.night) .tooltip.relative.below.rightArrow {
  left: 50%;
}
:global(.cobalt):global(.night) .tooltip.relative.below.centerArrow {
  transform: translateX(-50%);
}
:global(.cobalt):global(.night) .tooltip.relative.above {
  bottom: 100%;
}
:global(.cobalt):global(.night) .tooltip.relative.above.leftArrow {
  right: 50%;
}
:global(.cobalt):global(.night) .tooltip.relative.above.centerArrow,
:global(.cobalt):global(.night) .tooltip.relative.above.rightArrow {
  left: 50%;
}
:global(.cobalt):global(.night) .tooltip.relative.above.centerArrow {
  transform: translateX(-50%);
}
:global(.cobalt):global(.night) .tooltip.relative.left {
  right: 100%;
}
:global(.cobalt):global(.night) .tooltip.relative.left.topArrow {
  bottom: 50%;
}
:global(.cobalt):global(.night) .tooltip.relative.left.middleArrow,
:global(.cobalt):global(.night) .tooltip.relative.left.bottomArrow {
  top: 50%;
}
:global(.cobalt):global(.night) .tooltip.relative.left.middleArrow {
  transform: translateY(-50%);
}
:global(.cobalt):global(.night) .tooltip.relative.right {
  left: 100%;
}
:global(.cobalt):global(.night) .tooltip.relative.right.topArrow {
  bottom: 50%;
}
:global(.cobalt):global(.night) .tooltip.relative.right.middleArrow,
:global(.cobalt):global(.night) .tooltip.relative.right.bottomArrow {
  top: 50%;
}
:global(.cobalt):global(.night) .tooltip.relative.right.middleArrow {
  transform: translateY(-50%);
}
:global(.enact-locale-right-to-left) :global(.cobalt):global(.night) .tooltip {
  direction: ltr;
}
:global(.enact-locale-right-to-left) :global(.cobalt):global(.night) .tooltip .tooltipAnchor {
  direction: rtl;
}
:global(.cobalt):global(.night) .tooltip.below.leftArrow .tooltipArrow {
  background-image: linear-gradient(to left, inherit 1px, transparent 1px), linear-gradient(to top left, inherit 50%, inherit 50%, inherit calc(50% + 1px), transparent calc(50% + 1px));
}
:global(.cobalt):global(.night) .tooltip.below.centerArrow .tooltipArrow {
  background-image: linear-gradient(to top right, inherit 50%, inherit 50%, inherit calc(50% + 1px), transparent calc(50% + 1px));
}
:global(.cobalt):global(.night) .tooltip.below.centerArrow .tooltipArrow::after {
  background-image: linear-gradient(to top left, inherit 50%, inherit 50%, inherit calc(50% + 1px), transparent calc(50% + 1px));
}
:global(.cobalt):global(.night) .tooltip.below.rightArrow .tooltipArrow {
  background-image: linear-gradient(to right, inherit 1px, transparent 1px), linear-gradient(to top right, inherit 50%, inherit 50%, inherit calc(50% + 1px), transparent calc(50% + 1px));
}
:global(.cobalt):global(.night) .tooltip.above.leftArrow .tooltipArrow {
  background-image: linear-gradient(to left, inherit 1px, transparent 1px), linear-gradient(to bottom left, inherit 50%, inherit 50%, inherit calc(50% + 1px), transparent calc(50% + 1px));
}
:global(.cobalt):global(.night) .tooltip.above.centerArrow .tooltipArrow {
  background-image: linear-gradient(to bottom right, inherit 50%, inherit 50%, inherit calc(50% + 1px), transparent calc(50% + 1px));
}
:global(.cobalt):global(.night) .tooltip.above.centerArrow .tooltipArrow::after {
  background-image: linear-gradient(to bottom left, inherit 50%, inherit 50%, inherit calc(50% + 1px), transparent calc(50% + 1px));
}
:global(.cobalt):global(.night) .tooltip.above.rightArrow .tooltipArrow {
  background-image: linear-gradient(to right, inherit 1px, transparent 1px), linear-gradient(to bottom right, inherit 50%, inherit 50%, inherit calc(50% + 1px), transparent calc(50% + 1px));
}
:global(.cobalt):global(.night) .tooltip.left.topArrow .tooltipArrow {
  background-image: linear-gradient(to top, inherit 1px, transparent 1px), linear-gradient(to right top, inherit 50%, inherit 50%, inherit calc(50% + 1px), transparent calc(50% + 1px));
}
:global(.cobalt):global(.night) .tooltip.left.middleArrow .tooltipArrow {
  background-image: linear-gradient(to bottom right, inherit 50%, inherit 50%, inherit calc(50% + 1px), transparent calc(50% + 1px));
}
:global(.cobalt):global(.night) .tooltip.left.middleArrow .tooltipArrow::after {
  background-image: linear-gradient(to top right, inherit 50%, inherit 50%, inherit calc(50% + 1px), transparent calc(50% + 1px));
}
:global(.cobalt):global(.night) .tooltip.left.bottomArrow .tooltipArrow {
  background-image: linear-gradient(to bottom, inherit 1px, transparent 1px), linear-gradient(to right bottom, inherit 50%, inherit 50%, inherit calc(50% + 1px), transparent calc(50% + 1px));
}
:global(.cobalt):global(.night) .tooltip.right.topArrow .tooltipArrow {
  background-image: linear-gradient(to top, inherit 1px, transparent 1px), linear-gradient(to left top, inherit 50%, inherit 50%, inherit calc(50% + 1px), transparent calc(50% + 1px));
}
:global(.cobalt):global(.night) .tooltip.right.middleArrow .tooltipArrow {
  background-image: linear-gradient(to bottom left, inherit 50%, inherit 50%, inherit calc(50% + 1px), transparent calc(50% + 1px));
}
:global(.cobalt):global(.night) .tooltip.right.middleArrow .tooltipArrow::after {
  background-image: linear-gradient(to top left, inherit 50%, inherit 50%, inherit calc(50% + 1px), transparent calc(50% + 1px));
}
:global(.cobalt):global(.night) .tooltip.right.bottomArrow .tooltipArrow {
  background-image: linear-gradient(to bottom, inherit 1px, transparent 1px), linear-gradient(to left bottom, inherit 50%, inherit 50%, inherit calc(50% + 1px), transparent calc(50% + 1px));
}
:global(.cobalt):global(.night) .tooltip .tooltipLabel {
  color: inherit;
  background-color: inherit;
  border: 1px solid inherit;
}
:global(.copper) .tooltip {
  position: absolute;
  z-index: 1;
}
:global(.copper) .tooltip .tooltipArrow {
  position: absolute;
  width: 0.5rem;
  height: 0.5rem;
  z-index: 1;
}
:global(.copper) .tooltip.rightArrow .tooltipArrow,
:global(.copper) .tooltip.leftArrow .tooltipArrow {
  width: 0.5rem;
  height: 0.5rem;
}
:global(.copper) .tooltip.centerArrow .tooltipArrow::after,
:global(.copper) .tooltip.middleArrow .tooltipArrow::after {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
}
:global(.copper) .tooltip.centerArrow .tooltipArrow {
  width: 0.375rem;
  height: 0.5rem;
  left: 50%;
}
:global(.copper) .tooltip.centerArrow .tooltipArrow::after {
  right: 0.29167rem;
}
:global(.copper) .tooltip.middleArrow .tooltipArrow {
  width: 0.5rem;
  height: 0.33333rem;
  top: 50%;
}
:global(.copper) .tooltip.middleArrow .tooltipArrow::after {
  bottom: 99%;
  left: 0;
}
:global(.copper) .tooltip .tooltipLabel {
  font-size: inherit;
  font-weight: 700;
  line-height: 1.875rem;
  white-space: nowrap;
  padding: 0.125rem 0.75rem;
  border-radius: 0.125rem;
}
:global(.enact-locale-right-to-left) :global(.copper) .tooltip .tooltipLabel {
  text-align: right;
}
:global(.copper) .tooltip .tooltipLabel.multi {
  white-space: normal;
}
:global(.enact-locale-ja) :global(.copper) .tooltip .tooltipLabel.multi {
  line-break: strict;
}
:global(.copper) .tooltip.below .tooltipArrow {
  top: 0.41667rem;
}
:global(.copper) .tooltip.below .tooltipLabel {
  margin-top: 0.875rem;
}
:global(.copper) .tooltip.below.leftArrow .tooltipArrow {
  right: 0;
}
:global(.copper) .tooltip.below.leftArrow .tooltipLabel {
  text-align: right;
  border-top-right-radius: 0;
}
:global(.copper) .tooltip.below.centerArrow .tooltipArrow {
  left: 50%;
}
:global(.copper) .tooltip.below.rightArrow .tooltipArrow {
  left: 0;
}
:global(.copper) .tooltip.below.rightArrow .tooltipLabel {
  border-top-left-radius: 0;
}
:global(.copper) .tooltip.above .tooltipArrow {
  bottom: 0.4375rem;
}
:global(.copper) .tooltip.above .tooltipLabel {
  margin-bottom: 0.875rem;
}
:global(.copper) .tooltip.above.leftArrow .tooltipArrow {
  right: 0;
}
:global(.copper) .tooltip.above.leftArrow .tooltipLabel {
  text-align: right;
  border-bottom-right-radius: 0;
}
:global(.copper) .tooltip.above.rightArrow .tooltipArrow {
  left: 0;
}
:global(.copper) .tooltip.above.rightArrow .tooltipLabel {
  border-bottom-left-radius: 0;
}
:global(.copper) .tooltip.left .tooltipArrow {
  right: 0.41667rem;
}
:global(.copper) .tooltip.left .tooltipLabel {
  margin-right: 0.875rem;
}
:global(.copper) .tooltip.left.topArrow .tooltipArrow {
  bottom: 0;
}
:global(.copper) .tooltip.left.topArrow .tooltipLabel {
  border-bottom-right-radius: 0;
}
:global(.copper) .tooltip.left.middleArrow .tooltipArrow {
  right: 0.4375rem;
}
:global(.copper) .tooltip.left.bottomArrow .tooltipLabel {
  border-top-right-radius: 0;
}
:global(.copper) .tooltip.right .tooltipArrow {
  left: 0.41667rem;
}
:global(.copper) .tooltip.right .tooltipLabel {
  margin-left: 0.875rem;
}
:global(.copper) .tooltip.right.topArrow .tooltipArrow {
  bottom: 0;
}
:global(.copper) .tooltip.right.topArrow .tooltipLabel {
  border-bottom-left-radius: 0;
}
:global(.copper) .tooltip.right.middleArrow .tooltipArrow {
  left: 0.4375rem;
}
:global(.copper) .tooltip.right.bottomArrow .tooltipLabel {
  border-top-left-radius: 0;
}
:global(.copper) .tooltip.absolute {
  width: 0;
  height: 0;
}
:global(.copper) .tooltip.absolute .tooltipAnchor {
  position: absolute;
}
:global(.copper) .tooltip.absolute.below.leftArrow .tooltipAnchor {
  transform: translateX(-100%);
}
:global(.copper) .tooltip.absolute.below.centerArrow .tooltipAnchor {
  transform: translateX(-50%);
}
:global(.copper) .tooltip.absolute.below.rightArrow .tooltipAnchor {
  /* transform: translate(0, 0); */
}
:global(.copper) .tooltip.absolute.above.leftArrow .tooltipAnchor {
  transform: translate(-100%, -100%);
}
:global(.copper) .tooltip.absolute.above.centerArrow .tooltipAnchor {
  transform: translate(-50%, -100%);
}
:global(.copper) .tooltip.absolute.above.rightArrow .tooltipAnchor {
  transform: translate(0, -100%);
}
:global(.copper) .tooltip.absolute.left.topArrow .tooltipAnchor {
  transform: translate(-100%, -100%);
}
:global(.copper) .tooltip.absolute.left.middleArrow .tooltipAnchor {
  transform: translate(-100%, -50%);
}
:global(.copper) .tooltip.absolute.left.bottomArrow .tooltipAnchor {
  transform: translate(-100%, 0);
}
:global(.copper) .tooltip.absolute.right.topArrow .tooltipAnchor {
  transform: translate(0, -100%);
}
:global(.copper) .tooltip.absolute.right.middleArrow .tooltipAnchor {
  transform: translate(0, -50%);
}
:global(.copper) .tooltip.absolute.right.bottomArrow .tooltipAnchor {
  /* transform: translate(0, 0); */
}
:global(.copper) .tooltip.relative.below {
  top: 100%;
}
:global(.copper) .tooltip.relative.below.leftArrow {
  right: 50%;
}
:global(.copper) .tooltip.relative.below.centerArrow,
:global(.copper) .tooltip.relative.below.rightArrow {
  left: 50%;
}
:global(.copper) .tooltip.relative.below.centerArrow {
  transform: translateX(-50%);
}
:global(.copper) .tooltip.relative.above {
  bottom: 100%;
}
:global(.copper) .tooltip.relative.above.leftArrow {
  right: 50%;
}
:global(.copper) .tooltip.relative.above.centerArrow,
:global(.copper) .tooltip.relative.above.rightArrow {
  left: 50%;
}
:global(.copper) .tooltip.relative.above.centerArrow {
  transform: translateX(-50%);
}
:global(.copper) .tooltip.relative.left {
  right: 100%;
}
:global(.copper) .tooltip.relative.left.topArrow {
  bottom: 50%;
}
:global(.copper) .tooltip.relative.left.middleArrow,
:global(.copper) .tooltip.relative.left.bottomArrow {
  top: 50%;
}
:global(.copper) .tooltip.relative.left.middleArrow {
  transform: translateY(-50%);
}
:global(.copper) .tooltip.relative.right {
  left: 100%;
}
:global(.copper) .tooltip.relative.right.topArrow {
  bottom: 50%;
}
:global(.copper) .tooltip.relative.right.middleArrow,
:global(.copper) .tooltip.relative.right.bottomArrow {
  top: 50%;
}
:global(.copper) .tooltip.relative.right.middleArrow {
  transform: translateY(-50%);
}
:global(.enact-locale-right-to-left) :global(.copper) .tooltip {
  direction: ltr;
}
:global(.enact-locale-right-to-left) :global(.copper) .tooltip .tooltipAnchor {
  direction: rtl;
}
:global(.copper) .tooltip.below.leftArrow .tooltipArrow {
  background-image: linear-gradient(to left, inherit 1px, transparent 1px), linear-gradient(to top left, inherit 50%, inherit 50%, inherit calc(50% + 1px), transparent calc(50% + 1px));
}
:global(.copper) .tooltip.below.centerArrow .tooltipArrow {
  background-image: linear-gradient(to top right, inherit 50%, inherit 50%, inherit calc(50% + 1px), transparent calc(50% + 1px));
}
:global(.copper) .tooltip.below.centerArrow .tooltipArrow::after {
  background-image: linear-gradient(to top left, inherit 50%, inherit 50%, inherit calc(50% + 1px), transparent calc(50% + 1px));
}
:global(.copper) .tooltip.below.rightArrow .tooltipArrow {
  background-image: linear-gradient(to right, inherit 1px, transparent 1px), linear-gradient(to top right, inherit 50%, inherit 50%, inherit calc(50% + 1px), transparent calc(50% + 1px));
}
:global(.copper) .tooltip.above.leftArrow .tooltipArrow {
  background-image: linear-gradient(to left, inherit 1px, transparent 1px), linear-gradient(to bottom left, inherit 50%, inherit 50%, inherit calc(50% + 1px), transparent calc(50% + 1px));
}
:global(.copper) .tooltip.above.centerArrow .tooltipArrow {
  background-image: linear-gradient(to bottom right, inherit 50%, inherit 50%, inherit calc(50% + 1px), transparent calc(50% + 1px));
}
:global(.copper) .tooltip.above.centerArrow .tooltipArrow::after {
  background-image: linear-gradient(to bottom left, inherit 50%, inherit 50%, inherit calc(50% + 1px), transparent calc(50% + 1px));
}
:global(.copper) .tooltip.above.rightArrow .tooltipArrow {
  background-image: linear-gradient(to right, inherit 1px, transparent 1px), linear-gradient(to bottom right, inherit 50%, inherit 50%, inherit calc(50% + 1px), transparent calc(50% + 1px));
}
:global(.copper) .tooltip.left.topArrow .tooltipArrow {
  background-image: linear-gradient(to top, inherit 1px, transparent 1px), linear-gradient(to right top, inherit 50%, inherit 50%, inherit calc(50% + 1px), transparent calc(50% + 1px));
}
:global(.copper) .tooltip.left.middleArrow .tooltipArrow {
  background-image: linear-gradient(to bottom right, inherit 50%, inherit 50%, inherit calc(50% + 1px), transparent calc(50% + 1px));
}
:global(.copper) .tooltip.left.middleArrow .tooltipArrow::after {
  background-image: linear-gradient(to top right, inherit 50%, inherit 50%, inherit calc(50% + 1px), transparent calc(50% + 1px));
}
:global(.copper) .tooltip.left.bottomArrow .tooltipArrow {
  background-image: linear-gradient(to bottom, inherit 1px, transparent 1px), linear-gradient(to right bottom, inherit 50%, inherit 50%, inherit calc(50% + 1px), transparent calc(50% + 1px));
}
:global(.copper) .tooltip.right.topArrow .tooltipArrow {
  background-image: linear-gradient(to top, inherit 1px, transparent 1px), linear-gradient(to left top, inherit 50%, inherit 50%, inherit calc(50% + 1px), transparent calc(50% + 1px));
}
:global(.copper) .tooltip.right.middleArrow .tooltipArrow {
  background-image: linear-gradient(to bottom left, inherit 50%, inherit 50%, inherit calc(50% + 1px), transparent calc(50% + 1px));
}
:global(.copper) .tooltip.right.middleArrow .tooltipArrow::after {
  background-image: linear-gradient(to top left, inherit 50%, inherit 50%, inherit calc(50% + 1px), transparent calc(50% + 1px));
}
:global(.copper) .tooltip.right.bottomArrow .tooltipArrow {
  background-image: linear-gradient(to bottom, inherit 1px, transparent 1px), linear-gradient(to left bottom, inherit 50%, inherit 50%, inherit calc(50% + 1px), transparent calc(50% + 1px));
}
:global(.copper) .tooltip .tooltipLabel {
  color: inherit;
  background-color: inherit;
  border: 1px solid inherit;
}
:global(.copper):global(.night) .tooltip {
  position: absolute;
  z-index: 1;
}
:global(.copper):global(.night) .tooltip .tooltipArrow {
  position: absolute;
  width: 0.5rem;
  height: 0.5rem;
  z-index: 1;
}
:global(.copper):global(.night) .tooltip.rightArrow .tooltipArrow,
:global(.copper):global(.night) .tooltip.leftArrow .tooltipArrow {
  width: 0.5rem;
  height: 0.5rem;
}
:global(.copper):global(.night) .tooltip.centerArrow .tooltipArrow::after,
:global(.copper):global(.night) .tooltip.middleArrow .tooltipArrow::after {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
}
:global(.copper):global(.night) .tooltip.centerArrow .tooltipArrow {
  width: 0.375rem;
  height: 0.5rem;
  left: 50%;
}
:global(.copper):global(.night) .tooltip.centerArrow .tooltipArrow::after {
  right: 0.29167rem;
}
:global(.copper):global(.night) .tooltip.middleArrow .tooltipArrow {
  width: 0.5rem;
  height: 0.33333rem;
  top: 50%;
}
:global(.copper):global(.night) .tooltip.middleArrow .tooltipArrow::after {
  bottom: 99%;
  left: 0;
}
:global(.copper):global(.night) .tooltip .tooltipLabel {
  font-size: inherit;
  font-weight: 700;
  line-height: 1.875rem;
  white-space: nowrap;
  padding: 0.125rem 0.75rem;
  border-radius: 0.125rem;
}
:global(.enact-locale-right-to-left) :global(.copper):global(.night) .tooltip .tooltipLabel {
  text-align: right;
}
:global(.copper):global(.night) .tooltip .tooltipLabel.multi {
  white-space: normal;
}
:global(.enact-locale-ja) :global(.copper):global(.night) .tooltip .tooltipLabel.multi {
  line-break: strict;
}
:global(.copper):global(.night) .tooltip.below .tooltipArrow {
  top: 0.41667rem;
}
:global(.copper):global(.night) .tooltip.below .tooltipLabel {
  margin-top: 0.875rem;
}
:global(.copper):global(.night) .tooltip.below.leftArrow .tooltipArrow {
  right: 0;
}
:global(.copper):global(.night) .tooltip.below.leftArrow .tooltipLabel {
  text-align: right;
  border-top-right-radius: 0;
}
:global(.copper):global(.night) .tooltip.below.centerArrow .tooltipArrow {
  left: 50%;
}
:global(.copper):global(.night) .tooltip.below.rightArrow .tooltipArrow {
  left: 0;
}
:global(.copper):global(.night) .tooltip.below.rightArrow .tooltipLabel {
  border-top-left-radius: 0;
}
:global(.copper):global(.night) .tooltip.above .tooltipArrow {
  bottom: 0.4375rem;
}
:global(.copper):global(.night) .tooltip.above .tooltipLabel {
  margin-bottom: 0.875rem;
}
:global(.copper):global(.night) .tooltip.above.leftArrow .tooltipArrow {
  right: 0;
}
:global(.copper):global(.night) .tooltip.above.leftArrow .tooltipLabel {
  text-align: right;
  border-bottom-right-radius: 0;
}
:global(.copper):global(.night) .tooltip.above.rightArrow .tooltipArrow {
  left: 0;
}
:global(.copper):global(.night) .tooltip.above.rightArrow .tooltipLabel {
  border-bottom-left-radius: 0;
}
:global(.copper):global(.night) .tooltip.left .tooltipArrow {
  right: 0.41667rem;
}
:global(.copper):global(.night) .tooltip.left .tooltipLabel {
  margin-right: 0.875rem;
}
:global(.copper):global(.night) .tooltip.left.topArrow .tooltipArrow {
  bottom: 0;
}
:global(.copper):global(.night) .tooltip.left.topArrow .tooltipLabel {
  border-bottom-right-radius: 0;
}
:global(.copper):global(.night) .tooltip.left.middleArrow .tooltipArrow {
  right: 0.4375rem;
}
:global(.copper):global(.night) .tooltip.left.bottomArrow .tooltipLabel {
  border-top-right-radius: 0;
}
:global(.copper):global(.night) .tooltip.right .tooltipArrow {
  left: 0.41667rem;
}
:global(.copper):global(.night) .tooltip.right .tooltipLabel {
  margin-left: 0.875rem;
}
:global(.copper):global(.night) .tooltip.right.topArrow .tooltipArrow {
  bottom: 0;
}
:global(.copper):global(.night) .tooltip.right.topArrow .tooltipLabel {
  border-bottom-left-radius: 0;
}
:global(.copper):global(.night) .tooltip.right.middleArrow .tooltipArrow {
  left: 0.4375rem;
}
:global(.copper):global(.night) .tooltip.right.bottomArrow .tooltipLabel {
  border-top-left-radius: 0;
}
:global(.copper):global(.night) .tooltip.absolute {
  width: 0;
  height: 0;
}
:global(.copper):global(.night) .tooltip.absolute .tooltipAnchor {
  position: absolute;
}
:global(.copper):global(.night) .tooltip.absolute.below.leftArrow .tooltipAnchor {
  transform: translateX(-100%);
}
:global(.copper):global(.night) .tooltip.absolute.below.centerArrow .tooltipAnchor {
  transform: translateX(-50%);
}
:global(.copper):global(.night) .tooltip.absolute.below.rightArrow .tooltipAnchor {
  /* transform: translate(0, 0); */
}
:global(.copper):global(.night) .tooltip.absolute.above.leftArrow .tooltipAnchor {
  transform: translate(-100%, -100%);
}
:global(.copper):global(.night) .tooltip.absolute.above.centerArrow .tooltipAnchor {
  transform: translate(-50%, -100%);
}
:global(.copper):global(.night) .tooltip.absolute.above.rightArrow .tooltipAnchor {
  transform: translate(0, -100%);
}
:global(.copper):global(.night) .tooltip.absolute.left.topArrow .tooltipAnchor {
  transform: translate(-100%, -100%);
}
:global(.copper):global(.night) .tooltip.absolute.left.middleArrow .tooltipAnchor {
  transform: translate(-100%, -50%);
}
:global(.copper):global(.night) .tooltip.absolute.left.bottomArrow .tooltipAnchor {
  transform: translate(-100%, 0);
}
:global(.copper):global(.night) .tooltip.absolute.right.topArrow .tooltipAnchor {
  transform: translate(0, -100%);
}
:global(.copper):global(.night) .tooltip.absolute.right.middleArrow .tooltipAnchor {
  transform: translate(0, -50%);
}
:global(.copper):global(.night) .tooltip.absolute.right.bottomArrow .tooltipAnchor {
  /* transform: translate(0, 0); */
}
:global(.copper):global(.night) .tooltip.relative.below {
  top: 100%;
}
:global(.copper):global(.night) .tooltip.relative.below.leftArrow {
  right: 50%;
}
:global(.copper):global(.night) .tooltip.relative.below.centerArrow,
:global(.copper):global(.night) .tooltip.relative.below.rightArrow {
  left: 50%;
}
:global(.copper):global(.night) .tooltip.relative.below.centerArrow {
  transform: translateX(-50%);
}
:global(.copper):global(.night) .tooltip.relative.above {
  bottom: 100%;
}
:global(.copper):global(.night) .tooltip.relative.above.leftArrow {
  right: 50%;
}
:global(.copper):global(.night) .tooltip.relative.above.centerArrow,
:global(.copper):global(.night) .tooltip.relative.above.rightArrow {
  left: 50%;
}
:global(.copper):global(.night) .tooltip.relative.above.centerArrow {
  transform: translateX(-50%);
}
:global(.copper):global(.night) .tooltip.relative.left {
  right: 100%;
}
:global(.copper):global(.night) .tooltip.relative.left.topArrow {
  bottom: 50%;
}
:global(.copper):global(.night) .tooltip.relative.left.middleArrow,
:global(.copper):global(.night) .tooltip.relative.left.bottomArrow {
  top: 50%;
}
:global(.copper):global(.night) .tooltip.relative.left.middleArrow {
  transform: translateY(-50%);
}
:global(.copper):global(.night) .tooltip.relative.right {
  left: 100%;
}
:global(.copper):global(.night) .tooltip.relative.right.topArrow {
  bottom: 50%;
}
:global(.copper):global(.night) .tooltip.relative.right.middleArrow,
:global(.copper):global(.night) .tooltip.relative.right.bottomArrow {
  top: 50%;
}
:global(.copper):global(.night) .tooltip.relative.right.middleArrow {
  transform: translateY(-50%);
}
:global(.enact-locale-right-to-left) :global(.copper):global(.night) .tooltip {
  direction: ltr;
}
:global(.enact-locale-right-to-left) :global(.copper):global(.night) .tooltip .tooltipAnchor {
  direction: rtl;
}
:global(.copper):global(.night) .tooltip.below.leftArrow .tooltipArrow {
  background-image: linear-gradient(to left, inherit 1px, transparent 1px), linear-gradient(to top left, inherit 50%, inherit 50%, inherit calc(50% + 1px), transparent calc(50% + 1px));
}
:global(.copper):global(.night) .tooltip.below.centerArrow .tooltipArrow {
  background-image: linear-gradient(to top right, inherit 50%, inherit 50%, inherit calc(50% + 1px), transparent calc(50% + 1px));
}
:global(.copper):global(.night) .tooltip.below.centerArrow .tooltipArrow::after {
  background-image: linear-gradient(to top left, inherit 50%, inherit 50%, inherit calc(50% + 1px), transparent calc(50% + 1px));
}
:global(.copper):global(.night) .tooltip.below.rightArrow .tooltipArrow {
  background-image: linear-gradient(to right, inherit 1px, transparent 1px), linear-gradient(to top right, inherit 50%, inherit 50%, inherit calc(50% + 1px), transparent calc(50% + 1px));
}
:global(.copper):global(.night) .tooltip.above.leftArrow .tooltipArrow {
  background-image: linear-gradient(to left, inherit 1px, transparent 1px), linear-gradient(to bottom left, inherit 50%, inherit 50%, inherit calc(50% + 1px), transparent calc(50% + 1px));
}
:global(.copper):global(.night) .tooltip.above.centerArrow .tooltipArrow {
  background-image: linear-gradient(to bottom right, inherit 50%, inherit 50%, inherit calc(50% + 1px), transparent calc(50% + 1px));
}
:global(.copper):global(.night) .tooltip.above.centerArrow .tooltipArrow::after {
  background-image: linear-gradient(to bottom left, inherit 50%, inherit 50%, inherit calc(50% + 1px), transparent calc(50% + 1px));
}
:global(.copper):global(.night) .tooltip.above.rightArrow .tooltipArrow {
  background-image: linear-gradient(to right, inherit 1px, transparent 1px), linear-gradient(to bottom right, inherit 50%, inherit 50%, inherit calc(50% + 1px), transparent calc(50% + 1px));
}
:global(.copper):global(.night) .tooltip.left.topArrow .tooltipArrow {
  background-image: linear-gradient(to top, inherit 1px, transparent 1px), linear-gradient(to right top, inherit 50%, inherit 50%, inherit calc(50% + 1px), transparent calc(50% + 1px));
}
:global(.copper):global(.night) .tooltip.left.middleArrow .tooltipArrow {
  background-image: linear-gradient(to bottom right, inherit 50%, inherit 50%, inherit calc(50% + 1px), transparent calc(50% + 1px));
}
:global(.copper):global(.night) .tooltip.left.middleArrow .tooltipArrow::after {
  background-image: linear-gradient(to top right, inherit 50%, inherit 50%, inherit calc(50% + 1px), transparent calc(50% + 1px));
}
:global(.copper):global(.night) .tooltip.left.bottomArrow .tooltipArrow {
  background-image: linear-gradient(to bottom, inherit 1px, transparent 1px), linear-gradient(to right bottom, inherit 50%, inherit 50%, inherit calc(50% + 1px), transparent calc(50% + 1px));
}
:global(.copper):global(.night) .tooltip.right.topArrow .tooltipArrow {
  background-image: linear-gradient(to top, inherit 1px, transparent 1px), linear-gradient(to left top, inherit 50%, inherit 50%, inherit calc(50% + 1px), transparent calc(50% + 1px));
}
:global(.copper):global(.night) .tooltip.right.middleArrow .tooltipArrow {
  background-image: linear-gradient(to bottom left, inherit 50%, inherit 50%, inherit calc(50% + 1px), transparent calc(50% + 1px));
}
:global(.copper):global(.night) .tooltip.right.middleArrow .tooltipArrow::after {
  background-image: linear-gradient(to top left, inherit 50%, inherit 50%, inherit calc(50% + 1px), transparent calc(50% + 1px));
}
:global(.copper):global(.night) .tooltip.right.bottomArrow .tooltipArrow {
  background-image: linear-gradient(to bottom, inherit 1px, transparent 1px), linear-gradient(to left bottom, inherit 50%, inherit 50%, inherit calc(50% + 1px), transparent calc(50% + 1px));
}
:global(.copper):global(.night) .tooltip .tooltipLabel {
  color: inherit;
  background-color: inherit;
  border: 1px solid inherit;
}
:global(.electro) .tooltip {
  position: absolute;
  z-index: 1;
}
:global(.electro) .tooltip .tooltipArrow {
  position: absolute;
  width: 0.5rem;
  height: 0.5rem;
  z-index: 1;
}
:global(.electro) .tooltip.rightArrow .tooltipArrow,
:global(.electro) .tooltip.leftArrow .tooltipArrow {
  width: 0.5rem;
  height: 0.5rem;
}
:global(.electro) .tooltip.centerArrow .tooltipArrow::after,
:global(.electro) .tooltip.middleArrow .tooltipArrow::after {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
}
:global(.electro) .tooltip.centerArrow .tooltipArrow {
  width: 0.375rem;
  height: 0.5rem;
  left: 50%;
}
:global(.electro) .tooltip.centerArrow .tooltipArrow::after {
  right: 0.29167rem;
}
:global(.electro) .tooltip.middleArrow .tooltipArrow {
  width: 0.5rem;
  height: 0.33333rem;
  top: 50%;
}
:global(.electro) .tooltip.middleArrow .tooltipArrow::after {
  bottom: 99%;
  left: 0;
}
:global(.electro) .tooltip .tooltipLabel {
  font-size: inherit;
  font-weight: normal;
  line-height: 1.875rem;
  white-space: nowrap;
  padding: 0.125rem 0.75rem;
  border-radius: 0.125rem;
}
:global(.enact-locale-right-to-left) :global(.electro) .tooltip .tooltipLabel {
  text-align: right;
}
:global(.electro) .tooltip .tooltipLabel.multi {
  white-space: normal;
}
:global(.enact-locale-ja) :global(.electro) .tooltip .tooltipLabel.multi {
  line-break: strict;
}
:global(.electro) .tooltip.below .tooltipArrow {
  top: 0.41667rem;
}
:global(.electro) .tooltip.below .tooltipLabel {
  margin-top: 0.875rem;
}
:global(.electro) .tooltip.below.leftArrow .tooltipArrow {
  right: 0;
}
:global(.electro) .tooltip.below.leftArrow .tooltipLabel {
  text-align: right;
  border-top-right-radius: 0;
}
:global(.electro) .tooltip.below.centerArrow .tooltipArrow {
  left: 50%;
}
:global(.electro) .tooltip.below.rightArrow .tooltipArrow {
  left: 0;
}
:global(.electro) .tooltip.below.rightArrow .tooltipLabel {
  border-top-left-radius: 0;
}
:global(.electro) .tooltip.above .tooltipArrow {
  bottom: 0.4375rem;
}
:global(.electro) .tooltip.above .tooltipLabel {
  margin-bottom: 0.875rem;
}
:global(.electro) .tooltip.above.leftArrow .tooltipArrow {
  right: 0;
}
:global(.electro) .tooltip.above.leftArrow .tooltipLabel {
  text-align: right;
  border-bottom-right-radius: 0;
}
:global(.electro) .tooltip.above.rightArrow .tooltipArrow {
  left: 0;
}
:global(.electro) .tooltip.above.rightArrow .tooltipLabel {
  border-bottom-left-radius: 0;
}
:global(.electro) .tooltip.left .tooltipArrow {
  right: 0.41667rem;
}
:global(.electro) .tooltip.left .tooltipLabel {
  margin-right: 0.875rem;
}
:global(.electro) .tooltip.left.topArrow .tooltipArrow {
  bottom: 0;
}
:global(.electro) .tooltip.left.topArrow .tooltipLabel {
  border-bottom-right-radius: 0;
}
:global(.electro) .tooltip.left.middleArrow .tooltipArrow {
  right: 0.4375rem;
}
:global(.electro) .tooltip.left.bottomArrow .tooltipLabel {
  border-top-right-radius: 0;
}
:global(.electro) .tooltip.right .tooltipArrow {
  left: 0.41667rem;
}
:global(.electro) .tooltip.right .tooltipLabel {
  margin-left: 0.875rem;
}
:global(.electro) .tooltip.right.topArrow .tooltipArrow {
  bottom: 0;
}
:global(.electro) .tooltip.right.topArrow .tooltipLabel {
  border-bottom-left-radius: 0;
}
:global(.electro) .tooltip.right.middleArrow .tooltipArrow {
  left: 0.4375rem;
}
:global(.electro) .tooltip.right.bottomArrow .tooltipLabel {
  border-top-left-radius: 0;
}
:global(.electro) .tooltip.absolute {
  width: 0;
  height: 0;
}
:global(.electro) .tooltip.absolute .tooltipAnchor {
  position: absolute;
}
:global(.electro) .tooltip.absolute.below.leftArrow .tooltipAnchor {
  transform: translateX(-100%);
}
:global(.electro) .tooltip.absolute.below.centerArrow .tooltipAnchor {
  transform: translateX(-50%);
}
:global(.electro) .tooltip.absolute.below.rightArrow .tooltipAnchor {
  /* transform: translate(0, 0); */
}
:global(.electro) .tooltip.absolute.above.leftArrow .tooltipAnchor {
  transform: translate(-100%, -100%);
}
:global(.electro) .tooltip.absolute.above.centerArrow .tooltipAnchor {
  transform: translate(-50%, -100%);
}
:global(.electro) .tooltip.absolute.above.rightArrow .tooltipAnchor {
  transform: translate(0, -100%);
}
:global(.electro) .tooltip.absolute.left.topArrow .tooltipAnchor {
  transform: translate(-100%, -100%);
}
:global(.electro) .tooltip.absolute.left.middleArrow .tooltipAnchor {
  transform: translate(-100%, -50%);
}
:global(.electro) .tooltip.absolute.left.bottomArrow .tooltipAnchor {
  transform: translate(-100%, 0);
}
:global(.electro) .tooltip.absolute.right.topArrow .tooltipAnchor {
  transform: translate(0, -100%);
}
:global(.electro) .tooltip.absolute.right.middleArrow .tooltipAnchor {
  transform: translate(0, -50%);
}
:global(.electro) .tooltip.absolute.right.bottomArrow .tooltipAnchor {
  /* transform: translate(0, 0); */
}
:global(.electro) .tooltip.relative.below {
  top: 100%;
}
:global(.electro) .tooltip.relative.below.leftArrow {
  right: 50%;
}
:global(.electro) .tooltip.relative.below.centerArrow,
:global(.electro) .tooltip.relative.below.rightArrow {
  left: 50%;
}
:global(.electro) .tooltip.relative.below.centerArrow {
  transform: translateX(-50%);
}
:global(.electro) .tooltip.relative.above {
  bottom: 100%;
}
:global(.electro) .tooltip.relative.above.leftArrow {
  right: 50%;
}
:global(.electro) .tooltip.relative.above.centerArrow,
:global(.electro) .tooltip.relative.above.rightArrow {
  left: 50%;
}
:global(.electro) .tooltip.relative.above.centerArrow {
  transform: translateX(-50%);
}
:global(.electro) .tooltip.relative.left {
  right: 100%;
}
:global(.electro) .tooltip.relative.left.topArrow {
  bottom: 50%;
}
:global(.electro) .tooltip.relative.left.middleArrow,
:global(.electro) .tooltip.relative.left.bottomArrow {
  top: 50%;
}
:global(.electro) .tooltip.relative.left.middleArrow {
  transform: translateY(-50%);
}
:global(.electro) .tooltip.relative.right {
  left: 100%;
}
:global(.electro) .tooltip.relative.right.topArrow {
  bottom: 50%;
}
:global(.electro) .tooltip.relative.right.middleArrow,
:global(.electro) .tooltip.relative.right.bottomArrow {
  top: 50%;
}
:global(.electro) .tooltip.relative.right.middleArrow {
  transform: translateY(-50%);
}
:global(.enact-locale-right-to-left) :global(.electro) .tooltip {
  direction: ltr;
}
:global(.enact-locale-right-to-left) :global(.electro) .tooltip .tooltipAnchor {
  direction: rtl;
}
:global(.electro) .tooltip.below.leftArrow .tooltipArrow {
  background-image: linear-gradient(to left, inherit 1px, transparent 1px), linear-gradient(to top left, inherit 50%, inherit 50%, inherit calc(50% + 1px), transparent calc(50% + 1px));
}
:global(.electro) .tooltip.below.centerArrow .tooltipArrow {
  background-image: linear-gradient(to top right, inherit 50%, inherit 50%, inherit calc(50% + 1px), transparent calc(50% + 1px));
}
:global(.electro) .tooltip.below.centerArrow .tooltipArrow::after {
  background-image: linear-gradient(to top left, inherit 50%, inherit 50%, inherit calc(50% + 1px), transparent calc(50% + 1px));
}
:global(.electro) .tooltip.below.rightArrow .tooltipArrow {
  background-image: linear-gradient(to right, inherit 1px, transparent 1px), linear-gradient(to top right, inherit 50%, inherit 50%, inherit calc(50% + 1px), transparent calc(50% + 1px));
}
:global(.electro) .tooltip.above.leftArrow .tooltipArrow {
  background-image: linear-gradient(to left, inherit 1px, transparent 1px), linear-gradient(to bottom left, inherit 50%, inherit 50%, inherit calc(50% + 1px), transparent calc(50% + 1px));
}
:global(.electro) .tooltip.above.centerArrow .tooltipArrow {
  background-image: linear-gradient(to bottom right, inherit 50%, inherit 50%, inherit calc(50% + 1px), transparent calc(50% + 1px));
}
:global(.electro) .tooltip.above.centerArrow .tooltipArrow::after {
  background-image: linear-gradient(to bottom left, inherit 50%, inherit 50%, inherit calc(50% + 1px), transparent calc(50% + 1px));
}
:global(.electro) .tooltip.above.rightArrow .tooltipArrow {
  background-image: linear-gradient(to right, inherit 1px, transparent 1px), linear-gradient(to bottom right, inherit 50%, inherit 50%, inherit calc(50% + 1px), transparent calc(50% + 1px));
}
:global(.electro) .tooltip.left.topArrow .tooltipArrow {
  background-image: linear-gradient(to top, inherit 1px, transparent 1px), linear-gradient(to right top, inherit 50%, inherit 50%, inherit calc(50% + 1px), transparent calc(50% + 1px));
}
:global(.electro) .tooltip.left.middleArrow .tooltipArrow {
  background-image: linear-gradient(to bottom right, inherit 50%, inherit 50%, inherit calc(50% + 1px), transparent calc(50% + 1px));
}
:global(.electro) .tooltip.left.middleArrow .tooltipArrow::after {
  background-image: linear-gradient(to top right, inherit 50%, inherit 50%, inherit calc(50% + 1px), transparent calc(50% + 1px));
}
:global(.electro) .tooltip.left.bottomArrow .tooltipArrow {
  background-image: linear-gradient(to bottom, inherit 1px, transparent 1px), linear-gradient(to right bottom, inherit 50%, inherit 50%, inherit calc(50% + 1px), transparent calc(50% + 1px));
}
:global(.electro) .tooltip.right.topArrow .tooltipArrow {
  background-image: linear-gradient(to top, inherit 1px, transparent 1px), linear-gradient(to left top, inherit 50%, inherit 50%, inherit calc(50% + 1px), transparent calc(50% + 1px));
}
:global(.electro) .tooltip.right.middleArrow .tooltipArrow {
  background-image: linear-gradient(to bottom left, inherit 50%, inherit 50%, inherit calc(50% + 1px), transparent calc(50% + 1px));
}
:global(.electro) .tooltip.right.middleArrow .tooltipArrow::after {
  background-image: linear-gradient(to top left, inherit 50%, inherit 50%, inherit calc(50% + 1px), transparent calc(50% + 1px));
}
:global(.electro) .tooltip.right.bottomArrow .tooltipArrow {
  background-image: linear-gradient(to bottom, inherit 1px, transparent 1px), linear-gradient(to left bottom, inherit 50%, inherit 50%, inherit calc(50% + 1px), transparent calc(50% + 1px));
}
:global(.electro) .tooltip .tooltipLabel {
  color: inherit;
  background-color: inherit;
  border: 1px solid inherit;
}
:global(.gallium) .tooltip {
  position: absolute;
  z-index: 1;
}
:global(.gallium) .tooltip .tooltipArrow {
  position: absolute;
  width: 0.5rem;
  height: 0.5rem;
  z-index: 1;
}
:global(.gallium) .tooltip.rightArrow .tooltipArrow,
:global(.gallium) .tooltip.leftArrow .tooltipArrow {
  width: 0.5rem;
  height: 0.5rem;
}
:global(.gallium) .tooltip.centerArrow .tooltipArrow::after,
:global(.gallium) .tooltip.middleArrow .tooltipArrow::after {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
}
:global(.gallium) .tooltip.centerArrow .tooltipArrow {
  width: 0.375rem;
  height: 0.5rem;
  left: 50%;
}
:global(.gallium) .tooltip.centerArrow .tooltipArrow::after {
  right: 0.29167rem;
}
:global(.gallium) .tooltip.middleArrow .tooltipArrow {
  width: 0.5rem;
  height: 0.33333rem;
  top: 50%;
}
:global(.gallium) .tooltip.middleArrow .tooltipArrow::after {
  bottom: 99%;
  left: 0;
}
:global(.gallium) .tooltip .tooltipLabel {
  font-size: 1.125rem;
  font-weight: normal;
  line-height: 1.875rem;
  white-space: nowrap;
  padding: 0.125rem 0.75rem;
  border-radius: 0.125rem;
}
:global(.enact-locale-right-to-left) :global(.gallium) .tooltip .tooltipLabel {
  text-align: right;
}
:global(.gallium) .tooltip .tooltipLabel.multi {
  white-space: normal;
}
:global(.enact-locale-ja) :global(.gallium) .tooltip .tooltipLabel.multi {
  line-break: strict;
}
:global(.gallium) .tooltip.below .tooltipArrow {
  top: 0.41667rem;
}
:global(.gallium) .tooltip.below .tooltipLabel {
  margin-top: 0.875rem;
}
:global(.gallium) .tooltip.below.leftArrow .tooltipArrow {
  right: 0;
}
:global(.gallium) .tooltip.below.leftArrow .tooltipLabel {
  text-align: right;
  border-top-right-radius: 0;
}
:global(.gallium) .tooltip.below.centerArrow .tooltipArrow {
  left: 50%;
}
:global(.gallium) .tooltip.below.rightArrow .tooltipArrow {
  left: 0;
}
:global(.gallium) .tooltip.below.rightArrow .tooltipLabel {
  border-top-left-radius: 0;
}
:global(.gallium) .tooltip.above .tooltipArrow {
  bottom: 0.4375rem;
}
:global(.gallium) .tooltip.above .tooltipLabel {
  margin-bottom: 0.875rem;
}
:global(.gallium) .tooltip.above.leftArrow .tooltipArrow {
  right: 0;
}
:global(.gallium) .tooltip.above.leftArrow .tooltipLabel {
  text-align: right;
  border-bottom-right-radius: 0;
}
:global(.gallium) .tooltip.above.rightArrow .tooltipArrow {
  left: 0;
}
:global(.gallium) .tooltip.above.rightArrow .tooltipLabel {
  border-bottom-left-radius: 0;
}
:global(.gallium) .tooltip.left .tooltipArrow {
  right: 0.41667rem;
}
:global(.gallium) .tooltip.left .tooltipLabel {
  margin-right: 0.875rem;
}
:global(.gallium) .tooltip.left.topArrow .tooltipArrow {
  bottom: 0;
}
:global(.gallium) .tooltip.left.topArrow .tooltipLabel {
  border-bottom-right-radius: 0;
}
:global(.gallium) .tooltip.left.middleArrow .tooltipArrow {
  right: 0.4375rem;
}
:global(.gallium) .tooltip.left.bottomArrow .tooltipLabel {
  border-top-right-radius: 0;
}
:global(.gallium) .tooltip.right .tooltipArrow {
  left: 0.41667rem;
}
:global(.gallium) .tooltip.right .tooltipLabel {
  margin-left: 0.875rem;
}
:global(.gallium) .tooltip.right.topArrow .tooltipArrow {
  bottom: 0;
}
:global(.gallium) .tooltip.right.topArrow .tooltipLabel {
  border-bottom-left-radius: 0;
}
:global(.gallium) .tooltip.right.middleArrow .tooltipArrow {
  left: 0.4375rem;
}
:global(.gallium) .tooltip.right.bottomArrow .tooltipLabel {
  border-top-left-radius: 0;
}
:global(.gallium) .tooltip.absolute {
  width: 0;
  height: 0;
}
:global(.gallium) .tooltip.absolute .tooltipAnchor {
  position: absolute;
}
:global(.gallium) .tooltip.absolute.below.leftArrow .tooltipAnchor {
  transform: translateX(-100%);
}
:global(.gallium) .tooltip.absolute.below.centerArrow .tooltipAnchor {
  transform: translateX(-50%);
}
:global(.gallium) .tooltip.absolute.below.rightArrow .tooltipAnchor {
  /* transform: translate(0, 0); */
}
:global(.gallium) .tooltip.absolute.above.leftArrow .tooltipAnchor {
  transform: translate(-100%, -100%);
}
:global(.gallium) .tooltip.absolute.above.centerArrow .tooltipAnchor {
  transform: translate(-50%, -100%);
}
:global(.gallium) .tooltip.absolute.above.rightArrow .tooltipAnchor {
  transform: translate(0, -100%);
}
:global(.gallium) .tooltip.absolute.left.topArrow .tooltipAnchor {
  transform: translate(-100%, -100%);
}
:global(.gallium) .tooltip.absolute.left.middleArrow .tooltipAnchor {
  transform: translate(-100%, -50%);
}
:global(.gallium) .tooltip.absolute.left.bottomArrow .tooltipAnchor {
  transform: translate(-100%, 0);
}
:global(.gallium) .tooltip.absolute.right.topArrow .tooltipAnchor {
  transform: translate(0, -100%);
}
:global(.gallium) .tooltip.absolute.right.middleArrow .tooltipAnchor {
  transform: translate(0, -50%);
}
:global(.gallium) .tooltip.absolute.right.bottomArrow .tooltipAnchor {
  /* transform: translate(0, 0); */
}
:global(.gallium) .tooltip.relative.below {
  top: 100%;
}
:global(.gallium) .tooltip.relative.below.leftArrow {
  right: 50%;
}
:global(.gallium) .tooltip.relative.below.centerArrow,
:global(.gallium) .tooltip.relative.below.rightArrow {
  left: 50%;
}
:global(.gallium) .tooltip.relative.below.centerArrow {
  transform: translateX(-50%);
}
:global(.gallium) .tooltip.relative.above {
  bottom: 100%;
}
:global(.gallium) .tooltip.relative.above.leftArrow {
  right: 50%;
}
:global(.gallium) .tooltip.relative.above.centerArrow,
:global(.gallium) .tooltip.relative.above.rightArrow {
  left: 50%;
}
:global(.gallium) .tooltip.relative.above.centerArrow {
  transform: translateX(-50%);
}
:global(.gallium) .tooltip.relative.left {
  right: 100%;
}
:global(.gallium) .tooltip.relative.left.topArrow {
  bottom: 50%;
}
:global(.gallium) .tooltip.relative.left.middleArrow,
:global(.gallium) .tooltip.relative.left.bottomArrow {
  top: 50%;
}
:global(.gallium) .tooltip.relative.left.middleArrow {
  transform: translateY(-50%);
}
:global(.gallium) .tooltip.relative.right {
  left: 100%;
}
:global(.gallium) .tooltip.relative.right.topArrow {
  bottom: 50%;
}
:global(.gallium) .tooltip.relative.right.middleArrow,
:global(.gallium) .tooltip.relative.right.bottomArrow {
  top: 50%;
}
:global(.gallium) .tooltip.relative.right.middleArrow {
  transform: translateY(-50%);
}
:global(.enact-locale-right-to-left) :global(.gallium) .tooltip {
  direction: ltr;
}
:global(.enact-locale-right-to-left) :global(.gallium) .tooltip .tooltipAnchor {
  direction: rtl;
}
:global(.gallium) .tooltip.below.leftArrow .tooltipArrow {
  background-image: linear-gradient(to left, #5e5e5e 1px, transparent 1px), linear-gradient(to top left, #373737 50%, #5e5e5e 50%, #5e5e5e calc(50% + 1px), transparent calc(50% + 1px));
}
:global(.gallium) .tooltip.below.centerArrow .tooltipArrow {
  background-image: linear-gradient(to top right, #373737 50%, #5e5e5e 50%, #5e5e5e calc(50% + 1px), transparent calc(50% + 1px));
}
:global(.gallium) .tooltip.below.centerArrow .tooltipArrow::after {
  background-image: linear-gradient(to top left, #373737 50%, #5e5e5e 50%, #5e5e5e calc(50% + 1px), transparent calc(50% + 1px));
}
:global(.gallium) .tooltip.below.rightArrow .tooltipArrow {
  background-image: linear-gradient(to right, #5e5e5e 1px, transparent 1px), linear-gradient(to top right, #373737 50%, #5e5e5e 50%, #5e5e5e calc(50% + 1px), transparent calc(50% + 1px));
}
:global(.gallium) .tooltip.above.leftArrow .tooltipArrow {
  background-image: linear-gradient(to left, #5e5e5e 1px, transparent 1px), linear-gradient(to bottom left, #373737 50%, #5e5e5e 50%, #5e5e5e calc(50% + 1px), transparent calc(50% + 1px));
}
:global(.gallium) .tooltip.above.centerArrow .tooltipArrow {
  background-image: linear-gradient(to bottom right, #373737 50%, #5e5e5e 50%, #5e5e5e calc(50% + 1px), transparent calc(50% + 1px));
}
:global(.gallium) .tooltip.above.centerArrow .tooltipArrow::after {
  background-image: linear-gradient(to bottom left, #373737 50%, #5e5e5e 50%, #5e5e5e calc(50% + 1px), transparent calc(50% + 1px));
}
:global(.gallium) .tooltip.above.rightArrow .tooltipArrow {
  background-image: linear-gradient(to right, #5e5e5e 1px, transparent 1px), linear-gradient(to bottom right, #373737 50%, #5e5e5e 50%, #5e5e5e calc(50% + 1px), transparent calc(50% + 1px));
}
:global(.gallium) .tooltip.left.topArrow .tooltipArrow {
  background-image: linear-gradient(to top, #5e5e5e 1px, transparent 1px), linear-gradient(to right top, #373737 50%, #5e5e5e 50%, #5e5e5e calc(50% + 1px), transparent calc(50% + 1px));
}
:global(.gallium) .tooltip.left.middleArrow .tooltipArrow {
  background-image: linear-gradient(to bottom right, #373737 50%, #5e5e5e 50%, #5e5e5e calc(50% + 1px), transparent calc(50% + 1px));
}
:global(.gallium) .tooltip.left.middleArrow .tooltipArrow::after {
  background-image: linear-gradient(to top right, #373737 50%, #5e5e5e 50%, #5e5e5e calc(50% + 1px), transparent calc(50% + 1px));
}
:global(.gallium) .tooltip.left.bottomArrow .tooltipArrow {
  background-image: linear-gradient(to bottom, #5e5e5e 1px, transparent 1px), linear-gradient(to right bottom, #373737 50%, #5e5e5e 50%, #5e5e5e calc(50% + 1px), transparent calc(50% + 1px));
}
:global(.gallium) .tooltip.right.topArrow .tooltipArrow {
  background-image: linear-gradient(to top, #5e5e5e 1px, transparent 1px), linear-gradient(to left top, #373737 50%, #5e5e5e 50%, #5e5e5e calc(50% + 1px), transparent calc(50% + 1px));
}
:global(.gallium) .tooltip.right.middleArrow .tooltipArrow {
  background-image: linear-gradient(to bottom left, #373737 50%, #5e5e5e 50%, #5e5e5e calc(50% + 1px), transparent calc(50% + 1px));
}
:global(.gallium) .tooltip.right.middleArrow .tooltipArrow::after {
  background-image: linear-gradient(to top left, #373737 50%, #5e5e5e 50%, #5e5e5e calc(50% + 1px), transparent calc(50% + 1px));
}
:global(.gallium) .tooltip.right.bottomArrow .tooltipArrow {
  background-image: linear-gradient(to bottom, #5e5e5e 1px, transparent 1px), linear-gradient(to left bottom, #373737 50%, #5e5e5e 50%, #5e5e5e calc(50% + 1px), transparent calc(50% + 1px));
}
:global(.gallium) .tooltip .tooltipLabel {
  color: #ffffff;
  background-color: #373737;
  border: 1px solid #5e5e5e;
}
:global(.gallium):global(.night) .tooltip {
  position: absolute;
  z-index: 1;
}
:global(.gallium):global(.night) .tooltip .tooltipArrow {
  position: absolute;
  width: 0.5rem;
  height: 0.5rem;
  z-index: 1;
}
:global(.gallium):global(.night) .tooltip.rightArrow .tooltipArrow,
:global(.gallium):global(.night) .tooltip.leftArrow .tooltipArrow {
  width: 0.5rem;
  height: 0.5rem;
}
:global(.gallium):global(.night) .tooltip.centerArrow .tooltipArrow::after,
:global(.gallium):global(.night) .tooltip.middleArrow .tooltipArrow::after {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
}
:global(.gallium):global(.night) .tooltip.centerArrow .tooltipArrow {
  width: 0.375rem;
  height: 0.5rem;
  left: 50%;
}
:global(.gallium):global(.night) .tooltip.centerArrow .tooltipArrow::after {
  right: 0.29167rem;
}
:global(.gallium):global(.night) .tooltip.middleArrow .tooltipArrow {
  width: 0.5rem;
  height: 0.33333rem;
  top: 50%;
}
:global(.gallium):global(.night) .tooltip.middleArrow .tooltipArrow::after {
  bottom: 99%;
  left: 0;
}
:global(.gallium):global(.night) .tooltip .tooltipLabel {
  font-size: 1.125rem;
  font-weight: normal;
  line-height: 1.875rem;
  white-space: nowrap;
  padding: 0.125rem 0.75rem;
  border-radius: 0.125rem;
}
:global(.enact-locale-right-to-left) :global(.gallium):global(.night) .tooltip .tooltipLabel {
  text-align: right;
}
:global(.gallium):global(.night) .tooltip .tooltipLabel.multi {
  white-space: normal;
}
:global(.enact-locale-ja) :global(.gallium):global(.night) .tooltip .tooltipLabel.multi {
  line-break: strict;
}
:global(.gallium):global(.night) .tooltip.below .tooltipArrow {
  top: 0.41667rem;
}
:global(.gallium):global(.night) .tooltip.below .tooltipLabel {
  margin-top: 0.875rem;
}
:global(.gallium):global(.night) .tooltip.below.leftArrow .tooltipArrow {
  right: 0;
}
:global(.gallium):global(.night) .tooltip.below.leftArrow .tooltipLabel {
  text-align: right;
  border-top-right-radius: 0;
}
:global(.gallium):global(.night) .tooltip.below.centerArrow .tooltipArrow {
  left: 50%;
}
:global(.gallium):global(.night) .tooltip.below.rightArrow .tooltipArrow {
  left: 0;
}
:global(.gallium):global(.night) .tooltip.below.rightArrow .tooltipLabel {
  border-top-left-radius: 0;
}
:global(.gallium):global(.night) .tooltip.above .tooltipArrow {
  bottom: 0.4375rem;
}
:global(.gallium):global(.night) .tooltip.above .tooltipLabel {
  margin-bottom: 0.875rem;
}
:global(.gallium):global(.night) .tooltip.above.leftArrow .tooltipArrow {
  right: 0;
}
:global(.gallium):global(.night) .tooltip.above.leftArrow .tooltipLabel {
  text-align: right;
  border-bottom-right-radius: 0;
}
:global(.gallium):global(.night) .tooltip.above.rightArrow .tooltipArrow {
  left: 0;
}
:global(.gallium):global(.night) .tooltip.above.rightArrow .tooltipLabel {
  border-bottom-left-radius: 0;
}
:global(.gallium):global(.night) .tooltip.left .tooltipArrow {
  right: 0.41667rem;
}
:global(.gallium):global(.night) .tooltip.left .tooltipLabel {
  margin-right: 0.875rem;
}
:global(.gallium):global(.night) .tooltip.left.topArrow .tooltipArrow {
  bottom: 0;
}
:global(.gallium):global(.night) .tooltip.left.topArrow .tooltipLabel {
  border-bottom-right-radius: 0;
}
:global(.gallium):global(.night) .tooltip.left.middleArrow .tooltipArrow {
  right: 0.4375rem;
}
:global(.gallium):global(.night) .tooltip.left.bottomArrow .tooltipLabel {
  border-top-right-radius: 0;
}
:global(.gallium):global(.night) .tooltip.right .tooltipArrow {
  left: 0.41667rem;
}
:global(.gallium):global(.night) .tooltip.right .tooltipLabel {
  margin-left: 0.875rem;
}
:global(.gallium):global(.night) .tooltip.right.topArrow .tooltipArrow {
  bottom: 0;
}
:global(.gallium):global(.night) .tooltip.right.topArrow .tooltipLabel {
  border-bottom-left-radius: 0;
}
:global(.gallium):global(.night) .tooltip.right.middleArrow .tooltipArrow {
  left: 0.4375rem;
}
:global(.gallium):global(.night) .tooltip.right.bottomArrow .tooltipLabel {
  border-top-left-radius: 0;
}
:global(.gallium):global(.night) .tooltip.absolute {
  width: 0;
  height: 0;
}
:global(.gallium):global(.night) .tooltip.absolute .tooltipAnchor {
  position: absolute;
}
:global(.gallium):global(.night) .tooltip.absolute.below.leftArrow .tooltipAnchor {
  transform: translateX(-100%);
}
:global(.gallium):global(.night) .tooltip.absolute.below.centerArrow .tooltipAnchor {
  transform: translateX(-50%);
}
:global(.gallium):global(.night) .tooltip.absolute.below.rightArrow .tooltipAnchor {
  /* transform: translate(0, 0); */
}
:global(.gallium):global(.night) .tooltip.absolute.above.leftArrow .tooltipAnchor {
  transform: translate(-100%, -100%);
}
:global(.gallium):global(.night) .tooltip.absolute.above.centerArrow .tooltipAnchor {
  transform: translate(-50%, -100%);
}
:global(.gallium):global(.night) .tooltip.absolute.above.rightArrow .tooltipAnchor {
  transform: translate(0, -100%);
}
:global(.gallium):global(.night) .tooltip.absolute.left.topArrow .tooltipAnchor {
  transform: translate(-100%, -100%);
}
:global(.gallium):global(.night) .tooltip.absolute.left.middleArrow .tooltipAnchor {
  transform: translate(-100%, -50%);
}
:global(.gallium):global(.night) .tooltip.absolute.left.bottomArrow .tooltipAnchor {
  transform: translate(-100%, 0);
}
:global(.gallium):global(.night) .tooltip.absolute.right.topArrow .tooltipAnchor {
  transform: translate(0, -100%);
}
:global(.gallium):global(.night) .tooltip.absolute.right.middleArrow .tooltipAnchor {
  transform: translate(0, -50%);
}
:global(.gallium):global(.night) .tooltip.absolute.right.bottomArrow .tooltipAnchor {
  /* transform: translate(0, 0); */
}
:global(.gallium):global(.night) .tooltip.relative.below {
  top: 100%;
}
:global(.gallium):global(.night) .tooltip.relative.below.leftArrow {
  right: 50%;
}
:global(.gallium):global(.night) .tooltip.relative.below.centerArrow,
:global(.gallium):global(.night) .tooltip.relative.below.rightArrow {
  left: 50%;
}
:global(.gallium):global(.night) .tooltip.relative.below.centerArrow {
  transform: translateX(-50%);
}
:global(.gallium):global(.night) .tooltip.relative.above {
  bottom: 100%;
}
:global(.gallium):global(.night) .tooltip.relative.above.leftArrow {
  right: 50%;
}
:global(.gallium):global(.night) .tooltip.relative.above.centerArrow,
:global(.gallium):global(.night) .tooltip.relative.above.rightArrow {
  left: 50%;
}
:global(.gallium):global(.night) .tooltip.relative.above.centerArrow {
  transform: translateX(-50%);
}
:global(.gallium):global(.night) .tooltip.relative.left {
  right: 100%;
}
:global(.gallium):global(.night) .tooltip.relative.left.topArrow {
  bottom: 50%;
}
:global(.gallium):global(.night) .tooltip.relative.left.middleArrow,
:global(.gallium):global(.night) .tooltip.relative.left.bottomArrow {
  top: 50%;
}
:global(.gallium):global(.night) .tooltip.relative.left.middleArrow {
  transform: translateY(-50%);
}
:global(.gallium):global(.night) .tooltip.relative.right {
  left: 100%;
}
:global(.gallium):global(.night) .tooltip.relative.right.topArrow {
  bottom: 50%;
}
:global(.gallium):global(.night) .tooltip.relative.right.middleArrow,
:global(.gallium):global(.night) .tooltip.relative.right.bottomArrow {
  top: 50%;
}
:global(.gallium):global(.night) .tooltip.relative.right.middleArrow {
  transform: translateY(-50%);
}
:global(.enact-locale-right-to-left) :global(.gallium):global(.night) .tooltip {
  direction: ltr;
}
:global(.enact-locale-right-to-left) :global(.gallium):global(.night) .tooltip .tooltipAnchor {
  direction: rtl;
}
:global(.gallium):global(.night) .tooltip.below.leftArrow .tooltipArrow {
  background-image: linear-gradient(to left, #5e5e5e 1px, transparent 1px), linear-gradient(to top left, #373737 50%, #5e5e5e 50%, #5e5e5e calc(50% + 1px), transparent calc(50% + 1px));
}
:global(.gallium):global(.night) .tooltip.below.centerArrow .tooltipArrow {
  background-image: linear-gradient(to top right, #373737 50%, #5e5e5e 50%, #5e5e5e calc(50% + 1px), transparent calc(50% + 1px));
}
:global(.gallium):global(.night) .tooltip.below.centerArrow .tooltipArrow::after {
  background-image: linear-gradient(to top left, #373737 50%, #5e5e5e 50%, #5e5e5e calc(50% + 1px), transparent calc(50% + 1px));
}
:global(.gallium):global(.night) .tooltip.below.rightArrow .tooltipArrow {
  background-image: linear-gradient(to right, #5e5e5e 1px, transparent 1px), linear-gradient(to top right, #373737 50%, #5e5e5e 50%, #5e5e5e calc(50% + 1px), transparent calc(50% + 1px));
}
:global(.gallium):global(.night) .tooltip.above.leftArrow .tooltipArrow {
  background-image: linear-gradient(to left, #5e5e5e 1px, transparent 1px), linear-gradient(to bottom left, #373737 50%, #5e5e5e 50%, #5e5e5e calc(50% + 1px), transparent calc(50% + 1px));
}
:global(.gallium):global(.night) .tooltip.above.centerArrow .tooltipArrow {
  background-image: linear-gradient(to bottom right, #373737 50%, #5e5e5e 50%, #5e5e5e calc(50% + 1px), transparent calc(50% + 1px));
}
:global(.gallium):global(.night) .tooltip.above.centerArrow .tooltipArrow::after {
  background-image: linear-gradient(to bottom left, #373737 50%, #5e5e5e 50%, #5e5e5e calc(50% + 1px), transparent calc(50% + 1px));
}
:global(.gallium):global(.night) .tooltip.above.rightArrow .tooltipArrow {
  background-image: linear-gradient(to right, #5e5e5e 1px, transparent 1px), linear-gradient(to bottom right, #373737 50%, #5e5e5e 50%, #5e5e5e calc(50% + 1px), transparent calc(50% + 1px));
}
:global(.gallium):global(.night) .tooltip.left.topArrow .tooltipArrow {
  background-image: linear-gradient(to top, #5e5e5e 1px, transparent 1px), linear-gradient(to right top, #373737 50%, #5e5e5e 50%, #5e5e5e calc(50% + 1px), transparent calc(50% + 1px));
}
:global(.gallium):global(.night) .tooltip.left.middleArrow .tooltipArrow {
  background-image: linear-gradient(to bottom right, #373737 50%, #5e5e5e 50%, #5e5e5e calc(50% + 1px), transparent calc(50% + 1px));
}
:global(.gallium):global(.night) .tooltip.left.middleArrow .tooltipArrow::after {
  background-image: linear-gradient(to top right, #373737 50%, #5e5e5e 50%, #5e5e5e calc(50% + 1px), transparent calc(50% + 1px));
}
:global(.gallium):global(.night) .tooltip.left.bottomArrow .tooltipArrow {
  background-image: linear-gradient(to bottom, #5e5e5e 1px, transparent 1px), linear-gradient(to right bottom, #373737 50%, #5e5e5e 50%, #5e5e5e calc(50% + 1px), transparent calc(50% + 1px));
}
:global(.gallium):global(.night) .tooltip.right.topArrow .tooltipArrow {
  background-image: linear-gradient(to top, #5e5e5e 1px, transparent 1px), linear-gradient(to left top, #373737 50%, #5e5e5e 50%, #5e5e5e calc(50% + 1px), transparent calc(50% + 1px));
}
:global(.gallium):global(.night) .tooltip.right.middleArrow .tooltipArrow {
  background-image: linear-gradient(to bottom left, #373737 50%, #5e5e5e 50%, #5e5e5e calc(50% + 1px), transparent calc(50% + 1px));
}
:global(.gallium):global(.night) .tooltip.right.middleArrow .tooltipArrow::after {
  background-image: linear-gradient(to top left, #373737 50%, #5e5e5e 50%, #5e5e5e calc(50% + 1px), transparent calc(50% + 1px));
}
:global(.gallium):global(.night) .tooltip.right.bottomArrow .tooltipArrow {
  background-image: linear-gradient(to bottom, #5e5e5e 1px, transparent 1px), linear-gradient(to left bottom, #373737 50%, #5e5e5e 50%, #5e5e5e calc(50% + 1px), transparent calc(50% + 1px));
}
:global(.gallium):global(.night) .tooltip .tooltipLabel {
  color: #ffffff;
  background-color: #373737;
  border: 1px solid #5e5e5e;
}
:global(.silicon) .tooltip {
  position: absolute;
  z-index: 1;
}
:global(.silicon) .tooltip .tooltipArrow {
  position: absolute;
  width: 0.5rem;
  height: 0.5rem;
  z-index: 1;
}
:global(.silicon) .tooltip.rightArrow .tooltipArrow,
:global(.silicon) .tooltip.leftArrow .tooltipArrow {
  width: 0.5rem;
  height: 0.5rem;
}
:global(.silicon) .tooltip.centerArrow .tooltipArrow::after,
:global(.silicon) .tooltip.middleArrow .tooltipArrow::after {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
}
:global(.silicon) .tooltip.centerArrow .tooltipArrow {
  width: 0.375rem;
  height: 0.5rem;
  left: 50%;
}
:global(.silicon) .tooltip.centerArrow .tooltipArrow::after {
  right: 0.29167rem;
}
:global(.silicon) .tooltip.middleArrow .tooltipArrow {
  width: 0.5rem;
  height: 0.33333rem;
  top: 50%;
}
:global(.silicon) .tooltip.middleArrow .tooltipArrow::after {
  bottom: 99%;
  left: 0;
}
:global(.silicon) .tooltip .tooltipLabel {
  font-size: 1.25rem;
  font-weight: 300;
  line-height: 1.875rem;
  white-space: nowrap;
  padding: 0.125rem 0.75rem;
  border-radius: 0.125rem;
}
:global(.enact-locale-right-to-left) :global(.silicon) .tooltip .tooltipLabel {
  text-align: right;
}
:global(.silicon) .tooltip .tooltipLabel.multi {
  white-space: normal;
}
:global(.enact-locale-ja) :global(.silicon) .tooltip .tooltipLabel.multi {
  line-break: strict;
}
:global(.silicon) .tooltip.below .tooltipArrow {
  top: 0.41667rem;
}
:global(.silicon) .tooltip.below .tooltipLabel {
  margin-top: 0.875rem;
}
:global(.silicon) .tooltip.below.leftArrow .tooltipArrow {
  right: 0;
}
:global(.silicon) .tooltip.below.leftArrow .tooltipLabel {
  text-align: right;
  border-top-right-radius: 0;
}
:global(.silicon) .tooltip.below.centerArrow .tooltipArrow {
  left: 50%;
}
:global(.silicon) .tooltip.below.rightArrow .tooltipArrow {
  left: 0;
}
:global(.silicon) .tooltip.below.rightArrow .tooltipLabel {
  border-top-left-radius: 0;
}
:global(.silicon) .tooltip.above .tooltipArrow {
  bottom: 0.4375rem;
}
:global(.silicon) .tooltip.above .tooltipLabel {
  margin-bottom: 0.875rem;
}
:global(.silicon) .tooltip.above.leftArrow .tooltipArrow {
  right: 0;
}
:global(.silicon) .tooltip.above.leftArrow .tooltipLabel {
  text-align: right;
  border-bottom-right-radius: 0;
}
:global(.silicon) .tooltip.above.rightArrow .tooltipArrow {
  left: 0;
}
:global(.silicon) .tooltip.above.rightArrow .tooltipLabel {
  border-bottom-left-radius: 0;
}
:global(.silicon) .tooltip.left .tooltipArrow {
  right: 0.41667rem;
}
:global(.silicon) .tooltip.left .tooltipLabel {
  margin-right: 0.875rem;
}
:global(.silicon) .tooltip.left.topArrow .tooltipArrow {
  bottom: 0;
}
:global(.silicon) .tooltip.left.topArrow .tooltipLabel {
  border-bottom-right-radius: 0;
}
:global(.silicon) .tooltip.left.middleArrow .tooltipArrow {
  right: 0.4375rem;
}
:global(.silicon) .tooltip.left.bottomArrow .tooltipLabel {
  border-top-right-radius: 0;
}
:global(.silicon) .tooltip.right .tooltipArrow {
  left: 0.41667rem;
}
:global(.silicon) .tooltip.right .tooltipLabel {
  margin-left: 0.875rem;
}
:global(.silicon) .tooltip.right.topArrow .tooltipArrow {
  bottom: 0;
}
:global(.silicon) .tooltip.right.topArrow .tooltipLabel {
  border-bottom-left-radius: 0;
}
:global(.silicon) .tooltip.right.middleArrow .tooltipArrow {
  left: 0.4375rem;
}
:global(.silicon) .tooltip.right.bottomArrow .tooltipLabel {
  border-top-left-radius: 0;
}
:global(.silicon) .tooltip.absolute {
  width: 0;
  height: 0;
}
:global(.silicon) .tooltip.absolute .tooltipAnchor {
  position: absolute;
}
:global(.silicon) .tooltip.absolute.below.leftArrow .tooltipAnchor {
  transform: translateX(-100%);
}
:global(.silicon) .tooltip.absolute.below.centerArrow .tooltipAnchor {
  transform: translateX(-50%);
}
:global(.silicon) .tooltip.absolute.below.rightArrow .tooltipAnchor {
  /* transform: translate(0, 0); */
}
:global(.silicon) .tooltip.absolute.above.leftArrow .tooltipAnchor {
  transform: translate(-100%, -100%);
}
:global(.silicon) .tooltip.absolute.above.centerArrow .tooltipAnchor {
  transform: translate(-50%, -100%);
}
:global(.silicon) .tooltip.absolute.above.rightArrow .tooltipAnchor {
  transform: translate(0, -100%);
}
:global(.silicon) .tooltip.absolute.left.topArrow .tooltipAnchor {
  transform: translate(-100%, -100%);
}
:global(.silicon) .tooltip.absolute.left.middleArrow .tooltipAnchor {
  transform: translate(-100%, -50%);
}
:global(.silicon) .tooltip.absolute.left.bottomArrow .tooltipAnchor {
  transform: translate(-100%, 0);
}
:global(.silicon) .tooltip.absolute.right.topArrow .tooltipAnchor {
  transform: translate(0, -100%);
}
:global(.silicon) .tooltip.absolute.right.middleArrow .tooltipAnchor {
  transform: translate(0, -50%);
}
:global(.silicon) .tooltip.absolute.right.bottomArrow .tooltipAnchor {
  /* transform: translate(0, 0); */
}
:global(.silicon) .tooltip.relative.below {
  top: 100%;
}
:global(.silicon) .tooltip.relative.below.leftArrow {
  right: 50%;
}
:global(.silicon) .tooltip.relative.below.centerArrow,
:global(.silicon) .tooltip.relative.below.rightArrow {
  left: 50%;
}
:global(.silicon) .tooltip.relative.below.centerArrow {
  transform: translateX(-50%);
}
:global(.silicon) .tooltip.relative.above {
  bottom: 100%;
}
:global(.silicon) .tooltip.relative.above.leftArrow {
  right: 50%;
}
:global(.silicon) .tooltip.relative.above.centerArrow,
:global(.silicon) .tooltip.relative.above.rightArrow {
  left: 50%;
}
:global(.silicon) .tooltip.relative.above.centerArrow {
  transform: translateX(-50%);
}
:global(.silicon) .tooltip.relative.left {
  right: 100%;
}
:global(.silicon) .tooltip.relative.left.topArrow {
  bottom: 50%;
}
:global(.silicon) .tooltip.relative.left.middleArrow,
:global(.silicon) .tooltip.relative.left.bottomArrow {
  top: 50%;
}
:global(.silicon) .tooltip.relative.left.middleArrow {
  transform: translateY(-50%);
}
:global(.silicon) .tooltip.relative.right {
  left: 100%;
}
:global(.silicon) .tooltip.relative.right.topArrow {
  bottom: 50%;
}
:global(.silicon) .tooltip.relative.right.middleArrow,
:global(.silicon) .tooltip.relative.right.bottomArrow {
  top: 50%;
}
:global(.silicon) .tooltip.relative.right.middleArrow {
  transform: translateY(-50%);
}
:global(.enact-locale-right-to-left) :global(.silicon) .tooltip {
  direction: ltr;
}
:global(.enact-locale-right-to-left) :global(.silicon) .tooltip .tooltipAnchor {
  direction: rtl;
}
:global(.silicon) .tooltip.below.leftArrow .tooltipArrow {
  background-image: linear-gradient(to left, #777777 1px, transparent 1px), linear-gradient(to top left, #1b1f35 50%, #777777 50%, #777777 calc(50% + 1px), transparent calc(50% + 1px));
}
:global(.silicon) .tooltip.below.centerArrow .tooltipArrow {
  background-image: linear-gradient(to top right, #1b1f35 50%, #777777 50%, #777777 calc(50% + 1px), transparent calc(50% + 1px));
}
:global(.silicon) .tooltip.below.centerArrow .tooltipArrow::after {
  background-image: linear-gradient(to top left, #1b1f35 50%, #777777 50%, #777777 calc(50% + 1px), transparent calc(50% + 1px));
}
:global(.silicon) .tooltip.below.rightArrow .tooltipArrow {
  background-image: linear-gradient(to right, #777777 1px, transparent 1px), linear-gradient(to top right, #1b1f35 50%, #777777 50%, #777777 calc(50% + 1px), transparent calc(50% + 1px));
}
:global(.silicon) .tooltip.above.leftArrow .tooltipArrow {
  background-image: linear-gradient(to left, #777777 1px, transparent 1px), linear-gradient(to bottom left, #1b1f35 50%, #777777 50%, #777777 calc(50% + 1px), transparent calc(50% + 1px));
}
:global(.silicon) .tooltip.above.centerArrow .tooltipArrow {
  background-image: linear-gradient(to bottom right, #1b1f35 50%, #777777 50%, #777777 calc(50% + 1px), transparent calc(50% + 1px));
}
:global(.silicon) .tooltip.above.centerArrow .tooltipArrow::after {
  background-image: linear-gradient(to bottom left, #1b1f35 50%, #777777 50%, #777777 calc(50% + 1px), transparent calc(50% + 1px));
}
:global(.silicon) .tooltip.above.rightArrow .tooltipArrow {
  background-image: linear-gradient(to right, #777777 1px, transparent 1px), linear-gradient(to bottom right, #1b1f35 50%, #777777 50%, #777777 calc(50% + 1px), transparent calc(50% + 1px));
}
:global(.silicon) .tooltip.left.topArrow .tooltipArrow {
  background-image: linear-gradient(to top, #777777 1px, transparent 1px), linear-gradient(to right top, #1b1f35 50%, #777777 50%, #777777 calc(50% + 1px), transparent calc(50% + 1px));
}
:global(.silicon) .tooltip.left.middleArrow .tooltipArrow {
  background-image: linear-gradient(to bottom right, #1b1f35 50%, #777777 50%, #777777 calc(50% + 1px), transparent calc(50% + 1px));
}
:global(.silicon) .tooltip.left.middleArrow .tooltipArrow::after {
  background-image: linear-gradient(to top right, #1b1f35 50%, #777777 50%, #777777 calc(50% + 1px), transparent calc(50% + 1px));
}
:global(.silicon) .tooltip.left.bottomArrow .tooltipArrow {
  background-image: linear-gradient(to bottom, #777777 1px, transparent 1px), linear-gradient(to right bottom, #1b1f35 50%, #777777 50%, #777777 calc(50% + 1px), transparent calc(50% + 1px));
}
:global(.silicon) .tooltip.right.topArrow .tooltipArrow {
  background-image: linear-gradient(to top, #777777 1px, transparent 1px), linear-gradient(to left top, #1b1f35 50%, #777777 50%, #777777 calc(50% + 1px), transparent calc(50% + 1px));
}
:global(.silicon) .tooltip.right.middleArrow .tooltipArrow {
  background-image: linear-gradient(to bottom left, #1b1f35 50%, #777777 50%, #777777 calc(50% + 1px), transparent calc(50% + 1px));
}
:global(.silicon) .tooltip.right.middleArrow .tooltipArrow::after {
  background-image: linear-gradient(to top left, #1b1f35 50%, #777777 50%, #777777 calc(50% + 1px), transparent calc(50% + 1px));
}
:global(.silicon) .tooltip.right.bottomArrow .tooltipArrow {
  background-image: linear-gradient(to bottom, #777777 1px, transparent 1px), linear-gradient(to left bottom, #1b1f35 50%, #777777 50%, #777777 calc(50% + 1px), transparent calc(50% + 1px));
}
:global(.silicon) .tooltip .tooltipLabel {
  color: #ffffff;
  background-color: #1b1f35;
  border: 1px solid #777777;
}
:global(.silicon):global(.night) .tooltip {
  position: absolute;
  z-index: 1;
}
:global(.silicon):global(.night) .tooltip .tooltipArrow {
  position: absolute;
  width: 0.5rem;
  height: 0.5rem;
  z-index: 1;
}
:global(.silicon):global(.night) .tooltip.rightArrow .tooltipArrow,
:global(.silicon):global(.night) .tooltip.leftArrow .tooltipArrow {
  width: 0.5rem;
  height: 0.5rem;
}
:global(.silicon):global(.night) .tooltip.centerArrow .tooltipArrow::after,
:global(.silicon):global(.night) .tooltip.middleArrow .tooltipArrow::after {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
}
:global(.silicon):global(.night) .tooltip.centerArrow .tooltipArrow {
  width: 0.375rem;
  height: 0.5rem;
  left: 50%;
}
:global(.silicon):global(.night) .tooltip.centerArrow .tooltipArrow::after {
  right: 0.29167rem;
}
:global(.silicon):global(.night) .tooltip.middleArrow .tooltipArrow {
  width: 0.5rem;
  height: 0.33333rem;
  top: 50%;
}
:global(.silicon):global(.night) .tooltip.middleArrow .tooltipArrow::after {
  bottom: 99%;
  left: 0;
}
:global(.silicon):global(.night) .tooltip .tooltipLabel {
  font-size: 1.25rem;
  font-weight: 300;
  line-height: 1.875rem;
  white-space: nowrap;
  padding: 0.125rem 0.75rem;
  border-radius: 0.125rem;
}
:global(.enact-locale-right-to-left) :global(.silicon):global(.night) .tooltip .tooltipLabel {
  text-align: right;
}
:global(.silicon):global(.night) .tooltip .tooltipLabel.multi {
  white-space: normal;
}
:global(.enact-locale-ja) :global(.silicon):global(.night) .tooltip .tooltipLabel.multi {
  line-break: strict;
}
:global(.silicon):global(.night) .tooltip.below .tooltipArrow {
  top: 0.41667rem;
}
:global(.silicon):global(.night) .tooltip.below .tooltipLabel {
  margin-top: 0.875rem;
}
:global(.silicon):global(.night) .tooltip.below.leftArrow .tooltipArrow {
  right: 0;
}
:global(.silicon):global(.night) .tooltip.below.leftArrow .tooltipLabel {
  text-align: right;
  border-top-right-radius: 0;
}
:global(.silicon):global(.night) .tooltip.below.centerArrow .tooltipArrow {
  left: 50%;
}
:global(.silicon):global(.night) .tooltip.below.rightArrow .tooltipArrow {
  left: 0;
}
:global(.silicon):global(.night) .tooltip.below.rightArrow .tooltipLabel {
  border-top-left-radius: 0;
}
:global(.silicon):global(.night) .tooltip.above .tooltipArrow {
  bottom: 0.4375rem;
}
:global(.silicon):global(.night) .tooltip.above .tooltipLabel {
  margin-bottom: 0.875rem;
}
:global(.silicon):global(.night) .tooltip.above.leftArrow .tooltipArrow {
  right: 0;
}
:global(.silicon):global(.night) .tooltip.above.leftArrow .tooltipLabel {
  text-align: right;
  border-bottom-right-radius: 0;
}
:global(.silicon):global(.night) .tooltip.above.rightArrow .tooltipArrow {
  left: 0;
}
:global(.silicon):global(.night) .tooltip.above.rightArrow .tooltipLabel {
  border-bottom-left-radius: 0;
}
:global(.silicon):global(.night) .tooltip.left .tooltipArrow {
  right: 0.41667rem;
}
:global(.silicon):global(.night) .tooltip.left .tooltipLabel {
  margin-right: 0.875rem;
}
:global(.silicon):global(.night) .tooltip.left.topArrow .tooltipArrow {
  bottom: 0;
}
:global(.silicon):global(.night) .tooltip.left.topArrow .tooltipLabel {
  border-bottom-right-radius: 0;
}
:global(.silicon):global(.night) .tooltip.left.middleArrow .tooltipArrow {
  right: 0.4375rem;
}
:global(.silicon):global(.night) .tooltip.left.bottomArrow .tooltipLabel {
  border-top-right-radius: 0;
}
:global(.silicon):global(.night) .tooltip.right .tooltipArrow {
  left: 0.41667rem;
}
:global(.silicon):global(.night) .tooltip.right .tooltipLabel {
  margin-left: 0.875rem;
}
:global(.silicon):global(.night) .tooltip.right.topArrow .tooltipArrow {
  bottom: 0;
}
:global(.silicon):global(.night) .tooltip.right.topArrow .tooltipLabel {
  border-bottom-left-radius: 0;
}
:global(.silicon):global(.night) .tooltip.right.middleArrow .tooltipArrow {
  left: 0.4375rem;
}
:global(.silicon):global(.night) .tooltip.right.bottomArrow .tooltipLabel {
  border-top-left-radius: 0;
}
:global(.silicon):global(.night) .tooltip.absolute {
  width: 0;
  height: 0;
}
:global(.silicon):global(.night) .tooltip.absolute .tooltipAnchor {
  position: absolute;
}
:global(.silicon):global(.night) .tooltip.absolute.below.leftArrow .tooltipAnchor {
  transform: translateX(-100%);
}
:global(.silicon):global(.night) .tooltip.absolute.below.centerArrow .tooltipAnchor {
  transform: translateX(-50%);
}
:global(.silicon):global(.night) .tooltip.absolute.below.rightArrow .tooltipAnchor {
  /* transform: translate(0, 0); */
}
:global(.silicon):global(.night) .tooltip.absolute.above.leftArrow .tooltipAnchor {
  transform: translate(-100%, -100%);
}
:global(.silicon):global(.night) .tooltip.absolute.above.centerArrow .tooltipAnchor {
  transform: translate(-50%, -100%);
}
:global(.silicon):global(.night) .tooltip.absolute.above.rightArrow .tooltipAnchor {
  transform: translate(0, -100%);
}
:global(.silicon):global(.night) .tooltip.absolute.left.topArrow .tooltipAnchor {
  transform: translate(-100%, -100%);
}
:global(.silicon):global(.night) .tooltip.absolute.left.middleArrow .tooltipAnchor {
  transform: translate(-100%, -50%);
}
:global(.silicon):global(.night) .tooltip.absolute.left.bottomArrow .tooltipAnchor {
  transform: translate(-100%, 0);
}
:global(.silicon):global(.night) .tooltip.absolute.right.topArrow .tooltipAnchor {
  transform: translate(0, -100%);
}
:global(.silicon):global(.night) .tooltip.absolute.right.middleArrow .tooltipAnchor {
  transform: translate(0, -50%);
}
:global(.silicon):global(.night) .tooltip.absolute.right.bottomArrow .tooltipAnchor {
  /* transform: translate(0, 0); */
}
:global(.silicon):global(.night) .tooltip.relative.below {
  top: 100%;
}
:global(.silicon):global(.night) .tooltip.relative.below.leftArrow {
  right: 50%;
}
:global(.silicon):global(.night) .tooltip.relative.below.centerArrow,
:global(.silicon):global(.night) .tooltip.relative.below.rightArrow {
  left: 50%;
}
:global(.silicon):global(.night) .tooltip.relative.below.centerArrow {
  transform: translateX(-50%);
}
:global(.silicon):global(.night) .tooltip.relative.above {
  bottom: 100%;
}
:global(.silicon):global(.night) .tooltip.relative.above.leftArrow {
  right: 50%;
}
:global(.silicon):global(.night) .tooltip.relative.above.centerArrow,
:global(.silicon):global(.night) .tooltip.relative.above.rightArrow {
  left: 50%;
}
:global(.silicon):global(.night) .tooltip.relative.above.centerArrow {
  transform: translateX(-50%);
}
:global(.silicon):global(.night) .tooltip.relative.left {
  right: 100%;
}
:global(.silicon):global(.night) .tooltip.relative.left.topArrow {
  bottom: 50%;
}
:global(.silicon):global(.night) .tooltip.relative.left.middleArrow,
:global(.silicon):global(.night) .tooltip.relative.left.bottomArrow {
  top: 50%;
}
:global(.silicon):global(.night) .tooltip.relative.left.middleArrow {
  transform: translateY(-50%);
}
:global(.silicon):global(.night) .tooltip.relative.right {
  left: 100%;
}
:global(.silicon):global(.night) .tooltip.relative.right.topArrow {
  bottom: 50%;
}
:global(.silicon):global(.night) .tooltip.relative.right.middleArrow,
:global(.silicon):global(.night) .tooltip.relative.right.bottomArrow {
  top: 50%;
}
:global(.silicon):global(.night) .tooltip.relative.right.middleArrow {
  transform: translateY(-50%);
}
:global(.enact-locale-right-to-left) :global(.silicon):global(.night) .tooltip {
  direction: ltr;
}
:global(.enact-locale-right-to-left) :global(.silicon):global(.night) .tooltip .tooltipAnchor {
  direction: rtl;
}
:global(.silicon):global(.night) .tooltip.below.leftArrow .tooltipArrow {
  background-image: linear-gradient(to left, #777777 1px, transparent 1px), linear-gradient(to top left, #1b1f35 50%, #777777 50%, #777777 calc(50% + 1px), transparent calc(50% + 1px));
}
:global(.silicon):global(.night) .tooltip.below.centerArrow .tooltipArrow {
  background-image: linear-gradient(to top right, #1b1f35 50%, #777777 50%, #777777 calc(50% + 1px), transparent calc(50% + 1px));
}
:global(.silicon):global(.night) .tooltip.below.centerArrow .tooltipArrow::after {
  background-image: linear-gradient(to top left, #1b1f35 50%, #777777 50%, #777777 calc(50% + 1px), transparent calc(50% + 1px));
}
:global(.silicon):global(.night) .tooltip.below.rightArrow .tooltipArrow {
  background-image: linear-gradient(to right, #777777 1px, transparent 1px), linear-gradient(to top right, #1b1f35 50%, #777777 50%, #777777 calc(50% + 1px), transparent calc(50% + 1px));
}
:global(.silicon):global(.night) .tooltip.above.leftArrow .tooltipArrow {
  background-image: linear-gradient(to left, #777777 1px, transparent 1px), linear-gradient(to bottom left, #1b1f35 50%, #777777 50%, #777777 calc(50% + 1px), transparent calc(50% + 1px));
}
:global(.silicon):global(.night) .tooltip.above.centerArrow .tooltipArrow {
  background-image: linear-gradient(to bottom right, #1b1f35 50%, #777777 50%, #777777 calc(50% + 1px), transparent calc(50% + 1px));
}
:global(.silicon):global(.night) .tooltip.above.centerArrow .tooltipArrow::after {
  background-image: linear-gradient(to bottom left, #1b1f35 50%, #777777 50%, #777777 calc(50% + 1px), transparent calc(50% + 1px));
}
:global(.silicon):global(.night) .tooltip.above.rightArrow .tooltipArrow {
  background-image: linear-gradient(to right, #777777 1px, transparent 1px), linear-gradient(to bottom right, #1b1f35 50%, #777777 50%, #777777 calc(50% + 1px), transparent calc(50% + 1px));
}
:global(.silicon):global(.night) .tooltip.left.topArrow .tooltipArrow {
  background-image: linear-gradient(to top, #777777 1px, transparent 1px), linear-gradient(to right top, #1b1f35 50%, #777777 50%, #777777 calc(50% + 1px), transparent calc(50% + 1px));
}
:global(.silicon):global(.night) .tooltip.left.middleArrow .tooltipArrow {
  background-image: linear-gradient(to bottom right, #1b1f35 50%, #777777 50%, #777777 calc(50% + 1px), transparent calc(50% + 1px));
}
:global(.silicon):global(.night) .tooltip.left.middleArrow .tooltipArrow::after {
  background-image: linear-gradient(to top right, #1b1f35 50%, #777777 50%, #777777 calc(50% + 1px), transparent calc(50% + 1px));
}
:global(.silicon):global(.night) .tooltip.left.bottomArrow .tooltipArrow {
  background-image: linear-gradient(to bottom, #777777 1px, transparent 1px), linear-gradient(to right bottom, #1b1f35 50%, #777777 50%, #777777 calc(50% + 1px), transparent calc(50% + 1px));
}
:global(.silicon):global(.night) .tooltip.right.topArrow .tooltipArrow {
  background-image: linear-gradient(to top, #777777 1px, transparent 1px), linear-gradient(to left top, #1b1f35 50%, #777777 50%, #777777 calc(50% + 1px), transparent calc(50% + 1px));
}
:global(.silicon):global(.night) .tooltip.right.middleArrow .tooltipArrow {
  background-image: linear-gradient(to bottom left, #1b1f35 50%, #777777 50%, #777777 calc(50% + 1px), transparent calc(50% + 1px));
}
:global(.silicon):global(.night) .tooltip.right.middleArrow .tooltipArrow::after {
  background-image: linear-gradient(to top left, #1b1f35 50%, #777777 50%, #777777 calc(50% + 1px), transparent calc(50% + 1px));
}
:global(.silicon):global(.night) .tooltip.right.bottomArrow .tooltipArrow {
  background-image: linear-gradient(to bottom, #777777 1px, transparent 1px), linear-gradient(to left bottom, #1b1f35 50%, #777777 50%, #777777 calc(50% + 1px), transparent calc(50% + 1px));
}
:global(.silicon):global(.night) .tooltip .tooltipLabel {
  color: #ffffff;
  background-color: #1b1f35;
  border: 1px solid #777777;
}
:global(.titanium) .tooltip {
  position: absolute;
  z-index: 1;
}
:global(.titanium) .tooltip .tooltipArrow {
  position: absolute;
  width: 0.5rem;
  height: 0.5rem;
  z-index: 1;
}
:global(.titanium) .tooltip.rightArrow .tooltipArrow,
:global(.titanium) .tooltip.leftArrow .tooltipArrow {
  width: 0.5rem;
  height: 0.5rem;
}
:global(.titanium) .tooltip.centerArrow .tooltipArrow::after,
:global(.titanium) .tooltip.middleArrow .tooltipArrow::after {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
}
:global(.titanium) .tooltip.centerArrow .tooltipArrow {
  width: 0.375rem;
  height: 0.5rem;
  left: 50%;
}
:global(.titanium) .tooltip.centerArrow .tooltipArrow::after {
  right: 0.29167rem;
}
:global(.titanium) .tooltip.middleArrow .tooltipArrow {
  width: 0.5rem;
  height: 0.33333rem;
  top: 50%;
}
:global(.titanium) .tooltip.middleArrow .tooltipArrow::after {
  bottom: 99%;
  left: 0;
}
:global(.titanium) .tooltip .tooltipLabel {
  font-size: inherit;
  font-weight: 400;
  line-height: 1.875rem;
  white-space: nowrap;
  padding: 0.125rem 0.75rem;
  border-radius: 0.125rem;
}
:global(.enact-locale-right-to-left) :global(.titanium) .tooltip .tooltipLabel {
  text-align: right;
}
:global(.titanium) .tooltip .tooltipLabel.multi {
  white-space: normal;
}
:global(.enact-locale-ja) :global(.titanium) .tooltip .tooltipLabel.multi {
  line-break: strict;
}
:global(.titanium) .tooltip.below .tooltipArrow {
  top: 0.41667rem;
}
:global(.titanium) .tooltip.below .tooltipLabel {
  margin-top: 0.875rem;
}
:global(.titanium) .tooltip.below.leftArrow .tooltipArrow {
  right: 0;
}
:global(.titanium) .tooltip.below.leftArrow .tooltipLabel {
  text-align: right;
  border-top-right-radius: 0;
}
:global(.titanium) .tooltip.below.centerArrow .tooltipArrow {
  left: 50%;
}
:global(.titanium) .tooltip.below.rightArrow .tooltipArrow {
  left: 0;
}
:global(.titanium) .tooltip.below.rightArrow .tooltipLabel {
  border-top-left-radius: 0;
}
:global(.titanium) .tooltip.above .tooltipArrow {
  bottom: 0.4375rem;
}
:global(.titanium) .tooltip.above .tooltipLabel {
  margin-bottom: 0.875rem;
}
:global(.titanium) .tooltip.above.leftArrow .tooltipArrow {
  right: 0;
}
:global(.titanium) .tooltip.above.leftArrow .tooltipLabel {
  text-align: right;
  border-bottom-right-radius: 0;
}
:global(.titanium) .tooltip.above.rightArrow .tooltipArrow {
  left: 0;
}
:global(.titanium) .tooltip.above.rightArrow .tooltipLabel {
  border-bottom-left-radius: 0;
}
:global(.titanium) .tooltip.left .tooltipArrow {
  right: 0.41667rem;
}
:global(.titanium) .tooltip.left .tooltipLabel {
  margin-right: 0.875rem;
}
:global(.titanium) .tooltip.left.topArrow .tooltipArrow {
  bottom: 0;
}
:global(.titanium) .tooltip.left.topArrow .tooltipLabel {
  border-bottom-right-radius: 0;
}
:global(.titanium) .tooltip.left.middleArrow .tooltipArrow {
  right: 0.4375rem;
}
:global(.titanium) .tooltip.left.bottomArrow .tooltipLabel {
  border-top-right-radius: 0;
}
:global(.titanium) .tooltip.right .tooltipArrow {
  left: 0.41667rem;
}
:global(.titanium) .tooltip.right .tooltipLabel {
  margin-left: 0.875rem;
}
:global(.titanium) .tooltip.right.topArrow .tooltipArrow {
  bottom: 0;
}
:global(.titanium) .tooltip.right.topArrow .tooltipLabel {
  border-bottom-left-radius: 0;
}
:global(.titanium) .tooltip.right.middleArrow .tooltipArrow {
  left: 0.4375rem;
}
:global(.titanium) .tooltip.right.bottomArrow .tooltipLabel {
  border-top-left-radius: 0;
}
:global(.titanium) .tooltip.absolute {
  width: 0;
  height: 0;
}
:global(.titanium) .tooltip.absolute .tooltipAnchor {
  position: absolute;
}
:global(.titanium) .tooltip.absolute.below.leftArrow .tooltipAnchor {
  transform: translateX(-100%);
}
:global(.titanium) .tooltip.absolute.below.centerArrow .tooltipAnchor {
  transform: translateX(-50%);
}
:global(.titanium) .tooltip.absolute.below.rightArrow .tooltipAnchor {
  /* transform: translate(0, 0); */
}
:global(.titanium) .tooltip.absolute.above.leftArrow .tooltipAnchor {
  transform: translate(-100%, -100%);
}
:global(.titanium) .tooltip.absolute.above.centerArrow .tooltipAnchor {
  transform: translate(-50%, -100%);
}
:global(.titanium) .tooltip.absolute.above.rightArrow .tooltipAnchor {
  transform: translate(0, -100%);
}
:global(.titanium) .tooltip.absolute.left.topArrow .tooltipAnchor {
  transform: translate(-100%, -100%);
}
:global(.titanium) .tooltip.absolute.left.middleArrow .tooltipAnchor {
  transform: translate(-100%, -50%);
}
:global(.titanium) .tooltip.absolute.left.bottomArrow .tooltipAnchor {
  transform: translate(-100%, 0);
}
:global(.titanium) .tooltip.absolute.right.topArrow .tooltipAnchor {
  transform: translate(0, -100%);
}
:global(.titanium) .tooltip.absolute.right.middleArrow .tooltipAnchor {
  transform: translate(0, -50%);
}
:global(.titanium) .tooltip.absolute.right.bottomArrow .tooltipAnchor {
  /* transform: translate(0, 0); */
}
:global(.titanium) .tooltip.relative.below {
  top: 100%;
}
:global(.titanium) .tooltip.relative.below.leftArrow {
  right: 50%;
}
:global(.titanium) .tooltip.relative.below.centerArrow,
:global(.titanium) .tooltip.relative.below.rightArrow {
  left: 50%;
}
:global(.titanium) .tooltip.relative.below.centerArrow {
  transform: translateX(-50%);
}
:global(.titanium) .tooltip.relative.above {
  bottom: 100%;
}
:global(.titanium) .tooltip.relative.above.leftArrow {
  right: 50%;
}
:global(.titanium) .tooltip.relative.above.centerArrow,
:global(.titanium) .tooltip.relative.above.rightArrow {
  left: 50%;
}
:global(.titanium) .tooltip.relative.above.centerArrow {
  transform: translateX(-50%);
}
:global(.titanium) .tooltip.relative.left {
  right: 100%;
}
:global(.titanium) .tooltip.relative.left.topArrow {
  bottom: 50%;
}
:global(.titanium) .tooltip.relative.left.middleArrow,
:global(.titanium) .tooltip.relative.left.bottomArrow {
  top: 50%;
}
:global(.titanium) .tooltip.relative.left.middleArrow {
  transform: translateY(-50%);
}
:global(.titanium) .tooltip.relative.right {
  left: 100%;
}
:global(.titanium) .tooltip.relative.right.topArrow {
  bottom: 50%;
}
:global(.titanium) .tooltip.relative.right.middleArrow,
:global(.titanium) .tooltip.relative.right.bottomArrow {
  top: 50%;
}
:global(.titanium) .tooltip.relative.right.middleArrow {
  transform: translateY(-50%);
}
:global(.enact-locale-right-to-left) :global(.titanium) .tooltip {
  direction: ltr;
}
:global(.enact-locale-right-to-left) :global(.titanium) .tooltip .tooltipAnchor {
  direction: rtl;
}
:global(.titanium) .tooltip.below.leftArrow .tooltipArrow {
  background-image: linear-gradient(to left, inherit 1px, transparent 1px), linear-gradient(to top left, inherit 50%, inherit 50%, inherit calc(50% + 1px), transparent calc(50% + 1px));
}
:global(.titanium) .tooltip.below.centerArrow .tooltipArrow {
  background-image: linear-gradient(to top right, inherit 50%, inherit 50%, inherit calc(50% + 1px), transparent calc(50% + 1px));
}
:global(.titanium) .tooltip.below.centerArrow .tooltipArrow::after {
  background-image: linear-gradient(to top left, inherit 50%, inherit 50%, inherit calc(50% + 1px), transparent calc(50% + 1px));
}
:global(.titanium) .tooltip.below.rightArrow .tooltipArrow {
  background-image: linear-gradient(to right, inherit 1px, transparent 1px), linear-gradient(to top right, inherit 50%, inherit 50%, inherit calc(50% + 1px), transparent calc(50% + 1px));
}
:global(.titanium) .tooltip.above.leftArrow .tooltipArrow {
  background-image: linear-gradient(to left, inherit 1px, transparent 1px), linear-gradient(to bottom left, inherit 50%, inherit 50%, inherit calc(50% + 1px), transparent calc(50% + 1px));
}
:global(.titanium) .tooltip.above.centerArrow .tooltipArrow {
  background-image: linear-gradient(to bottom right, inherit 50%, inherit 50%, inherit calc(50% + 1px), transparent calc(50% + 1px));
}
:global(.titanium) .tooltip.above.centerArrow .tooltipArrow::after {
  background-image: linear-gradient(to bottom left, inherit 50%, inherit 50%, inherit calc(50% + 1px), transparent calc(50% + 1px));
}
:global(.titanium) .tooltip.above.rightArrow .tooltipArrow {
  background-image: linear-gradient(to right, inherit 1px, transparent 1px), linear-gradient(to bottom right, inherit 50%, inherit 50%, inherit calc(50% + 1px), transparent calc(50% + 1px));
}
:global(.titanium) .tooltip.left.topArrow .tooltipArrow {
  background-image: linear-gradient(to top, inherit 1px, transparent 1px), linear-gradient(to right top, inherit 50%, inherit 50%, inherit calc(50% + 1px), transparent calc(50% + 1px));
}
:global(.titanium) .tooltip.left.middleArrow .tooltipArrow {
  background-image: linear-gradient(to bottom right, inherit 50%, inherit 50%, inherit calc(50% + 1px), transparent calc(50% + 1px));
}
:global(.titanium) .tooltip.left.middleArrow .tooltipArrow::after {
  background-image: linear-gradient(to top right, inherit 50%, inherit 50%, inherit calc(50% + 1px), transparent calc(50% + 1px));
}
:global(.titanium) .tooltip.left.bottomArrow .tooltipArrow {
  background-image: linear-gradient(to bottom, inherit 1px, transparent 1px), linear-gradient(to right bottom, inherit 50%, inherit 50%, inherit calc(50% + 1px), transparent calc(50% + 1px));
}
:global(.titanium) .tooltip.right.topArrow .tooltipArrow {
  background-image: linear-gradient(to top, inherit 1px, transparent 1px), linear-gradient(to left top, inherit 50%, inherit 50%, inherit calc(50% + 1px), transparent calc(50% + 1px));
}
:global(.titanium) .tooltip.right.middleArrow .tooltipArrow {
  background-image: linear-gradient(to bottom left, inherit 50%, inherit 50%, inherit calc(50% + 1px), transparent calc(50% + 1px));
}
:global(.titanium) .tooltip.right.middleArrow .tooltipArrow::after {
  background-image: linear-gradient(to top left, inherit 50%, inherit 50%, inherit calc(50% + 1px), transparent calc(50% + 1px));
}
:global(.titanium) .tooltip.right.bottomArrow .tooltipArrow {
  background-image: linear-gradient(to bottom, inherit 1px, transparent 1px), linear-gradient(to left bottom, inherit 50%, inherit 50%, inherit calc(50% + 1px), transparent calc(50% + 1px));
}
:global(.titanium) .tooltip .tooltipLabel {
  color: inherit;
  background-color: inherit;
  border: 1px solid inherit;
}
