.tooltip {
  position: absolute;
  z-index: 1;
}
.tooltip .tooltipArrow {
  position: absolute;
  width: 0.5rem;
  height: 0.5rem;
  z-index: 1;
}
.tooltip.rightArrow .tooltipArrow,
.tooltip.leftArrow .tooltipArrow {
  width: 0.5rem;
  height: 0.5rem;
}
.tooltip.centerArrow .tooltipArrow::after,
.tooltip.middleArrow .tooltipArrow::after {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
}
.tooltip.centerArrow .tooltipArrow {
  width: 0.375rem;
  height: 0.5rem;
  left: 50%;
}
.tooltip.centerArrow .tooltipArrow::after {
  right: 0.29167rem;
}
.tooltip.middleArrow .tooltipArrow {
  width: 0.5rem;
  height: 0.33333rem;
  top: 50%;
}
.tooltip.middleArrow .tooltipArrow::after {
  bottom: 99%;
  left: 0;
}
.tooltip .tooltipLabel {
  font-family: "Moonstone";
  font-size: 1.25rem;
  font-style: normal;
  font-weight: 600;
  -webkit-font-kerning: normal;
  font-kerning: normal;
  font-size: 1.125rem;
  font-weight: normal;
  line-height: 1.5em;
  white-space: nowrap;
  padding: 0.125rem 0.75rem;
  border-radius: 0.125rem;
}
:global(.enact-locale-non-latin) .tooltip .tooltipLabel {
  font-family: "Moonstone";
  font-size: 1.125rem;
  font-style: normal;
  font-weight: 700;
}
:global(.enact-locale-right-to-left) .tooltip .tooltipLabel {
  text-align: right;
}
.tooltip .tooltipLabel.multi {
  white-space: normal;
}
:global(.enact-locale-ja) .tooltip .tooltipLabel.multi {
  line-break: strict;
}
.tooltip.below .tooltipArrow {
  top: 0.4375rem;
}
.tooltip.below .tooltipLabel {
  margin-top: 0.875rem;
}
.tooltip.below.leftArrow .tooltipArrow {
  right: 0;
}
.tooltip.below.leftArrow .tooltipLabel {
  text-align: right;
  border-top-right-radius: 0;
}
.tooltip.below.centerArrow .tooltipArrow {
  left: 50%;
}
.tooltip.below.rightArrow .tooltipArrow {
  left: 0;
}
.tooltip.below.rightArrow .tooltipLabel {
  border-top-left-radius: 0;
}
.tooltip.above .tooltipArrow {
  bottom: 0.4375rem;
}
.tooltip.above .tooltipLabel {
  margin-bottom: 0.875rem;
}
.tooltip.above.leftArrow .tooltipArrow {
  right: 0;
}
.tooltip.above.leftArrow .tooltipLabel {
  text-align: right;
  border-bottom-right-radius: 0;
}
.tooltip.above.rightArrow .tooltipArrow {
  left: 0;
}
.tooltip.above.rightArrow .tooltipLabel {
  border-bottom-left-radius: 0;
}
.tooltip.left .tooltipArrow {
  right: 0.45833rem;
}
.tooltip.left .tooltipLabel {
  margin-right: 0.875rem;
}
.tooltip.left.topArrow .tooltipArrow {
  bottom: 0;
}
.tooltip.left.topArrow .tooltipLabel {
  border-bottom-right-radius: 0;
}
.tooltip.left.middleArrow .tooltipArrow {
  right: 0.45833rem;
}
.tooltip.left.bottomArrow .tooltipLabel {
  border-top-right-radius: 0;
}
.tooltip.right .tooltipArrow {
  left: 0.4375rem;
}
.tooltip.right .tooltipLabel {
  margin-left: 0.875rem;
}
.tooltip.right.topArrow .tooltipArrow {
  bottom: 0;
}
.tooltip.right.topArrow .tooltipLabel {
  border-bottom-left-radius: 0;
}
.tooltip.right.middleArrow .tooltipArrow {
  left: 0.4375rem;
}
.tooltip.right.bottomArrow .tooltipLabel {
  border-top-left-radius: 0;
}
.tooltip.absolute {
  width: 0;
  height: 0;
}
.tooltip.absolute .tooltipAnchor {
  position: absolute;
}
.tooltip.absolute.below.leftArrow .tooltipAnchor {
  transform: translateX(-100%);
}
.tooltip.absolute.below.centerArrow .tooltipAnchor {
  transform: translateX(-50%);
}
.tooltip.absolute.below.rightArrow .tooltipAnchor {
  /* transform: translate(0, 0); */
}
.tooltip.absolute.above.leftArrow .tooltipAnchor {
  transform: translate(-100%, -100%);
}
.tooltip.absolute.above.centerArrow .tooltipAnchor {
  transform: translate(-50%, -100%);
}
.tooltip.absolute.above.rightArrow .tooltipAnchor {
  transform: translate(0, -100%);
}
.tooltip.absolute.left.topArrow .tooltipAnchor {
  transform: translate(-100%, -100%);
}
.tooltip.absolute.left.middleArrow .tooltipAnchor {
  transform: translate(-100%, -50%);
}
.tooltip.absolute.left.bottomArrow .tooltipAnchor {
  transform: translate(-100%, 0);
}
.tooltip.absolute.right.topArrow .tooltipAnchor {
  transform: translate(0, -100%);
}
.tooltip.absolute.right.middleArrow .tooltipAnchor {
  transform: translate(0, -50%);
}
.tooltip.absolute.right.bottomArrow .tooltipAnchor {
  /* transform: translate(0, 0); */
}
.tooltip.relative.below {
  top: 100%;
}
.tooltip.relative.below.leftArrow {
  right: 50%;
}
.tooltip.relative.below.centerArrow,
.tooltip.relative.below.rightArrow {
  left: 50%;
}
.tooltip.relative.below.centerArrow {
  transform: translateX(-50%);
}
.tooltip.relative.above {
  bottom: 100%;
}
.tooltip.relative.above.leftArrow {
  right: 50%;
}
.tooltip.relative.above.centerArrow,
.tooltip.relative.above.rightArrow {
  left: 50%;
}
.tooltip.relative.above.centerArrow {
  transform: translateX(-50%);
}
.tooltip.relative.left {
  right: 100%;
}
.tooltip.relative.left.topArrow {
  bottom: 50%;
}
.tooltip.relative.left.middleArrow,
.tooltip.relative.left.bottomArrow {
  top: 50%;
}
.tooltip.relative.left.middleArrow {
  transform: translateY(-50%);
}
.tooltip.relative.right {
  left: 100%;
}
.tooltip.relative.right.topArrow {
  bottom: 50%;
}
.tooltip.relative.right.middleArrow,
.tooltip.relative.right.bottomArrow {
  top: 50%;
}
.tooltip.relative.right.middleArrow {
  transform: translateY(-50%);
}
:global(.enact-locale-right-to-left) .tooltip {
  direction: ltr;
}
:global(.enact-locale-right-to-left) .tooltip .tooltipAnchor {
  direction: rtl;
}
.tooltip:global(.moonstone) {
  filter: drop-shadow(0 0.29167rem 0.29167rem rgba(0, 0, 0, 0.3));
}
.tooltip:global(.moonstone).below.leftArrow .tooltipArrow {
  background-image: linear-gradient(to left, #4d4d4d 0.5px, transparent 1px), linear-gradient(to top left, #262626 50%, #4d4d4d calc(50% + 0.5px), #4d4d4d calc(50% + 1px), transparent calc(50% + 1px));
}
.tooltip:global(.moonstone).below.centerArrow .tooltipArrow {
  background-image: linear-gradient(to top right, #262626 50%, #4d4d4d calc(50% + 0.5px), #4d4d4d calc(50% + 1px), transparent calc(50% + 1px));
}
.tooltip:global(.moonstone).below.centerArrow .tooltipArrow::after {
  background-image: linear-gradient(to top left, #262626 50%, #4d4d4d calc(50% + 0.5px), #4d4d4d calc(50% + 1px), transparent calc(50% + 1px));
}
.tooltip:global(.moonstone).below.rightArrow .tooltipArrow {
  background-image: linear-gradient(to right, #4d4d4d 0.5px, transparent 1px), linear-gradient(to top right, #262626 50%, #4d4d4d calc(50% + 0.5px), #4d4d4d calc(50% + 1px), transparent calc(50% + 1px));
}
.tooltip:global(.moonstone).above.leftArrow .tooltipArrow {
  background-image: linear-gradient(to left, #4d4d4d 0.5px, transparent 1px), linear-gradient(to bottom left, #262626 50%, #4d4d4d calc(50% + 0.5px), #4d4d4d calc(50% + 1px), transparent calc(50% + 1px));
}
.tooltip:global(.moonstone).above.centerArrow .tooltipArrow {
  background-image: linear-gradient(to bottom right, #262626 50%, #4d4d4d calc(50% + 0.5px), #4d4d4d calc(50% + 1px), transparent calc(50% + 1px));
}
.tooltip:global(.moonstone).above.centerArrow .tooltipArrow::after {
  background-image: linear-gradient(to bottom left, #262626 50%, #4d4d4d calc(50% + 0.5px), #4d4d4d calc(50% + 1px), transparent calc(50% + 1px));
}
.tooltip:global(.moonstone).above.rightArrow .tooltipArrow {
  background-image: linear-gradient(to right, #4d4d4d 0.5px, transparent 1px), linear-gradient(to bottom right, #262626 50%, #4d4d4d calc(50% + 0.5px), #4d4d4d calc(50% + 1px), transparent calc(50% + 1px));
}
.tooltip:global(.moonstone).left.topArrow .tooltipArrow {
  background-image: linear-gradient(to top, #4d4d4d 0.5px, transparent 1px), linear-gradient(to right top, #262626 50%, #4d4d4d calc(50% + 0.5px), #4d4d4d calc(50% + 1px), transparent calc(50% + 1px));
}
.tooltip:global(.moonstone).left.middleArrow .tooltipArrow {
  background-image: linear-gradient(to bottom right, #262626 50%, #4d4d4d calc(50% + 0.5px), #4d4d4d calc(50% + 1px), transparent calc(50% + 1px));
}
.tooltip:global(.moonstone).left.middleArrow .tooltipArrow::after {
  background-image: linear-gradient(to top right, #262626 50%, #4d4d4d calc(50% + 0.5px), #4d4d4d calc(50% + 1px), transparent calc(50% + 1px));
}
.tooltip:global(.moonstone).left.bottomArrow .tooltipArrow {
  background-image: linear-gradient(to bottom, #4d4d4d 0.5px, transparent 1px), linear-gradient(to right bottom, #262626 50%, #4d4d4d calc(50% + 0.5px), #4d4d4d calc(50% + 1px), transparent calc(50% + 1px));
}
.tooltip:global(.moonstone).right.topArrow .tooltipArrow {
  background-image: linear-gradient(to top, #4d4d4d 0.5px, transparent 1px), linear-gradient(to left top, #262626 50%, #4d4d4d calc(50% + 0.5px), #4d4d4d calc(50% + 1px), transparent calc(50% + 1px));
}
.tooltip:global(.moonstone).right.middleArrow .tooltipArrow {
  background-image: linear-gradient(to bottom left, #262626 50%, #4d4d4d calc(50% + 0.5px), #4d4d4d calc(50% + 1px), transparent calc(50% + 1px));
}
.tooltip:global(.moonstone).right.middleArrow .tooltipArrow::after {
  background-image: linear-gradient(to top left, #262626 50%, #4d4d4d calc(50% + 0.5px), #4d4d4d calc(50% + 1px), transparent calc(50% + 1px));
}
.tooltip:global(.moonstone).right.bottomArrow .tooltipArrow {
  background-image: linear-gradient(to bottom, #4d4d4d 0.5px, transparent 1px), linear-gradient(to left bottom, #262626 50%, #4d4d4d calc(50% + 0.5px), #4d4d4d calc(50% + 1px), transparent calc(50% + 1px));
}
.tooltip:global(.moonstone) .tooltipLabel {
  color: #ccc;
  background-color: #262626;
  border: 1px solid #4d4d4d;
}
:global(.enact-a11y-high-contrast) .tooltip:global(.moonstone.highContrast) {
  filter: drop-shadow(0 0.29167rem 0.29167rem rgba(0, 0, 0, 0.3));
}
:global(.enact-a11y-high-contrast) .tooltip:global(.moonstone.highContrast).below.leftArrow .tooltipArrow {
  background-image: linear-gradient(to left, #4d4d4d 0.5px, transparent 1px), linear-gradient(to top left, #262626 50%, #4d4d4d calc(50% + 0.5px), #4d4d4d calc(50% + 1px), transparent calc(50% + 1px));
}
:global(.enact-a11y-high-contrast) .tooltip:global(.moonstone.highContrast).below.centerArrow .tooltipArrow {
  background-image: linear-gradient(to top right, #262626 50%, #4d4d4d calc(50% + 0.5px), #4d4d4d calc(50% + 1px), transparent calc(50% + 1px));
}
:global(.enact-a11y-high-contrast) .tooltip:global(.moonstone.highContrast).below.centerArrow .tooltipArrow::after {
  background-image: linear-gradient(to top left, #262626 50%, #4d4d4d calc(50% + 0.5px), #4d4d4d calc(50% + 1px), transparent calc(50% + 1px));
}
:global(.enact-a11y-high-contrast) .tooltip:global(.moonstone.highContrast).below.rightArrow .tooltipArrow {
  background-image: linear-gradient(to right, #4d4d4d 0.5px, transparent 1px), linear-gradient(to top right, #262626 50%, #4d4d4d calc(50% + 0.5px), #4d4d4d calc(50% + 1px), transparent calc(50% + 1px));
}
:global(.enact-a11y-high-contrast) .tooltip:global(.moonstone.highContrast).above.leftArrow .tooltipArrow {
  background-image: linear-gradient(to left, #4d4d4d 0.5px, transparent 1px), linear-gradient(to bottom left, #262626 50%, #4d4d4d calc(50% + 0.5px), #4d4d4d calc(50% + 1px), transparent calc(50% + 1px));
}
:global(.enact-a11y-high-contrast) .tooltip:global(.moonstone.highContrast).above.centerArrow .tooltipArrow {
  background-image: linear-gradient(to bottom right, #262626 50%, #4d4d4d calc(50% + 0.5px), #4d4d4d calc(50% + 1px), transparent calc(50% + 1px));
}
:global(.enact-a11y-high-contrast) .tooltip:global(.moonstone.highContrast).above.centerArrow .tooltipArrow::after {
  background-image: linear-gradient(to bottom left, #262626 50%, #4d4d4d calc(50% + 0.5px), #4d4d4d calc(50% + 1px), transparent calc(50% + 1px));
}
:global(.enact-a11y-high-contrast) .tooltip:global(.moonstone.highContrast).above.rightArrow .tooltipArrow {
  background-image: linear-gradient(to right, #4d4d4d 0.5px, transparent 1px), linear-gradient(to bottom right, #262626 50%, #4d4d4d calc(50% + 0.5px), #4d4d4d calc(50% + 1px), transparent calc(50% + 1px));
}
:global(.enact-a11y-high-contrast) .tooltip:global(.moonstone.highContrast).left.topArrow .tooltipArrow {
  background-image: linear-gradient(to top, #4d4d4d 0.5px, transparent 1px), linear-gradient(to right top, #262626 50%, #4d4d4d calc(50% + 0.5px), #4d4d4d calc(50% + 1px), transparent calc(50% + 1px));
}
:global(.enact-a11y-high-contrast) .tooltip:global(.moonstone.highContrast).left.middleArrow .tooltipArrow {
  background-image: linear-gradient(to bottom right, #262626 50%, #4d4d4d calc(50% + 0.5px), #4d4d4d calc(50% + 1px), transparent calc(50% + 1px));
}
:global(.enact-a11y-high-contrast) .tooltip:global(.moonstone.highContrast).left.middleArrow .tooltipArrow::after {
  background-image: linear-gradient(to top right, #262626 50%, #4d4d4d calc(50% + 0.5px), #4d4d4d calc(50% + 1px), transparent calc(50% + 1px));
}
:global(.enact-a11y-high-contrast) .tooltip:global(.moonstone.highContrast).left.bottomArrow .tooltipArrow {
  background-image: linear-gradient(to bottom, #4d4d4d 0.5px, transparent 1px), linear-gradient(to right bottom, #262626 50%, #4d4d4d calc(50% + 0.5px), #4d4d4d calc(50% + 1px), transparent calc(50% + 1px));
}
:global(.enact-a11y-high-contrast) .tooltip:global(.moonstone.highContrast).right.topArrow .tooltipArrow {
  background-image: linear-gradient(to top, #4d4d4d 0.5px, transparent 1px), linear-gradient(to left top, #262626 50%, #4d4d4d calc(50% + 0.5px), #4d4d4d calc(50% + 1px), transparent calc(50% + 1px));
}
:global(.enact-a11y-high-contrast) .tooltip:global(.moonstone.highContrast).right.middleArrow .tooltipArrow {
  background-image: linear-gradient(to bottom left, #262626 50%, #4d4d4d calc(50% + 0.5px), #4d4d4d calc(50% + 1px), transparent calc(50% + 1px));
}
:global(.enact-a11y-high-contrast) .tooltip:global(.moonstone.highContrast).right.middleArrow .tooltipArrow::after {
  background-image: linear-gradient(to top left, #262626 50%, #4d4d4d calc(50% + 0.5px), #4d4d4d calc(50% + 1px), transparent calc(50% + 1px));
}
:global(.enact-a11y-high-contrast) .tooltip:global(.moonstone.highContrast).right.bottomArrow .tooltipArrow {
  background-image: linear-gradient(to bottom, #4d4d4d 0.5px, transparent 1px), linear-gradient(to left bottom, #262626 50%, #4d4d4d calc(50% + 0.5px), #4d4d4d calc(50% + 1px), transparent calc(50% + 1px));
}
:global(.enact-a11y-high-contrast) .tooltip:global(.moonstone.highContrast) .tooltipLabel {
  color: #ccc;
  background-color: #262626;
  border: 1px solid #4d4d4d;
}
.tooltip:global(.moonstone-light) {
  filter: drop-shadow(0 0.29167rem 0.29167rem rgba(0, 0, 0, 0.3));
}
.tooltip:global(.moonstone-light).below.leftArrow .tooltipArrow {
  background-image: linear-gradient(to left, #4d4d4d 0.5px, transparent 1px), linear-gradient(to top left, #262626 50%, #4d4d4d calc(50% + 0.5px), #4d4d4d calc(50% + 1px), transparent calc(50% + 1px));
}
.tooltip:global(.moonstone-light).below.centerArrow .tooltipArrow {
  background-image: linear-gradient(to top right, #262626 50%, #4d4d4d calc(50% + 0.5px), #4d4d4d calc(50% + 1px), transparent calc(50% + 1px));
}
.tooltip:global(.moonstone-light).below.centerArrow .tooltipArrow::after {
  background-image: linear-gradient(to top left, #262626 50%, #4d4d4d calc(50% + 0.5px), #4d4d4d calc(50% + 1px), transparent calc(50% + 1px));
}
.tooltip:global(.moonstone-light).below.rightArrow .tooltipArrow {
  background-image: linear-gradient(to right, #4d4d4d 0.5px, transparent 1px), linear-gradient(to top right, #262626 50%, #4d4d4d calc(50% + 0.5px), #4d4d4d calc(50% + 1px), transparent calc(50% + 1px));
}
.tooltip:global(.moonstone-light).above.leftArrow .tooltipArrow {
  background-image: linear-gradient(to left, #4d4d4d 0.5px, transparent 1px), linear-gradient(to bottom left, #262626 50%, #4d4d4d calc(50% + 0.5px), #4d4d4d calc(50% + 1px), transparent calc(50% + 1px));
}
.tooltip:global(.moonstone-light).above.centerArrow .tooltipArrow {
  background-image: linear-gradient(to bottom right, #262626 50%, #4d4d4d calc(50% + 0.5px), #4d4d4d calc(50% + 1px), transparent calc(50% + 1px));
}
.tooltip:global(.moonstone-light).above.centerArrow .tooltipArrow::after {
  background-image: linear-gradient(to bottom left, #262626 50%, #4d4d4d calc(50% + 0.5px), #4d4d4d calc(50% + 1px), transparent calc(50% + 1px));
}
.tooltip:global(.moonstone-light).above.rightArrow .tooltipArrow {
  background-image: linear-gradient(to right, #4d4d4d 0.5px, transparent 1px), linear-gradient(to bottom right, #262626 50%, #4d4d4d calc(50% + 0.5px), #4d4d4d calc(50% + 1px), transparent calc(50% + 1px));
}
.tooltip:global(.moonstone-light).left.topArrow .tooltipArrow {
  background-image: linear-gradient(to top, #4d4d4d 0.5px, transparent 1px), linear-gradient(to right top, #262626 50%, #4d4d4d calc(50% + 0.5px), #4d4d4d calc(50% + 1px), transparent calc(50% + 1px));
}
.tooltip:global(.moonstone-light).left.middleArrow .tooltipArrow {
  background-image: linear-gradient(to bottom right, #262626 50%, #4d4d4d calc(50% + 0.5px), #4d4d4d calc(50% + 1px), transparent calc(50% + 1px));
}
.tooltip:global(.moonstone-light).left.middleArrow .tooltipArrow::after {
  background-image: linear-gradient(to top right, #262626 50%, #4d4d4d calc(50% + 0.5px), #4d4d4d calc(50% + 1px), transparent calc(50% + 1px));
}
.tooltip:global(.moonstone-light).left.bottomArrow .tooltipArrow {
  background-image: linear-gradient(to bottom, #4d4d4d 0.5px, transparent 1px), linear-gradient(to right bottom, #262626 50%, #4d4d4d calc(50% + 0.5px), #4d4d4d calc(50% + 1px), transparent calc(50% + 1px));
}
.tooltip:global(.moonstone-light).right.topArrow .tooltipArrow {
  background-image: linear-gradient(to top, #4d4d4d 0.5px, transparent 1px), linear-gradient(to left top, #262626 50%, #4d4d4d calc(50% + 0.5px), #4d4d4d calc(50% + 1px), transparent calc(50% + 1px));
}
.tooltip:global(.moonstone-light).right.middleArrow .tooltipArrow {
  background-image: linear-gradient(to bottom left, #262626 50%, #4d4d4d calc(50% + 0.5px), #4d4d4d calc(50% + 1px), transparent calc(50% + 1px));
}
.tooltip:global(.moonstone-light).right.middleArrow .tooltipArrow::after {
  background-image: linear-gradient(to top left, #262626 50%, #4d4d4d calc(50% + 0.5px), #4d4d4d calc(50% + 1px), transparent calc(50% + 1px));
}
.tooltip:global(.moonstone-light).right.bottomArrow .tooltipArrow {
  background-image: linear-gradient(to bottom, #4d4d4d 0.5px, transparent 1px), linear-gradient(to left bottom, #262626 50%, #4d4d4d calc(50% + 0.5px), #4d4d4d calc(50% + 1px), transparent calc(50% + 1px));
}
.tooltip:global(.moonstone-light) .tooltipLabel {
  color: #ccc;
  background-color: #262626;
  border: 1px solid #4d4d4d;
}
:global(.enact-a11y-high-contrast) .tooltip:global(.moonstone-light.highContrast) {
  filter: drop-shadow(0 0.29167rem 0.29167rem rgba(0, 0, 0, 0.3));
}
:global(.enact-a11y-high-contrast) .tooltip:global(.moonstone-light.highContrast).below.leftArrow .tooltipArrow {
  background-image: linear-gradient(to left, #4d4d4d 0.5px, transparent 1px), linear-gradient(to top left, #262626 50%, #4d4d4d calc(50% + 0.5px), #4d4d4d calc(50% + 1px), transparent calc(50% + 1px));
}
:global(.enact-a11y-high-contrast) .tooltip:global(.moonstone-light.highContrast).below.centerArrow .tooltipArrow {
  background-image: linear-gradient(to top right, #262626 50%, #4d4d4d calc(50% + 0.5px), #4d4d4d calc(50% + 1px), transparent calc(50% + 1px));
}
:global(.enact-a11y-high-contrast) .tooltip:global(.moonstone-light.highContrast).below.centerArrow .tooltipArrow::after {
  background-image: linear-gradient(to top left, #262626 50%, #4d4d4d calc(50% + 0.5px), #4d4d4d calc(50% + 1px), transparent calc(50% + 1px));
}
:global(.enact-a11y-high-contrast) .tooltip:global(.moonstone-light.highContrast).below.rightArrow .tooltipArrow {
  background-image: linear-gradient(to right, #4d4d4d 0.5px, transparent 1px), linear-gradient(to top right, #262626 50%, #4d4d4d calc(50% + 0.5px), #4d4d4d calc(50% + 1px), transparent calc(50% + 1px));
}
:global(.enact-a11y-high-contrast) .tooltip:global(.moonstone-light.highContrast).above.leftArrow .tooltipArrow {
  background-image: linear-gradient(to left, #4d4d4d 0.5px, transparent 1px), linear-gradient(to bottom left, #262626 50%, #4d4d4d calc(50% + 0.5px), #4d4d4d calc(50% + 1px), transparent calc(50% + 1px));
}
:global(.enact-a11y-high-contrast) .tooltip:global(.moonstone-light.highContrast).above.centerArrow .tooltipArrow {
  background-image: linear-gradient(to bottom right, #262626 50%, #4d4d4d calc(50% + 0.5px), #4d4d4d calc(50% + 1px), transparent calc(50% + 1px));
}
:global(.enact-a11y-high-contrast) .tooltip:global(.moonstone-light.highContrast).above.centerArrow .tooltipArrow::after {
  background-image: linear-gradient(to bottom left, #262626 50%, #4d4d4d calc(50% + 0.5px), #4d4d4d calc(50% + 1px), transparent calc(50% + 1px));
}
:global(.enact-a11y-high-contrast) .tooltip:global(.moonstone-light.highContrast).above.rightArrow .tooltipArrow {
  background-image: linear-gradient(to right, #4d4d4d 0.5px, transparent 1px), linear-gradient(to bottom right, #262626 50%, #4d4d4d calc(50% + 0.5px), #4d4d4d calc(50% + 1px), transparent calc(50% + 1px));
}
:global(.enact-a11y-high-contrast) .tooltip:global(.moonstone-light.highContrast).left.topArrow .tooltipArrow {
  background-image: linear-gradient(to top, #4d4d4d 0.5px, transparent 1px), linear-gradient(to right top, #262626 50%, #4d4d4d calc(50% + 0.5px), #4d4d4d calc(50% + 1px), transparent calc(50% + 1px));
}
:global(.enact-a11y-high-contrast) .tooltip:global(.moonstone-light.highContrast).left.middleArrow .tooltipArrow {
  background-image: linear-gradient(to bottom right, #262626 50%, #4d4d4d calc(50% + 0.5px), #4d4d4d calc(50% + 1px), transparent calc(50% + 1px));
}
:global(.enact-a11y-high-contrast) .tooltip:global(.moonstone-light.highContrast).left.middleArrow .tooltipArrow::after {
  background-image: linear-gradient(to top right, #262626 50%, #4d4d4d calc(50% + 0.5px), #4d4d4d calc(50% + 1px), transparent calc(50% + 1px));
}
:global(.enact-a11y-high-contrast) .tooltip:global(.moonstone-light.highContrast).left.bottomArrow .tooltipArrow {
  background-image: linear-gradient(to bottom, #4d4d4d 0.5px, transparent 1px), linear-gradient(to right bottom, #262626 50%, #4d4d4d calc(50% + 0.5px), #4d4d4d calc(50% + 1px), transparent calc(50% + 1px));
}
:global(.enact-a11y-high-contrast) .tooltip:global(.moonstone-light.highContrast).right.topArrow .tooltipArrow {
  background-image: linear-gradient(to top, #4d4d4d 0.5px, transparent 1px), linear-gradient(to left top, #262626 50%, #4d4d4d calc(50% + 0.5px), #4d4d4d calc(50% + 1px), transparent calc(50% + 1px));
}
:global(.enact-a11y-high-contrast) .tooltip:global(.moonstone-light.highContrast).right.middleArrow .tooltipArrow {
  background-image: linear-gradient(to bottom left, #262626 50%, #4d4d4d calc(50% + 0.5px), #4d4d4d calc(50% + 1px), transparent calc(50% + 1px));
}
:global(.enact-a11y-high-contrast) .tooltip:global(.moonstone-light.highContrast).right.middleArrow .tooltipArrow::after {
  background-image: linear-gradient(to top left, #262626 50%, #4d4d4d calc(50% + 0.5px), #4d4d4d calc(50% + 1px), transparent calc(50% + 1px));
}
:global(.enact-a11y-high-contrast) .tooltip:global(.moonstone-light.highContrast).right.bottomArrow .tooltipArrow {
  background-image: linear-gradient(to bottom, #4d4d4d 0.5px, transparent 1px), linear-gradient(to left bottom, #262626 50%, #4d4d4d calc(50% + 0.5px), #4d4d4d calc(50% + 1px), transparent calc(50% + 1px));
}
:global(.enact-a11y-high-contrast) .tooltip:global(.moonstone-light.highContrast) .tooltipLabel {
  color: #ccc;
  background-color: #262626;
  border: 1px solid #4d4d4d;
}