.tooltip {
  position: absolute;
  z-index: 1;
  pointer-events: none;
}
.tooltip .tooltipLabel {
  text-align: center;
}
.tooltip:global(.carbon) .tooltipArrow {
  position: absolute;
  width: 0.5rem;
  height: 0.5rem;
  z-index: 1;
}
.tooltip:global(.carbon) .tooltipArrow::after {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
}
.tooltip:global(.carbon).rightArrow .tooltipArrow,
.tooltip:global(.carbon).leftArrow .tooltipArrow {
  width: 0.5rem;
  height: 0.5rem;
}
.tooltip:global(.carbon).centerArrow .tooltipArrow {
  width: 0.5rem;
  height: 0.5rem;
  left: 50%;
}
.tooltip:global(.carbon).middleArrow .tooltipArrow {
  width: 0.5rem;
  height: 0.5rem;
  top: 50%;
}
.tooltip:global(.carbon) .tooltipLabel {
  --agate-tooltip-label-width: auto;
  font-size: inherit;
  font-weight: normal;
  line-height: 1.875rem;
  white-space: nowrap;
  width: var(--agate-tooltip-label-width);
  padding: 0.125rem 0.75rem;
  border-radius: 0.125rem;
}
.tooltip:global(.carbon) .tooltipLabel.marquee {
  max-width: var(--agate-tooltip-label-width, 25rem);
}
.tooltip:global(.carbon) .tooltipLabel.multi {
  white-space: normal;
}
:global(.enact-locale-ja) .tooltip:global(.carbon) .tooltipLabel.multi {
  line-break: strict;
}
.tooltip:global(.carbon).below .tooltipArrow {
  top: 0.25rem;
}
.tooltip:global(.carbon).below .tooltipLabel {
  margin-top: 0.625rem;
}
.tooltip:global(.carbon).below.leftArrow .tooltipArrow {
  right: 0;
  overflow: hidden;
}
.tooltip:global(.carbon).below.leftArrow .tooltipArrow::after {
  left: 0;
  transform-origin: top right;
  transform: rotate(-45deg) skew(-45deg, -5deg);
}
.tooltip:global(.carbon).below.leftArrow .tooltipLabel {
  border-top-right-radius: 0;
}
.tooltip:global(.carbon).below.centerArrow .tooltipArrow {
  left: 50%;
}
.tooltip:global(.carbon).below.centerArrow .tooltipArrow::after {
  transform-origin: top left;
  transform: rotate(45deg) skew(5deg, 5deg);
}
.tooltip:global(.carbon).below.rightArrow .tooltipArrow {
  left: 0;
  overflow: hidden;
}
.tooltip:global(.carbon).below.rightArrow .tooltipArrow::after {
  left: 0;
  transform-origin: top left;
  transform: rotate(45deg) skew(45deg, 5deg);
}
.tooltip:global(.carbon).below.rightArrow .tooltipLabel {
  border-top-left-radius: 0;
}
.tooltip:global(.carbon).above .tooltipArrow {
  bottom: 0.25rem;
}
.tooltip:global(.carbon).above .tooltipLabel {
  margin-bottom: 0.625rem;
}
.tooltip:global(.carbon).above.leftArrow .tooltipArrow {
  right: 0;
  overflow: hidden;
}
.tooltip:global(.carbon).above.leftArrow .tooltipArrow::after {
  left: 0;
  transform-origin: bottom right;
  transform: rotate(45deg) skew(45deg, 5deg);
}
.tooltip:global(.carbon).above.leftArrow .tooltipLabel {
  border-bottom-right-radius: 0;
}
.tooltip:global(.carbon).above.centerArrow .tooltipArrow::after {
  transform-origin: bottom left;
  transform: rotate(-45deg) skew(-5deg, -5deg);
}
.tooltip:global(.carbon).above.rightArrow .tooltipArrow {
  left: 0;
  overflow: hidden;
}
.tooltip:global(.carbon).above.rightArrow .tooltipArrow::after {
  left: 0;
  transform-origin: bottom left;
  transform: rotate(-45deg) skew(-45deg, -5deg);
}
.tooltip:global(.carbon).above.rightArrow .tooltipLabel {
  border-bottom-left-radius: 0;
}
.tooltip:global(.carbon).left .tooltipArrow {
  right: 0.25rem;
}
.tooltip:global(.carbon).left .tooltipLabel {
  margin-right: 0.625rem;
}
.tooltip:global(.carbon).left.topArrow .tooltipArrow {
  bottom: 0;
  overflow: hidden;
}
.tooltip:global(.carbon).left.topArrow .tooltipArrow::after {
  left: 0;
  transform-origin: bottom right;
  transform: rotate(-45deg) skew(5deg, 45deg);
}
.tooltip:global(.carbon).left.topArrow .tooltipLabel {
  border-bottom-right-radius: 0;
}
.tooltip:global(.carbon).left.middleArrow .tooltipArrow::after {
  transform-origin: top right;
  transform: rotate(45deg) skew(-5deg, -5deg);
}
.tooltip:global(.carbon).left.bottomArrow .tooltipArrow {
  overflow: hidden;
}
.tooltip:global(.carbon).left.bottomArrow .tooltipArrow::after {
  left: 0;
  transform-origin: top right;
  transform: rotate(45deg) skew(5deg, -45deg);
}
.tooltip:global(.carbon).left.bottomArrow .tooltipLabel {
  border-top-right-radius: 0;
}
.tooltip:global(.carbon).right .tooltipArrow {
  left: 0.25rem;
}
.tooltip:global(.carbon).right .tooltipLabel {
  margin-left: 0.625rem;
}
.tooltip:global(.carbon).right.topArrow .tooltipArrow {
  bottom: 0;
  overflow: hidden;
}
.tooltip:global(.carbon).right.topArrow .tooltipArrow::after {
  left: 0;
  transform-origin: bottom left;
  transform: rotate(45deg) skew(-5deg, -45deg);
}
.tooltip:global(.carbon).right.topArrow .tooltipLabel {
  border-bottom-left-radius: 0;
}
.tooltip:global(.carbon).right.middleArrow .tooltipArrow::after {
  transform-origin: top left;
  transform: rotate(-45deg) skew(5deg, 5deg);
}
.tooltip:global(.carbon).right.bottomArrow .tooltipArrow {
  overflow: hidden;
}
.tooltip:global(.carbon).right.bottomArrow .tooltipArrow::after {
  left: 0;
  transform-origin: top left;
  transform: rotate(-45deg) skew(5deg, 45deg);
}
.tooltip:global(.carbon).right.bottomArrow .tooltipLabel {
  border-top-left-radius: 0;
}
.tooltip:global(.carbon).absolute {
  width: 0;
  height: 0;
  top: var(--tooltip-position-top);
  left: var(--tooltip-position-left);
}
.tooltip:global(.carbon).absolute .tooltipAnchor {
  position: absolute;
}
.tooltip:global(.carbon).absolute.below {
  top: calc(var(--tooltip-position-top) + 0.125rem );
}
.tooltip:global(.carbon).absolute.below.leftArrow .tooltipAnchor {
  transform: translateX(-100%);
}
.tooltip:global(.carbon).absolute.below.centerArrow .tooltipAnchor {
  transform: translateX(-50%);
}
.tooltip:global(.carbon).absolute.below.rightArrow .tooltipAnchor {
  /* transform: translate(0, 0); */
}
.tooltip:global(.carbon).absolute.above {
  top: calc(var(--tooltip-position-top) - 0.125rem );
}
.tooltip:global(.carbon).absolute.above.leftArrow .tooltipAnchor {
  transform: translate(-100%, -100%);
}
.tooltip:global(.carbon).absolute.above.centerArrow .tooltipAnchor {
  transform: translate(-50%, -100%);
}
.tooltip:global(.carbon).absolute.above.rightArrow .tooltipAnchor {
  transform: translate(0, -100%);
}
.tooltip:global(.carbon).absolute.left {
  left: calc(var(--tooltip-position-left) - 0.125rem );
}
.tooltip:global(.carbon).absolute.left.topArrow .tooltipAnchor {
  transform: translate(-100%, -100%);
}
.tooltip:global(.carbon).absolute.left.middleArrow .tooltipAnchor {
  transform: translate(-100%, -50%);
}
.tooltip:global(.carbon).absolute.left.bottomArrow .tooltipAnchor {
  transform: translate(-100%, 0);
}
.tooltip:global(.carbon).absolute.right {
  left: calc(var(--tooltip-position-left) + 0.125rem );
}
.tooltip:global(.carbon).absolute.right.topArrow .tooltipAnchor {
  transform: translate(0, -100%);
}
.tooltip:global(.carbon).absolute.right.middleArrow .tooltipAnchor {
  transform: translate(0, -50%);
}
.tooltip:global(.carbon).absolute.right.bottomArrow .tooltipAnchor {
  /* transform: translate(0, 0); */
}
.tooltip:global(.carbon).relative.below {
  top: calc(100% + 0.125rem );
}
.tooltip:global(.carbon).relative.below.transparent {
  top: calc(100% + 0.125rem );
}
.tooltip:global(.carbon).relative.below.leftArrow {
  right: 50%;
}
.tooltip:global(.carbon).relative.below.centerArrow,
.tooltip:global(.carbon).relative.below.rightArrow {
  left: 50%;
}
.tooltip:global(.carbon).relative.below.centerArrow {
  transform: translateX(-50%);
}
.tooltip:global(.carbon).relative.above {
  bottom: calc(100% + 0.125rem );
}
.tooltip:global(.carbon).relative.above.transparent {
  bottom: calc(100% + 0.125rem );
}
.tooltip:global(.carbon).relative.above.leftArrow {
  right: 50%;
}
.tooltip:global(.carbon).relative.above.centerArrow,
.tooltip:global(.carbon).relative.above.rightArrow {
  left: 50%;
}
.tooltip:global(.carbon).relative.above.centerArrow {
  transform: translateX(-50%);
}
.tooltip:global(.carbon).relative.left {
  right: calc(100% + 0.125rem );
}
.tooltip:global(.carbon).relative.left.transparent {
  right: calc(100% + 0.125rem );
}
.tooltip:global(.carbon).relative.left.topArrow {
  bottom: 50%;
}
.tooltip:global(.carbon).relative.left.middleArrow,
.tooltip:global(.carbon).relative.left.bottomArrow {
  top: 50%;
}
.tooltip:global(.carbon).relative.left.middleArrow {
  transform: translateY(-50%);
}
.tooltip:global(.carbon).relative.right {
  left: calc(100% + 0.125rem );
}
.tooltip:global(.carbon).relative.right.transparent {
  left: calc(100% + 0.125rem );
}
.tooltip:global(.carbon).relative.right.topArrow {
  bottom: 50%;
}
.tooltip:global(.carbon).relative.right.middleArrow,
.tooltip:global(.carbon).relative.right.bottomArrow {
  top: 50%;
}
.tooltip:global(.carbon).relative.right.middleArrow {
  transform: translateY(-50%);
}
:global(.enact-locale-right-to-left) .tooltip:global(.carbon) {
  direction: ltr;
}
:global(.enact-locale-right-to-left) .tooltip:global(.carbon) .tooltipAnchor {
  direction: rtl;
}
.tooltip:global(.carbon) .tooltipArrow::after {
  background: var(--agate-accent-color, #8fd43a);
}
.tooltip:global(.carbon) .tooltipLabel {
  color: #fff;
  background-color: var(--agate-accent-color, #8fd43a);
}
.tooltip:global(.cobalt) .tooltipArrow {
  position: absolute;
  width: 0.5rem;
  height: 0.5rem;
  z-index: 1;
}
.tooltip:global(.cobalt) .tooltipArrow::after {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
}
.tooltip:global(.cobalt).rightArrow .tooltipArrow,
.tooltip:global(.cobalt).leftArrow .tooltipArrow {
  width: 0.5rem;
  height: 0.5rem;
}
.tooltip:global(.cobalt).centerArrow .tooltipArrow {
  width: 0.5rem;
  height: 0.5rem;
  left: 50%;
}
.tooltip:global(.cobalt).middleArrow .tooltipArrow {
  width: 0.5rem;
  height: 0.5rem;
  top: 50%;
}
.tooltip:global(.cobalt) .tooltipLabel {
  --agate-tooltip-label-width: auto;
  font-size: inherit;
  font-weight: 700;
  line-height: 1.875rem;
  white-space: nowrap;
  width: var(--agate-tooltip-label-width);
  padding: 0.125rem 0.75rem;
  border-radius: 0.125rem;
}
.tooltip:global(.cobalt) .tooltipLabel.marquee {
  max-width: var(--agate-tooltip-label-width, 25rem);
}
.tooltip:global(.cobalt) .tooltipLabel.multi {
  white-space: normal;
}
:global(.enact-locale-ja) .tooltip:global(.cobalt) .tooltipLabel.multi {
  line-break: strict;
}
.tooltip:global(.cobalt).below .tooltipArrow {
  top: 0.25rem;
}
.tooltip:global(.cobalt).below .tooltipLabel {
  margin-top: 0.625rem;
}
.tooltip:global(.cobalt).below.leftArrow .tooltipArrow {
  right: 0;
  overflow: hidden;
}
.tooltip:global(.cobalt).below.leftArrow .tooltipArrow::after {
  left: 0;
  transform-origin: top right;
  transform: rotate(-45deg) skew(-45deg, -5deg);
}
.tooltip:global(.cobalt).below.leftArrow .tooltipLabel {
  border-top-right-radius: 0;
}
.tooltip:global(.cobalt).below.centerArrow .tooltipArrow {
  left: 50%;
}
.tooltip:global(.cobalt).below.centerArrow .tooltipArrow::after {
  transform-origin: top left;
  transform: rotate(45deg) skew(5deg, 5deg);
}
.tooltip:global(.cobalt).below.rightArrow .tooltipArrow {
  left: 0;
  overflow: hidden;
}
.tooltip:global(.cobalt).below.rightArrow .tooltipArrow::after {
  left: 0;
  transform-origin: top left;
  transform: rotate(45deg) skew(45deg, 5deg);
}
.tooltip:global(.cobalt).below.rightArrow .tooltipLabel {
  border-top-left-radius: 0;
}
.tooltip:global(.cobalt).above .tooltipArrow {
  bottom: 0.25rem;
}
.tooltip:global(.cobalt).above .tooltipLabel {
  margin-bottom: 0.625rem;
}
.tooltip:global(.cobalt).above.leftArrow .tooltipArrow {
  right: 0;
  overflow: hidden;
}
.tooltip:global(.cobalt).above.leftArrow .tooltipArrow::after {
  left: 0;
  transform-origin: bottom right;
  transform: rotate(45deg) skew(45deg, 5deg);
}
.tooltip:global(.cobalt).above.leftArrow .tooltipLabel {
  border-bottom-right-radius: 0;
}
.tooltip:global(.cobalt).above.centerArrow .tooltipArrow::after {
  transform-origin: bottom left;
  transform: rotate(-45deg) skew(-5deg, -5deg);
}
.tooltip:global(.cobalt).above.rightArrow .tooltipArrow {
  left: 0;
  overflow: hidden;
}
.tooltip:global(.cobalt).above.rightArrow .tooltipArrow::after {
  left: 0;
  transform-origin: bottom left;
  transform: rotate(-45deg) skew(-45deg, -5deg);
}
.tooltip:global(.cobalt).above.rightArrow .tooltipLabel {
  border-bottom-left-radius: 0;
}
.tooltip:global(.cobalt).left .tooltipArrow {
  right: 0.25rem;
}
.tooltip:global(.cobalt).left .tooltipLabel {
  margin-right: 0.625rem;
}
.tooltip:global(.cobalt).left.topArrow .tooltipArrow {
  bottom: 0;
  overflow: hidden;
}
.tooltip:global(.cobalt).left.topArrow .tooltipArrow::after {
  left: 0;
  transform-origin: bottom right;
  transform: rotate(-45deg) skew(5deg, 45deg);
}
.tooltip:global(.cobalt).left.topArrow .tooltipLabel {
  border-bottom-right-radius: 0;
}
.tooltip:global(.cobalt).left.middleArrow .tooltipArrow::after {
  transform-origin: top right;
  transform: rotate(45deg) skew(-5deg, -5deg);
}
.tooltip:global(.cobalt).left.bottomArrow .tooltipArrow {
  overflow: hidden;
}
.tooltip:global(.cobalt).left.bottomArrow .tooltipArrow::after {
  left: 0;
  transform-origin: top right;
  transform: rotate(45deg) skew(5deg, -45deg);
}
.tooltip:global(.cobalt).left.bottomArrow .tooltipLabel {
  border-top-right-radius: 0;
}
.tooltip:global(.cobalt).right .tooltipArrow {
  left: 0.25rem;
}
.tooltip:global(.cobalt).right .tooltipLabel {
  margin-left: 0.625rem;
}
.tooltip:global(.cobalt).right.topArrow .tooltipArrow {
  bottom: 0;
  overflow: hidden;
}
.tooltip:global(.cobalt).right.topArrow .tooltipArrow::after {
  left: 0;
  transform-origin: bottom left;
  transform: rotate(45deg) skew(-5deg, -45deg);
}
.tooltip:global(.cobalt).right.topArrow .tooltipLabel {
  border-bottom-left-radius: 0;
}
.tooltip:global(.cobalt).right.middleArrow .tooltipArrow::after {
  transform-origin: top left;
  transform: rotate(-45deg) skew(5deg, 5deg);
}
.tooltip:global(.cobalt).right.bottomArrow .tooltipArrow {
  overflow: hidden;
}
.tooltip:global(.cobalt).right.bottomArrow .tooltipArrow::after {
  left: 0;
  transform-origin: top left;
  transform: rotate(-45deg) skew(5deg, 45deg);
}
.tooltip:global(.cobalt).right.bottomArrow .tooltipLabel {
  border-top-left-radius: 0;
}
.tooltip:global(.cobalt).absolute {
  width: 0;
  height: 0;
  top: var(--tooltip-position-top);
  left: var(--tooltip-position-left);
}
.tooltip:global(.cobalt).absolute .tooltipAnchor {
  position: absolute;
}
.tooltip:global(.cobalt).absolute.below {
  top: calc(var(--tooltip-position-top) + 0.125rem );
}
.tooltip:global(.cobalt).absolute.below.leftArrow .tooltipAnchor {
  transform: translateX(-100%);
}
.tooltip:global(.cobalt).absolute.below.centerArrow .tooltipAnchor {
  transform: translateX(-50%);
}
.tooltip:global(.cobalt).absolute.below.rightArrow .tooltipAnchor {
  /* transform: translate(0, 0); */
}
.tooltip:global(.cobalt).absolute.above {
  top: calc(var(--tooltip-position-top) - 0.125rem );
}
.tooltip:global(.cobalt).absolute.above.leftArrow .tooltipAnchor {
  transform: translate(-100%, -100%);
}
.tooltip:global(.cobalt).absolute.above.centerArrow .tooltipAnchor {
  transform: translate(-50%, -100%);
}
.tooltip:global(.cobalt).absolute.above.rightArrow .tooltipAnchor {
  transform: translate(0, -100%);
}
.tooltip:global(.cobalt).absolute.left {
  left: calc(var(--tooltip-position-left) - 0.125rem );
}
.tooltip:global(.cobalt).absolute.left.topArrow .tooltipAnchor {
  transform: translate(-100%, -100%);
}
.tooltip:global(.cobalt).absolute.left.middleArrow .tooltipAnchor {
  transform: translate(-100%, -50%);
}
.tooltip:global(.cobalt).absolute.left.bottomArrow .tooltipAnchor {
  transform: translate(-100%, 0);
}
.tooltip:global(.cobalt).absolute.right {
  left: calc(var(--tooltip-position-left) + 0.125rem );
}
.tooltip:global(.cobalt).absolute.right.topArrow .tooltipAnchor {
  transform: translate(0, -100%);
}
.tooltip:global(.cobalt).absolute.right.middleArrow .tooltipAnchor {
  transform: translate(0, -50%);
}
.tooltip:global(.cobalt).absolute.right.bottomArrow .tooltipAnchor {
  /* transform: translate(0, 0); */
}
.tooltip:global(.cobalt).relative.below {
  top: calc(100% + 0.125rem );
}
.tooltip:global(.cobalt).relative.below.transparent {
  top: calc(100% + 0.125rem );
}
.tooltip:global(.cobalt).relative.below.leftArrow {
  right: 50%;
}
.tooltip:global(.cobalt).relative.below.centerArrow,
.tooltip:global(.cobalt).relative.below.rightArrow {
  left: 50%;
}
.tooltip:global(.cobalt).relative.below.centerArrow {
  transform: translateX(-50%);
}
.tooltip:global(.cobalt).relative.above {
  bottom: calc(100% + 0.125rem );
}
.tooltip:global(.cobalt).relative.above.transparent {
  bottom: calc(100% + 0.125rem );
}
.tooltip:global(.cobalt).relative.above.leftArrow {
  right: 50%;
}
.tooltip:global(.cobalt).relative.above.centerArrow,
.tooltip:global(.cobalt).relative.above.rightArrow {
  left: 50%;
}
.tooltip:global(.cobalt).relative.above.centerArrow {
  transform: translateX(-50%);
}
.tooltip:global(.cobalt).relative.left {
  right: calc(100% + 0.125rem );
}
.tooltip:global(.cobalt).relative.left.transparent {
  right: calc(100% + 0.125rem );
}
.tooltip:global(.cobalt).relative.left.topArrow {
  bottom: 50%;
}
.tooltip:global(.cobalt).relative.left.middleArrow,
.tooltip:global(.cobalt).relative.left.bottomArrow {
  top: 50%;
}
.tooltip:global(.cobalt).relative.left.middleArrow {
  transform: translateY(-50%);
}
.tooltip:global(.cobalt).relative.right {
  left: calc(100% + 0.125rem );
}
.tooltip:global(.cobalt).relative.right.transparent {
  left: calc(100% + 0.125rem );
}
.tooltip:global(.cobalt).relative.right.topArrow {
  bottom: 50%;
}
.tooltip:global(.cobalt).relative.right.middleArrow,
.tooltip:global(.cobalt).relative.right.bottomArrow {
  top: 50%;
}
.tooltip:global(.cobalt).relative.right.middleArrow {
  transform: translateY(-50%);
}
:global(.enact-locale-right-to-left) .tooltip:global(.cobalt) {
  direction: ltr;
}
:global(.enact-locale-right-to-left) .tooltip:global(.cobalt) .tooltipAnchor {
  direction: rtl;
}
.tooltip:global(.cobalt) .tooltipArrow::after {
  background: #373739;
}
.tooltip:global(.cobalt) .tooltipLabel {
  color: #fff;
  background-color: #373739;
}
.tooltip:global(.cobalt):global(.night) .tooltipArrow {
  position: absolute;
  width: 0.5rem;
  height: 0.5rem;
  z-index: 1;
}
.tooltip:global(.cobalt):global(.night) .tooltipArrow::after {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
}
.tooltip:global(.cobalt):global(.night).rightArrow .tooltipArrow,
.tooltip:global(.cobalt):global(.night).leftArrow .tooltipArrow {
  width: 0.5rem;
  height: 0.5rem;
}
.tooltip:global(.cobalt):global(.night).centerArrow .tooltipArrow {
  width: 0.5rem;
  height: 0.5rem;
  left: 50%;
}
.tooltip:global(.cobalt):global(.night).middleArrow .tooltipArrow {
  width: 0.5rem;
  height: 0.5rem;
  top: 50%;
}
.tooltip:global(.cobalt):global(.night) .tooltipLabel {
  --agate-tooltip-label-width: auto;
  font-size: inherit;
  font-weight: 700;
  line-height: 1.875rem;
  white-space: nowrap;
  width: var(--agate-tooltip-label-width);
  padding: 0.125rem 0.75rem;
  border-radius: 0.125rem;
}
.tooltip:global(.cobalt):global(.night) .tooltipLabel.marquee {
  max-width: var(--agate-tooltip-label-width, 25rem);
}
.tooltip:global(.cobalt):global(.night) .tooltipLabel.multi {
  white-space: normal;
}
:global(.enact-locale-ja) .tooltip:global(.cobalt):global(.night) .tooltipLabel.multi {
  line-break: strict;
}
.tooltip:global(.cobalt):global(.night).below .tooltipArrow {
  top: 0.25rem;
}
.tooltip:global(.cobalt):global(.night).below .tooltipLabel {
  margin-top: 0.625rem;
}
.tooltip:global(.cobalt):global(.night).below.leftArrow .tooltipArrow {
  right: 0;
  overflow: hidden;
}
.tooltip:global(.cobalt):global(.night).below.leftArrow .tooltipArrow::after {
  left: 0;
  transform-origin: top right;
  transform: rotate(-45deg) skew(-45deg, -5deg);
}
.tooltip:global(.cobalt):global(.night).below.leftArrow .tooltipLabel {
  border-top-right-radius: 0;
}
.tooltip:global(.cobalt):global(.night).below.centerArrow .tooltipArrow {
  left: 50%;
}
.tooltip:global(.cobalt):global(.night).below.centerArrow .tooltipArrow::after {
  transform-origin: top left;
  transform: rotate(45deg) skew(5deg, 5deg);
}
.tooltip:global(.cobalt):global(.night).below.rightArrow .tooltipArrow {
  left: 0;
  overflow: hidden;
}
.tooltip:global(.cobalt):global(.night).below.rightArrow .tooltipArrow::after {
  left: 0;
  transform-origin: top left;
  transform: rotate(45deg) skew(45deg, 5deg);
}
.tooltip:global(.cobalt):global(.night).below.rightArrow .tooltipLabel {
  border-top-left-radius: 0;
}
.tooltip:global(.cobalt):global(.night).above .tooltipArrow {
  bottom: 0.25rem;
}
.tooltip:global(.cobalt):global(.night).above .tooltipLabel {
  margin-bottom: 0.625rem;
}
.tooltip:global(.cobalt):global(.night).above.leftArrow .tooltipArrow {
  right: 0;
  overflow: hidden;
}
.tooltip:global(.cobalt):global(.night).above.leftArrow .tooltipArrow::after {
  left: 0;
  transform-origin: bottom right;
  transform: rotate(45deg) skew(45deg, 5deg);
}
.tooltip:global(.cobalt):global(.night).above.leftArrow .tooltipLabel {
  border-bottom-right-radius: 0;
}
.tooltip:global(.cobalt):global(.night).above.centerArrow .tooltipArrow::after {
  transform-origin: bottom left;
  transform: rotate(-45deg) skew(-5deg, -5deg);
}
.tooltip:global(.cobalt):global(.night).above.rightArrow .tooltipArrow {
  left: 0;
  overflow: hidden;
}
.tooltip:global(.cobalt):global(.night).above.rightArrow .tooltipArrow::after {
  left: 0;
  transform-origin: bottom left;
  transform: rotate(-45deg) skew(-45deg, -5deg);
}
.tooltip:global(.cobalt):global(.night).above.rightArrow .tooltipLabel {
  border-bottom-left-radius: 0;
}
.tooltip:global(.cobalt):global(.night).left .tooltipArrow {
  right: 0.25rem;
}
.tooltip:global(.cobalt):global(.night).left .tooltipLabel {
  margin-right: 0.625rem;
}
.tooltip:global(.cobalt):global(.night).left.topArrow .tooltipArrow {
  bottom: 0;
  overflow: hidden;
}
.tooltip:global(.cobalt):global(.night).left.topArrow .tooltipArrow::after {
  left: 0;
  transform-origin: bottom right;
  transform: rotate(-45deg) skew(5deg, 45deg);
}
.tooltip:global(.cobalt):global(.night).left.topArrow .tooltipLabel {
  border-bottom-right-radius: 0;
}
.tooltip:global(.cobalt):global(.night).left.middleArrow .tooltipArrow::after {
  transform-origin: top right;
  transform: rotate(45deg) skew(-5deg, -5deg);
}
.tooltip:global(.cobalt):global(.night).left.bottomArrow .tooltipArrow {
  overflow: hidden;
}
.tooltip:global(.cobalt):global(.night).left.bottomArrow .tooltipArrow::after {
  left: 0;
  transform-origin: top right;
  transform: rotate(45deg) skew(5deg, -45deg);
}
.tooltip:global(.cobalt):global(.night).left.bottomArrow .tooltipLabel {
  border-top-right-radius: 0;
}
.tooltip:global(.cobalt):global(.night).right .tooltipArrow {
  left: 0.25rem;
}
.tooltip:global(.cobalt):global(.night).right .tooltipLabel {
  margin-left: 0.625rem;
}
.tooltip:global(.cobalt):global(.night).right.topArrow .tooltipArrow {
  bottom: 0;
  overflow: hidden;
}
.tooltip:global(.cobalt):global(.night).right.topArrow .tooltipArrow::after {
  left: 0;
  transform-origin: bottom left;
  transform: rotate(45deg) skew(-5deg, -45deg);
}
.tooltip:global(.cobalt):global(.night).right.topArrow .tooltipLabel {
  border-bottom-left-radius: 0;
}
.tooltip:global(.cobalt):global(.night).right.middleArrow .tooltipArrow::after {
  transform-origin: top left;
  transform: rotate(-45deg) skew(5deg, 5deg);
}
.tooltip:global(.cobalt):global(.night).right.bottomArrow .tooltipArrow {
  overflow: hidden;
}
.tooltip:global(.cobalt):global(.night).right.bottomArrow .tooltipArrow::after {
  left: 0;
  transform-origin: top left;
  transform: rotate(-45deg) skew(5deg, 45deg);
}
.tooltip:global(.cobalt):global(.night).right.bottomArrow .tooltipLabel {
  border-top-left-radius: 0;
}
.tooltip:global(.cobalt):global(.night).absolute {
  width: 0;
  height: 0;
  top: var(--tooltip-position-top);
  left: var(--tooltip-position-left);
}
.tooltip:global(.cobalt):global(.night).absolute .tooltipAnchor {
  position: absolute;
}
.tooltip:global(.cobalt):global(.night).absolute.below {
  top: calc(var(--tooltip-position-top) + 0.125rem );
}
.tooltip:global(.cobalt):global(.night).absolute.below.leftArrow .tooltipAnchor {
  transform: translateX(-100%);
}
.tooltip:global(.cobalt):global(.night).absolute.below.centerArrow .tooltipAnchor {
  transform: translateX(-50%);
}
.tooltip:global(.cobalt):global(.night).absolute.below.rightArrow .tooltipAnchor {
  /* transform: translate(0, 0); */
}
.tooltip:global(.cobalt):global(.night).absolute.above {
  top: calc(var(--tooltip-position-top) - 0.125rem );
}
.tooltip:global(.cobalt):global(.night).absolute.above.leftArrow .tooltipAnchor {
  transform: translate(-100%, -100%);
}
.tooltip:global(.cobalt):global(.night).absolute.above.centerArrow .tooltipAnchor {
  transform: translate(-50%, -100%);
}
.tooltip:global(.cobalt):global(.night).absolute.above.rightArrow .tooltipAnchor {
  transform: translate(0, -100%);
}
.tooltip:global(.cobalt):global(.night).absolute.left {
  left: calc(var(--tooltip-position-left) - 0.125rem );
}
.tooltip:global(.cobalt):global(.night).absolute.left.topArrow .tooltipAnchor {
  transform: translate(-100%, -100%);
}
.tooltip:global(.cobalt):global(.night).absolute.left.middleArrow .tooltipAnchor {
  transform: translate(-100%, -50%);
}
.tooltip:global(.cobalt):global(.night).absolute.left.bottomArrow .tooltipAnchor {
  transform: translate(-100%, 0);
}
.tooltip:global(.cobalt):global(.night).absolute.right {
  left: calc(var(--tooltip-position-left) + 0.125rem );
}
.tooltip:global(.cobalt):global(.night).absolute.right.topArrow .tooltipAnchor {
  transform: translate(0, -100%);
}
.tooltip:global(.cobalt):global(.night).absolute.right.middleArrow .tooltipAnchor {
  transform: translate(0, -50%);
}
.tooltip:global(.cobalt):global(.night).absolute.right.bottomArrow .tooltipAnchor {
  /* transform: translate(0, 0); */
}
.tooltip:global(.cobalt):global(.night).relative.below {
  top: calc(100% + 0.125rem );
}
.tooltip:global(.cobalt):global(.night).relative.below.transparent {
  top: calc(100% + 0.125rem );
}
.tooltip:global(.cobalt):global(.night).relative.below.leftArrow {
  right: 50%;
}
.tooltip:global(.cobalt):global(.night).relative.below.centerArrow,
.tooltip:global(.cobalt):global(.night).relative.below.rightArrow {
  left: 50%;
}
.tooltip:global(.cobalt):global(.night).relative.below.centerArrow {
  transform: translateX(-50%);
}
.tooltip:global(.cobalt):global(.night).relative.above {
  bottom: calc(100% + 0.125rem );
}
.tooltip:global(.cobalt):global(.night).relative.above.transparent {
  bottom: calc(100% + 0.125rem );
}
.tooltip:global(.cobalt):global(.night).relative.above.leftArrow {
  right: 50%;
}
.tooltip:global(.cobalt):global(.night).relative.above.centerArrow,
.tooltip:global(.cobalt):global(.night).relative.above.rightArrow {
  left: 50%;
}
.tooltip:global(.cobalt):global(.night).relative.above.centerArrow {
  transform: translateX(-50%);
}
.tooltip:global(.cobalt):global(.night).relative.left {
  right: calc(100% + 0.125rem );
}
.tooltip:global(.cobalt):global(.night).relative.left.transparent {
  right: calc(100% + 0.125rem );
}
.tooltip:global(.cobalt):global(.night).relative.left.topArrow {
  bottom: 50%;
}
.tooltip:global(.cobalt):global(.night).relative.left.middleArrow,
.tooltip:global(.cobalt):global(.night).relative.left.bottomArrow {
  top: 50%;
}
.tooltip:global(.cobalt):global(.night).relative.left.middleArrow {
  transform: translateY(-50%);
}
.tooltip:global(.cobalt):global(.night).relative.right {
  left: calc(100% + 0.125rem );
}
.tooltip:global(.cobalt):global(.night).relative.right.transparent {
  left: calc(100% + 0.125rem );
}
.tooltip:global(.cobalt):global(.night).relative.right.topArrow {
  bottom: 50%;
}
.tooltip:global(.cobalt):global(.night).relative.right.middleArrow,
.tooltip:global(.cobalt):global(.night).relative.right.bottomArrow {
  top: 50%;
}
.tooltip:global(.cobalt):global(.night).relative.right.middleArrow {
  transform: translateY(-50%);
}
:global(.enact-locale-right-to-left) .tooltip:global(.cobalt):global(.night) {
  direction: ltr;
}
:global(.enact-locale-right-to-left) .tooltip:global(.cobalt):global(.night) .tooltipAnchor {
  direction: rtl;
}
.tooltip:global(.cobalt):global(.night) .tooltipArrow::after {
  background: #373739;
}
.tooltip:global(.cobalt):global(.night) .tooltipLabel {
  color: #fff;
  background-color: #373739;
}
.tooltip:global(.copper) .tooltipArrow {
  position: absolute;
  width: 0.5rem;
  height: 0.5rem;
  z-index: 1;
}
.tooltip:global(.copper) .tooltipArrow::after {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
}
.tooltip:global(.copper).rightArrow .tooltipArrow,
.tooltip:global(.copper).leftArrow .tooltipArrow {
  width: 0.5rem;
  height: 0.5rem;
}
.tooltip:global(.copper).centerArrow .tooltipArrow {
  width: 0.5rem;
  height: 0.5rem;
  left: 50%;
}
.tooltip:global(.copper).middleArrow .tooltipArrow {
  width: 0.5rem;
  height: 0.5rem;
  top: 50%;
}
.tooltip:global(.copper) .tooltipLabel {
  --agate-tooltip-label-width: auto;
  font-size: inherit;
  font-weight: 700;
  line-height: 1.875rem;
  white-space: nowrap;
  width: var(--agate-tooltip-label-width);
  padding: 0.125rem 0.75rem;
  border-radius: 0.125rem;
}
.tooltip:global(.copper) .tooltipLabel.marquee {
  max-width: var(--agate-tooltip-label-width, 25rem);
}
.tooltip:global(.copper) .tooltipLabel.multi {
  white-space: normal;
}
:global(.enact-locale-ja) .tooltip:global(.copper) .tooltipLabel.multi {
  line-break: strict;
}
.tooltip:global(.copper).below .tooltipArrow {
  top: 0.25rem;
}
.tooltip:global(.copper).below .tooltipLabel {
  margin-top: 0.625rem;
}
.tooltip:global(.copper).below.leftArrow .tooltipArrow {
  right: 0;
  overflow: hidden;
}
.tooltip:global(.copper).below.leftArrow .tooltipArrow::after {
  left: 0;
  transform-origin: top right;
  transform: rotate(-45deg) skew(-45deg, -5deg);
}
.tooltip:global(.copper).below.leftArrow .tooltipLabel {
  border-top-right-radius: 0;
}
.tooltip:global(.copper).below.centerArrow .tooltipArrow {
  left: 50%;
}
.tooltip:global(.copper).below.centerArrow .tooltipArrow::after {
  transform-origin: top left;
  transform: rotate(45deg) skew(5deg, 5deg);
}
.tooltip:global(.copper).below.rightArrow .tooltipArrow {
  left: 0;
  overflow: hidden;
}
.tooltip:global(.copper).below.rightArrow .tooltipArrow::after {
  left: 0;
  transform-origin: top left;
  transform: rotate(45deg) skew(45deg, 5deg);
}
.tooltip:global(.copper).below.rightArrow .tooltipLabel {
  border-top-left-radius: 0;
}
.tooltip:global(.copper).above .tooltipArrow {
  bottom: 0.25rem;
}
.tooltip:global(.copper).above .tooltipLabel {
  margin-bottom: 0.625rem;
}
.tooltip:global(.copper).above.leftArrow .tooltipArrow {
  right: 0;
  overflow: hidden;
}
.tooltip:global(.copper).above.leftArrow .tooltipArrow::after {
  left: 0;
  transform-origin: bottom right;
  transform: rotate(45deg) skew(45deg, 5deg);
}
.tooltip:global(.copper).above.leftArrow .tooltipLabel {
  border-bottom-right-radius: 0;
}
.tooltip:global(.copper).above.centerArrow .tooltipArrow::after {
  transform-origin: bottom left;
  transform: rotate(-45deg) skew(-5deg, -5deg);
}
.tooltip:global(.copper).above.rightArrow .tooltipArrow {
  left: 0;
  overflow: hidden;
}
.tooltip:global(.copper).above.rightArrow .tooltipArrow::after {
  left: 0;
  transform-origin: bottom left;
  transform: rotate(-45deg) skew(-45deg, -5deg);
}
.tooltip:global(.copper).above.rightArrow .tooltipLabel {
  border-bottom-left-radius: 0;
}
.tooltip:global(.copper).left .tooltipArrow {
  right: 0.25rem;
}
.tooltip:global(.copper).left .tooltipLabel {
  margin-right: 0.625rem;
}
.tooltip:global(.copper).left.topArrow .tooltipArrow {
  bottom: 0;
  overflow: hidden;
}
.tooltip:global(.copper).left.topArrow .tooltipArrow::after {
  left: 0;
  transform-origin: bottom right;
  transform: rotate(-45deg) skew(5deg, 45deg);
}
.tooltip:global(.copper).left.topArrow .tooltipLabel {
  border-bottom-right-radius: 0;
}
.tooltip:global(.copper).left.middleArrow .tooltipArrow::after {
  transform-origin: top right;
  transform: rotate(45deg) skew(-5deg, -5deg);
}
.tooltip:global(.copper).left.bottomArrow .tooltipArrow {
  overflow: hidden;
}
.tooltip:global(.copper).left.bottomArrow .tooltipArrow::after {
  left: 0;
  transform-origin: top right;
  transform: rotate(45deg) skew(5deg, -45deg);
}
.tooltip:global(.copper).left.bottomArrow .tooltipLabel {
  border-top-right-radius: 0;
}
.tooltip:global(.copper).right .tooltipArrow {
  left: 0.25rem;
}
.tooltip:global(.copper).right .tooltipLabel {
  margin-left: 0.625rem;
}
.tooltip:global(.copper).right.topArrow .tooltipArrow {
  bottom: 0;
  overflow: hidden;
}
.tooltip:global(.copper).right.topArrow .tooltipArrow::after {
  left: 0;
  transform-origin: bottom left;
  transform: rotate(45deg) skew(-5deg, -45deg);
}
.tooltip:global(.copper).right.topArrow .tooltipLabel {
  border-bottom-left-radius: 0;
}
.tooltip:global(.copper).right.middleArrow .tooltipArrow::after {
  transform-origin: top left;
  transform: rotate(-45deg) skew(5deg, 5deg);
}
.tooltip:global(.copper).right.bottomArrow .tooltipArrow {
  overflow: hidden;
}
.tooltip:global(.copper).right.bottomArrow .tooltipArrow::after {
  left: 0;
  transform-origin: top left;
  transform: rotate(-45deg) skew(5deg, 45deg);
}
.tooltip:global(.copper).right.bottomArrow .tooltipLabel {
  border-top-left-radius: 0;
}
.tooltip:global(.copper).absolute {
  width: 0;
  height: 0;
  top: var(--tooltip-position-top);
  left: var(--tooltip-position-left);
}
.tooltip:global(.copper).absolute .tooltipAnchor {
  position: absolute;
}
.tooltip:global(.copper).absolute.below {
  top: calc(var(--tooltip-position-top) + 0.125rem );
}
.tooltip:global(.copper).absolute.below.leftArrow .tooltipAnchor {
  transform: translateX(-100%);
}
.tooltip:global(.copper).absolute.below.centerArrow .tooltipAnchor {
  transform: translateX(-50%);
}
.tooltip:global(.copper).absolute.below.rightArrow .tooltipAnchor {
  /* transform: translate(0, 0); */
}
.tooltip:global(.copper).absolute.above {
  top: calc(var(--tooltip-position-top) - 0.125rem );
}
.tooltip:global(.copper).absolute.above.leftArrow .tooltipAnchor {
  transform: translate(-100%, -100%);
}
.tooltip:global(.copper).absolute.above.centerArrow .tooltipAnchor {
  transform: translate(-50%, -100%);
}
.tooltip:global(.copper).absolute.above.rightArrow .tooltipAnchor {
  transform: translate(0, -100%);
}
.tooltip:global(.copper).absolute.left {
  left: calc(var(--tooltip-position-left) - 0.125rem );
}
.tooltip:global(.copper).absolute.left.topArrow .tooltipAnchor {
  transform: translate(-100%, -100%);
}
.tooltip:global(.copper).absolute.left.middleArrow .tooltipAnchor {
  transform: translate(-100%, -50%);
}
.tooltip:global(.copper).absolute.left.bottomArrow .tooltipAnchor {
  transform: translate(-100%, 0);
}
.tooltip:global(.copper).absolute.right {
  left: calc(var(--tooltip-position-left) + 0.125rem );
}
.tooltip:global(.copper).absolute.right.topArrow .tooltipAnchor {
  transform: translate(0, -100%);
}
.tooltip:global(.copper).absolute.right.middleArrow .tooltipAnchor {
  transform: translate(0, -50%);
}
.tooltip:global(.copper).absolute.right.bottomArrow .tooltipAnchor {
  /* transform: translate(0, 0); */
}
.tooltip:global(.copper).relative.below {
  top: calc(100% + 0.125rem );
}
.tooltip:global(.copper).relative.below.transparent {
  top: calc(100% + 0.125rem );
}
.tooltip:global(.copper).relative.below.leftArrow {
  right: 50%;
}
.tooltip:global(.copper).relative.below.centerArrow,
.tooltip:global(.copper).relative.below.rightArrow {
  left: 50%;
}
.tooltip:global(.copper).relative.below.centerArrow {
  transform: translateX(-50%);
}
.tooltip:global(.copper).relative.above {
  bottom: calc(100% + 0.125rem );
}
.tooltip:global(.copper).relative.above.transparent {
  bottom: calc(100% + 0.125rem );
}
.tooltip:global(.copper).relative.above.leftArrow {
  right: 50%;
}
.tooltip:global(.copper).relative.above.centerArrow,
.tooltip:global(.copper).relative.above.rightArrow {
  left: 50%;
}
.tooltip:global(.copper).relative.above.centerArrow {
  transform: translateX(-50%);
}
.tooltip:global(.copper).relative.left {
  right: calc(100% + 0.125rem );
}
.tooltip:global(.copper).relative.left.transparent {
  right: calc(100% + 0.125rem );
}
.tooltip:global(.copper).relative.left.topArrow {
  bottom: 50%;
}
.tooltip:global(.copper).relative.left.middleArrow,
.tooltip:global(.copper).relative.left.bottomArrow {
  top: 50%;
}
.tooltip:global(.copper).relative.left.middleArrow {
  transform: translateY(-50%);
}
.tooltip:global(.copper).relative.right {
  left: calc(100% + 0.125rem );
}
.tooltip:global(.copper).relative.right.transparent {
  left: calc(100% + 0.125rem );
}
.tooltip:global(.copper).relative.right.topArrow {
  bottom: 50%;
}
.tooltip:global(.copper).relative.right.middleArrow,
.tooltip:global(.copper).relative.right.bottomArrow {
  top: 50%;
}
.tooltip:global(.copper).relative.right.middleArrow {
  transform: translateY(-50%);
}
:global(.enact-locale-right-to-left) .tooltip:global(.copper) {
  direction: ltr;
}
:global(.enact-locale-right-to-left) .tooltip:global(.copper) .tooltipAnchor {
  direction: rtl;
}
.tooltip:global(.copper) .tooltipArrow::after {
  background: #373739;
}
.tooltip:global(.copper) .tooltipLabel {
  color: #fff;
  background-color: #373739;
}
.tooltip:global(.copper):global(.night) .tooltipArrow {
  position: absolute;
  width: 0.5rem;
  height: 0.5rem;
  z-index: 1;
}
.tooltip:global(.copper):global(.night) .tooltipArrow::after {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
}
.tooltip:global(.copper):global(.night).rightArrow .tooltipArrow,
.tooltip:global(.copper):global(.night).leftArrow .tooltipArrow {
  width: 0.5rem;
  height: 0.5rem;
}
.tooltip:global(.copper):global(.night).centerArrow .tooltipArrow {
  width: 0.5rem;
  height: 0.5rem;
  left: 50%;
}
.tooltip:global(.copper):global(.night).middleArrow .tooltipArrow {
  width: 0.5rem;
  height: 0.5rem;
  top: 50%;
}
.tooltip:global(.copper):global(.night) .tooltipLabel {
  --agate-tooltip-label-width: auto;
  font-size: inherit;
  font-weight: 700;
  line-height: 1.875rem;
  white-space: nowrap;
  width: var(--agate-tooltip-label-width);
  padding: 0.125rem 0.75rem;
  border-radius: 0.125rem;
}
.tooltip:global(.copper):global(.night) .tooltipLabel.marquee {
  max-width: var(--agate-tooltip-label-width, 25rem);
}
.tooltip:global(.copper):global(.night) .tooltipLabel.multi {
  white-space: normal;
}
:global(.enact-locale-ja) .tooltip:global(.copper):global(.night) .tooltipLabel.multi {
  line-break: strict;
}
.tooltip:global(.copper):global(.night).below .tooltipArrow {
  top: 0.25rem;
}
.tooltip:global(.copper):global(.night).below .tooltipLabel {
  margin-top: 0.625rem;
}
.tooltip:global(.copper):global(.night).below.leftArrow .tooltipArrow {
  right: 0;
  overflow: hidden;
}
.tooltip:global(.copper):global(.night).below.leftArrow .tooltipArrow::after {
  left: 0;
  transform-origin: top right;
  transform: rotate(-45deg) skew(-45deg, -5deg);
}
.tooltip:global(.copper):global(.night).below.leftArrow .tooltipLabel {
  border-top-right-radius: 0;
}
.tooltip:global(.copper):global(.night).below.centerArrow .tooltipArrow {
  left: 50%;
}
.tooltip:global(.copper):global(.night).below.centerArrow .tooltipArrow::after {
  transform-origin: top left;
  transform: rotate(45deg) skew(5deg, 5deg);
}
.tooltip:global(.copper):global(.night).below.rightArrow .tooltipArrow {
  left: 0;
  overflow: hidden;
}
.tooltip:global(.copper):global(.night).below.rightArrow .tooltipArrow::after {
  left: 0;
  transform-origin: top left;
  transform: rotate(45deg) skew(45deg, 5deg);
}
.tooltip:global(.copper):global(.night).below.rightArrow .tooltipLabel {
  border-top-left-radius: 0;
}
.tooltip:global(.copper):global(.night).above .tooltipArrow {
  bottom: 0.25rem;
}
.tooltip:global(.copper):global(.night).above .tooltipLabel {
  margin-bottom: 0.625rem;
}
.tooltip:global(.copper):global(.night).above.leftArrow .tooltipArrow {
  right: 0;
  overflow: hidden;
}
.tooltip:global(.copper):global(.night).above.leftArrow .tooltipArrow::after {
  left: 0;
  transform-origin: bottom right;
  transform: rotate(45deg) skew(45deg, 5deg);
}
.tooltip:global(.copper):global(.night).above.leftArrow .tooltipLabel {
  border-bottom-right-radius: 0;
}
.tooltip:global(.copper):global(.night).above.centerArrow .tooltipArrow::after {
  transform-origin: bottom left;
  transform: rotate(-45deg) skew(-5deg, -5deg);
}
.tooltip:global(.copper):global(.night).above.rightArrow .tooltipArrow {
  left: 0;
  overflow: hidden;
}
.tooltip:global(.copper):global(.night).above.rightArrow .tooltipArrow::after {
  left: 0;
  transform-origin: bottom left;
  transform: rotate(-45deg) skew(-45deg, -5deg);
}
.tooltip:global(.copper):global(.night).above.rightArrow .tooltipLabel {
  border-bottom-left-radius: 0;
}
.tooltip:global(.copper):global(.night).left .tooltipArrow {
  right: 0.25rem;
}
.tooltip:global(.copper):global(.night).left .tooltipLabel {
  margin-right: 0.625rem;
}
.tooltip:global(.copper):global(.night).left.topArrow .tooltipArrow {
  bottom: 0;
  overflow: hidden;
}
.tooltip:global(.copper):global(.night).left.topArrow .tooltipArrow::after {
  left: 0;
  transform-origin: bottom right;
  transform: rotate(-45deg) skew(5deg, 45deg);
}
.tooltip:global(.copper):global(.night).left.topArrow .tooltipLabel {
  border-bottom-right-radius: 0;
}
.tooltip:global(.copper):global(.night).left.middleArrow .tooltipArrow::after {
  transform-origin: top right;
  transform: rotate(45deg) skew(-5deg, -5deg);
}
.tooltip:global(.copper):global(.night).left.bottomArrow .tooltipArrow {
  overflow: hidden;
}
.tooltip:global(.copper):global(.night).left.bottomArrow .tooltipArrow::after {
  left: 0;
  transform-origin: top right;
  transform: rotate(45deg) skew(5deg, -45deg);
}
.tooltip:global(.copper):global(.night).left.bottomArrow .tooltipLabel {
  border-top-right-radius: 0;
}
.tooltip:global(.copper):global(.night).right .tooltipArrow {
  left: 0.25rem;
}
.tooltip:global(.copper):global(.night).right .tooltipLabel {
  margin-left: 0.625rem;
}
.tooltip:global(.copper):global(.night).right.topArrow .tooltipArrow {
  bottom: 0;
  overflow: hidden;
}
.tooltip:global(.copper):global(.night).right.topArrow .tooltipArrow::after {
  left: 0;
  transform-origin: bottom left;
  transform: rotate(45deg) skew(-5deg, -45deg);
}
.tooltip:global(.copper):global(.night).right.topArrow .tooltipLabel {
  border-bottom-left-radius: 0;
}
.tooltip:global(.copper):global(.night).right.middleArrow .tooltipArrow::after {
  transform-origin: top left;
  transform: rotate(-45deg) skew(5deg, 5deg);
}
.tooltip:global(.copper):global(.night).right.bottomArrow .tooltipArrow {
  overflow: hidden;
}
.tooltip:global(.copper):global(.night).right.bottomArrow .tooltipArrow::after {
  left: 0;
  transform-origin: top left;
  transform: rotate(-45deg) skew(5deg, 45deg);
}
.tooltip:global(.copper):global(.night).right.bottomArrow .tooltipLabel {
  border-top-left-radius: 0;
}
.tooltip:global(.copper):global(.night).absolute {
  width: 0;
  height: 0;
  top: var(--tooltip-position-top);
  left: var(--tooltip-position-left);
}
.tooltip:global(.copper):global(.night).absolute .tooltipAnchor {
  position: absolute;
}
.tooltip:global(.copper):global(.night).absolute.below {
  top: calc(var(--tooltip-position-top) + 0.125rem );
}
.tooltip:global(.copper):global(.night).absolute.below.leftArrow .tooltipAnchor {
  transform: translateX(-100%);
}
.tooltip:global(.copper):global(.night).absolute.below.centerArrow .tooltipAnchor {
  transform: translateX(-50%);
}
.tooltip:global(.copper):global(.night).absolute.below.rightArrow .tooltipAnchor {
  /* transform: translate(0, 0); */
}
.tooltip:global(.copper):global(.night).absolute.above {
  top: calc(var(--tooltip-position-top) - 0.125rem );
}
.tooltip:global(.copper):global(.night).absolute.above.leftArrow .tooltipAnchor {
  transform: translate(-100%, -100%);
}
.tooltip:global(.copper):global(.night).absolute.above.centerArrow .tooltipAnchor {
  transform: translate(-50%, -100%);
}
.tooltip:global(.copper):global(.night).absolute.above.rightArrow .tooltipAnchor {
  transform: translate(0, -100%);
}
.tooltip:global(.copper):global(.night).absolute.left {
  left: calc(var(--tooltip-position-left) - 0.125rem );
}
.tooltip:global(.copper):global(.night).absolute.left.topArrow .tooltipAnchor {
  transform: translate(-100%, -100%);
}
.tooltip:global(.copper):global(.night).absolute.left.middleArrow .tooltipAnchor {
  transform: translate(-100%, -50%);
}
.tooltip:global(.copper):global(.night).absolute.left.bottomArrow .tooltipAnchor {
  transform: translate(-100%, 0);
}
.tooltip:global(.copper):global(.night).absolute.right {
  left: calc(var(--tooltip-position-left) + 0.125rem );
}
.tooltip:global(.copper):global(.night).absolute.right.topArrow .tooltipAnchor {
  transform: translate(0, -100%);
}
.tooltip:global(.copper):global(.night).absolute.right.middleArrow .tooltipAnchor {
  transform: translate(0, -50%);
}
.tooltip:global(.copper):global(.night).absolute.right.bottomArrow .tooltipAnchor {
  /* transform: translate(0, 0); */
}
.tooltip:global(.copper):global(.night).relative.below {
  top: calc(100% + 0.125rem );
}
.tooltip:global(.copper):global(.night).relative.below.transparent {
  top: calc(100% + 0.125rem );
}
.tooltip:global(.copper):global(.night).relative.below.leftArrow {
  right: 50%;
}
.tooltip:global(.copper):global(.night).relative.below.centerArrow,
.tooltip:global(.copper):global(.night).relative.below.rightArrow {
  left: 50%;
}
.tooltip:global(.copper):global(.night).relative.below.centerArrow {
  transform: translateX(-50%);
}
.tooltip:global(.copper):global(.night).relative.above {
  bottom: calc(100% + 0.125rem );
}
.tooltip:global(.copper):global(.night).relative.above.transparent {
  bottom: calc(100% + 0.125rem );
}
.tooltip:global(.copper):global(.night).relative.above.leftArrow {
  right: 50%;
}
.tooltip:global(.copper):global(.night).relative.above.centerArrow,
.tooltip:global(.copper):global(.night).relative.above.rightArrow {
  left: 50%;
}
.tooltip:global(.copper):global(.night).relative.above.centerArrow {
  transform: translateX(-50%);
}
.tooltip:global(.copper):global(.night).relative.left {
  right: calc(100% + 0.125rem );
}
.tooltip:global(.copper):global(.night).relative.left.transparent {
  right: calc(100% + 0.125rem );
}
.tooltip:global(.copper):global(.night).relative.left.topArrow {
  bottom: 50%;
}
.tooltip:global(.copper):global(.night).relative.left.middleArrow,
.tooltip:global(.copper):global(.night).relative.left.bottomArrow {
  top: 50%;
}
.tooltip:global(.copper):global(.night).relative.left.middleArrow {
  transform: translateY(-50%);
}
.tooltip:global(.copper):global(.night).relative.right {
  left: calc(100% + 0.125rem );
}
.tooltip:global(.copper):global(.night).relative.right.transparent {
  left: calc(100% + 0.125rem );
}
.tooltip:global(.copper):global(.night).relative.right.topArrow {
  bottom: 50%;
}
.tooltip:global(.copper):global(.night).relative.right.middleArrow,
.tooltip:global(.copper):global(.night).relative.right.bottomArrow {
  top: 50%;
}
.tooltip:global(.copper):global(.night).relative.right.middleArrow {
  transform: translateY(-50%);
}
:global(.enact-locale-right-to-left) .tooltip:global(.copper):global(.night) {
  direction: ltr;
}
:global(.enact-locale-right-to-left) .tooltip:global(.copper):global(.night) .tooltipAnchor {
  direction: rtl;
}
.tooltip:global(.copper):global(.night) .tooltipArrow::after {
  background: #373739;
}
.tooltip:global(.copper):global(.night) .tooltipLabel {
  color: #fff;
  background-color: #373739;
}
.tooltip:global(.electro) .tooltipArrow {
  position: absolute;
  width: 0.5rem;
  height: 0.5rem;
  z-index: 1;
}
.tooltip:global(.electro) .tooltipArrow::after {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
}
.tooltip:global(.electro).rightArrow .tooltipArrow,
.tooltip:global(.electro).leftArrow .tooltipArrow {
  width: 0.5rem;
  height: 0.5rem;
}
.tooltip:global(.electro).centerArrow .tooltipArrow {
  width: 0.5rem;
  height: 0.5rem;
  left: 50%;
}
.tooltip:global(.electro).middleArrow .tooltipArrow {
  width: 0.5rem;
  height: 0.5rem;
  top: 50%;
}
.tooltip:global(.electro) .tooltipLabel {
  --agate-tooltip-label-width: auto;
  font-size: inherit;
  font-weight: normal;
  line-height: 1.875rem;
  white-space: nowrap;
  width: var(--agate-tooltip-label-width);
  padding: 0.125rem 0.75rem;
  border-radius: 0.125rem;
}
.tooltip:global(.electro) .tooltipLabel.marquee {
  max-width: var(--agate-tooltip-label-width, 25rem);
}
.tooltip:global(.electro) .tooltipLabel.multi {
  white-space: normal;
}
:global(.enact-locale-ja) .tooltip:global(.electro) .tooltipLabel.multi {
  line-break: strict;
}
.tooltip:global(.electro).below .tooltipArrow {
  top: 0.25rem;
}
.tooltip:global(.electro).below .tooltipLabel {
  margin-top: 0.625rem;
}
.tooltip:global(.electro).below.leftArrow .tooltipArrow {
  right: 0;
  overflow: hidden;
}
.tooltip:global(.electro).below.leftArrow .tooltipArrow::after {
  left: 0;
  transform-origin: top right;
  transform: rotate(-45deg) skew(-45deg, -5deg);
}
.tooltip:global(.electro).below.leftArrow .tooltipLabel {
  border-top-right-radius: 0;
}
.tooltip:global(.electro).below.centerArrow .tooltipArrow {
  left: 50%;
}
.tooltip:global(.electro).below.centerArrow .tooltipArrow::after {
  transform-origin: top left;
  transform: rotate(45deg) skew(5deg, 5deg);
}
.tooltip:global(.electro).below.rightArrow .tooltipArrow {
  left: 0;
  overflow: hidden;
}
.tooltip:global(.electro).below.rightArrow .tooltipArrow::after {
  left: 0;
  transform-origin: top left;
  transform: rotate(45deg) skew(45deg, 5deg);
}
.tooltip:global(.electro).below.rightArrow .tooltipLabel {
  border-top-left-radius: 0;
}
.tooltip:global(.electro).above .tooltipArrow {
  bottom: 0.25rem;
}
.tooltip:global(.electro).above .tooltipLabel {
  margin-bottom: 0.625rem;
}
.tooltip:global(.electro).above.leftArrow .tooltipArrow {
  right: 0;
  overflow: hidden;
}
.tooltip:global(.electro).above.leftArrow .tooltipArrow::after {
  left: 0;
  transform-origin: bottom right;
  transform: rotate(45deg) skew(45deg, 5deg);
}
.tooltip:global(.electro).above.leftArrow .tooltipLabel {
  border-bottom-right-radius: 0;
}
.tooltip:global(.electro).above.centerArrow .tooltipArrow::after {
  transform-origin: bottom left;
  transform: rotate(-45deg) skew(-5deg, -5deg);
}
.tooltip:global(.electro).above.rightArrow .tooltipArrow {
  left: 0;
  overflow: hidden;
}
.tooltip:global(.electro).above.rightArrow .tooltipArrow::after {
  left: 0;
  transform-origin: bottom left;
  transform: rotate(-45deg) skew(-45deg, -5deg);
}
.tooltip:global(.electro).above.rightArrow .tooltipLabel {
  border-bottom-left-radius: 0;
}
.tooltip:global(.electro).left .tooltipArrow {
  right: 0.25rem;
}
.tooltip:global(.electro).left .tooltipLabel {
  margin-right: 0.625rem;
}
.tooltip:global(.electro).left.topArrow .tooltipArrow {
  bottom: 0;
  overflow: hidden;
}
.tooltip:global(.electro).left.topArrow .tooltipArrow::after {
  left: 0;
  transform-origin: bottom right;
  transform: rotate(-45deg) skew(5deg, 45deg);
}
.tooltip:global(.electro).left.topArrow .tooltipLabel {
  border-bottom-right-radius: 0;
}
.tooltip:global(.electro).left.middleArrow .tooltipArrow::after {
  transform-origin: top right;
  transform: rotate(45deg) skew(-5deg, -5deg);
}
.tooltip:global(.electro).left.bottomArrow .tooltipArrow {
  overflow: hidden;
}
.tooltip:global(.electro).left.bottomArrow .tooltipArrow::after {
  left: 0;
  transform-origin: top right;
  transform: rotate(45deg) skew(5deg, -45deg);
}
.tooltip:global(.electro).left.bottomArrow .tooltipLabel {
  border-top-right-radius: 0;
}
.tooltip:global(.electro).right .tooltipArrow {
  left: 0.25rem;
}
.tooltip:global(.electro).right .tooltipLabel {
  margin-left: 0.625rem;
}
.tooltip:global(.electro).right.topArrow .tooltipArrow {
  bottom: 0;
  overflow: hidden;
}
.tooltip:global(.electro).right.topArrow .tooltipArrow::after {
  left: 0;
  transform-origin: bottom left;
  transform: rotate(45deg) skew(-5deg, -45deg);
}
.tooltip:global(.electro).right.topArrow .tooltipLabel {
  border-bottom-left-radius: 0;
}
.tooltip:global(.electro).right.middleArrow .tooltipArrow::after {
  transform-origin: top left;
  transform: rotate(-45deg) skew(5deg, 5deg);
}
.tooltip:global(.electro).right.bottomArrow .tooltipArrow {
  overflow: hidden;
}
.tooltip:global(.electro).right.bottomArrow .tooltipArrow::after {
  left: 0;
  transform-origin: top left;
  transform: rotate(-45deg) skew(5deg, 45deg);
}
.tooltip:global(.electro).right.bottomArrow .tooltipLabel {
  border-top-left-radius: 0;
}
.tooltip:global(.electro).absolute {
  width: 0;
  height: 0;
  top: var(--tooltip-position-top);
  left: var(--tooltip-position-left);
}
.tooltip:global(.electro).absolute .tooltipAnchor {
  position: absolute;
}
.tooltip:global(.electro).absolute.below {
  top: calc(var(--tooltip-position-top) + 0.125rem );
}
.tooltip:global(.electro).absolute.below.leftArrow .tooltipAnchor {
  transform: translateX(-100%);
}
.tooltip:global(.electro).absolute.below.centerArrow .tooltipAnchor {
  transform: translateX(-50%);
}
.tooltip:global(.electro).absolute.below.rightArrow .tooltipAnchor {
  /* transform: translate(0, 0); */
}
.tooltip:global(.electro).absolute.above {
  top: calc(var(--tooltip-position-top) - 0.125rem );
}
.tooltip:global(.electro).absolute.above.leftArrow .tooltipAnchor {
  transform: translate(-100%, -100%);
}
.tooltip:global(.electro).absolute.above.centerArrow .tooltipAnchor {
  transform: translate(-50%, -100%);
}
.tooltip:global(.electro).absolute.above.rightArrow .tooltipAnchor {
  transform: translate(0, -100%);
}
.tooltip:global(.electro).absolute.left {
  left: calc(var(--tooltip-position-left) - 0.125rem );
}
.tooltip:global(.electro).absolute.left.topArrow .tooltipAnchor {
  transform: translate(-100%, -100%);
}
.tooltip:global(.electro).absolute.left.middleArrow .tooltipAnchor {
  transform: translate(-100%, -50%);
}
.tooltip:global(.electro).absolute.left.bottomArrow .tooltipAnchor {
  transform: translate(-100%, 0);
}
.tooltip:global(.electro).absolute.right {
  left: calc(var(--tooltip-position-left) + 0.125rem );
}
.tooltip:global(.electro).absolute.right.topArrow .tooltipAnchor {
  transform: translate(0, -100%);
}
.tooltip:global(.electro).absolute.right.middleArrow .tooltipAnchor {
  transform: translate(0, -50%);
}
.tooltip:global(.electro).absolute.right.bottomArrow .tooltipAnchor {
  /* transform: translate(0, 0); */
}
.tooltip:global(.electro).relative.below {
  top: calc(100% + 0.125rem );
}
.tooltip:global(.electro).relative.below.transparent {
  top: calc(100% + 0.125rem );
}
.tooltip:global(.electro).relative.below.leftArrow {
  right: 50%;
}
.tooltip:global(.electro).relative.below.centerArrow,
.tooltip:global(.electro).relative.below.rightArrow {
  left: 50%;
}
.tooltip:global(.electro).relative.below.centerArrow {
  transform: translateX(-50%);
}
.tooltip:global(.electro).relative.above {
  bottom: calc(100% + 0.125rem );
}
.tooltip:global(.electro).relative.above.transparent {
  bottom: calc(100% + 0.125rem );
}
.tooltip:global(.electro).relative.above.leftArrow {
  right: 50%;
}
.tooltip:global(.electro).relative.above.centerArrow,
.tooltip:global(.electro).relative.above.rightArrow {
  left: 50%;
}
.tooltip:global(.electro).relative.above.centerArrow {
  transform: translateX(-50%);
}
.tooltip:global(.electro).relative.left {
  right: calc(100% + 0.125rem );
}
.tooltip:global(.electro).relative.left.transparent {
  right: calc(100% + 0.125rem );
}
.tooltip:global(.electro).relative.left.topArrow {
  bottom: 50%;
}
.tooltip:global(.electro).relative.left.middleArrow,
.tooltip:global(.electro).relative.left.bottomArrow {
  top: 50%;
}
.tooltip:global(.electro).relative.left.middleArrow {
  transform: translateY(-50%);
}
.tooltip:global(.electro).relative.right {
  left: calc(100% + 0.125rem );
}
.tooltip:global(.electro).relative.right.transparent {
  left: calc(100% + 0.125rem );
}
.tooltip:global(.electro).relative.right.topArrow {
  bottom: 50%;
}
.tooltip:global(.electro).relative.right.middleArrow,
.tooltip:global(.electro).relative.right.bottomArrow {
  top: 50%;
}
.tooltip:global(.electro).relative.right.middleArrow {
  transform: translateY(-50%);
}
:global(.enact-locale-right-to-left) .tooltip:global(.electro) {
  direction: ltr;
}
:global(.enact-locale-right-to-left) .tooltip:global(.electro) .tooltipAnchor {
  direction: rtl;
}
.tooltip:global(.electro) .tooltipArrow::after {
  background: var(--agate-accent-color, #0359f0);
}
.tooltip:global(.electro) .tooltipLabel {
  color: #fff;
  background-color: var(--agate-accent-color, #0359f0);
}
.tooltip:global(.gallium) .tooltipArrow {
  position: absolute;
  width: 0.5rem;
  height: 0.5rem;
  z-index: 1;
}
.tooltip:global(.gallium) .tooltipArrow::after {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
}
.tooltip:global(.gallium).rightArrow .tooltipArrow,
.tooltip:global(.gallium).leftArrow .tooltipArrow {
  width: 0.5rem;
  height: 0.5rem;
}
.tooltip:global(.gallium).centerArrow .tooltipArrow {
  width: 0.5rem;
  height: 0.5rem;
  left: 50%;
}
.tooltip:global(.gallium).middleArrow .tooltipArrow {
  width: 0.5rem;
  height: 0.5rem;
  top: 50%;
}
.tooltip:global(.gallium) .tooltipLabel {
  --agate-tooltip-label-width: auto;
  font-size: 1.125rem;
  font-weight: normal;
  line-height: 1.875rem;
  white-space: nowrap;
  width: var(--agate-tooltip-label-width);
  padding: 0.125rem 0.75rem;
  border-radius: 0.125rem;
}
.tooltip:global(.gallium) .tooltipLabel.marquee {
  max-width: var(--agate-tooltip-label-width, 25rem);
}
.tooltip:global(.gallium) .tooltipLabel.multi {
  white-space: normal;
}
:global(.enact-locale-ja) .tooltip:global(.gallium) .tooltipLabel.multi {
  line-break: strict;
}
.tooltip:global(.gallium).below .tooltipArrow {
  top: 0.25rem;
}
.tooltip:global(.gallium).below .tooltipLabel {
  margin-top: 0.625rem;
}
.tooltip:global(.gallium).below.leftArrow .tooltipArrow {
  right: 0;
  overflow: hidden;
}
.tooltip:global(.gallium).below.leftArrow .tooltipArrow::after {
  left: 0;
  transform-origin: top right;
  transform: rotate(-45deg) skew(-45deg, -5deg);
}
.tooltip:global(.gallium).below.leftArrow .tooltipLabel {
  border-top-right-radius: 0;
}
.tooltip:global(.gallium).below.centerArrow .tooltipArrow {
  left: 50%;
}
.tooltip:global(.gallium).below.centerArrow .tooltipArrow::after {
  transform-origin: top left;
  transform: rotate(45deg) skew(5deg, 5deg);
}
.tooltip:global(.gallium).below.rightArrow .tooltipArrow {
  left: 0;
  overflow: hidden;
}
.tooltip:global(.gallium).below.rightArrow .tooltipArrow::after {
  left: 0;
  transform-origin: top left;
  transform: rotate(45deg) skew(45deg, 5deg);
}
.tooltip:global(.gallium).below.rightArrow .tooltipLabel {
  border-top-left-radius: 0;
}
.tooltip:global(.gallium).above .tooltipArrow {
  bottom: 0.25rem;
}
.tooltip:global(.gallium).above .tooltipLabel {
  margin-bottom: 0.625rem;
}
.tooltip:global(.gallium).above.leftArrow .tooltipArrow {
  right: 0;
  overflow: hidden;
}
.tooltip:global(.gallium).above.leftArrow .tooltipArrow::after {
  left: 0;
  transform-origin: bottom right;
  transform: rotate(45deg) skew(45deg, 5deg);
}
.tooltip:global(.gallium).above.leftArrow .tooltipLabel {
  border-bottom-right-radius: 0;
}
.tooltip:global(.gallium).above.centerArrow .tooltipArrow::after {
  transform-origin: bottom left;
  transform: rotate(-45deg) skew(-5deg, -5deg);
}
.tooltip:global(.gallium).above.rightArrow .tooltipArrow {
  left: 0;
  overflow: hidden;
}
.tooltip:global(.gallium).above.rightArrow .tooltipArrow::after {
  left: 0;
  transform-origin: bottom left;
  transform: rotate(-45deg) skew(-45deg, -5deg);
}
.tooltip:global(.gallium).above.rightArrow .tooltipLabel {
  border-bottom-left-radius: 0;
}
.tooltip:global(.gallium).left .tooltipArrow {
  right: 0.25rem;
}
.tooltip:global(.gallium).left .tooltipLabel {
  margin-right: 0.625rem;
}
.tooltip:global(.gallium).left.topArrow .tooltipArrow {
  bottom: 0;
  overflow: hidden;
}
.tooltip:global(.gallium).left.topArrow .tooltipArrow::after {
  left: 0;
  transform-origin: bottom right;
  transform: rotate(-45deg) skew(5deg, 45deg);
}
.tooltip:global(.gallium).left.topArrow .tooltipLabel {
  border-bottom-right-radius: 0;
}
.tooltip:global(.gallium).left.middleArrow .tooltipArrow::after {
  transform-origin: top right;
  transform: rotate(45deg) skew(-5deg, -5deg);
}
.tooltip:global(.gallium).left.bottomArrow .tooltipArrow {
  overflow: hidden;
}
.tooltip:global(.gallium).left.bottomArrow .tooltipArrow::after {
  left: 0;
  transform-origin: top right;
  transform: rotate(45deg) skew(5deg, -45deg);
}
.tooltip:global(.gallium).left.bottomArrow .tooltipLabel {
  border-top-right-radius: 0;
}
.tooltip:global(.gallium).right .tooltipArrow {
  left: 0.25rem;
}
.tooltip:global(.gallium).right .tooltipLabel {
  margin-left: 0.625rem;
}
.tooltip:global(.gallium).right.topArrow .tooltipArrow {
  bottom: 0;
  overflow: hidden;
}
.tooltip:global(.gallium).right.topArrow .tooltipArrow::after {
  left: 0;
  transform-origin: bottom left;
  transform: rotate(45deg) skew(-5deg, -45deg);
}
.tooltip:global(.gallium).right.topArrow .tooltipLabel {
  border-bottom-left-radius: 0;
}
.tooltip:global(.gallium).right.middleArrow .tooltipArrow::after {
  transform-origin: top left;
  transform: rotate(-45deg) skew(5deg, 5deg);
}
.tooltip:global(.gallium).right.bottomArrow .tooltipArrow {
  overflow: hidden;
}
.tooltip:global(.gallium).right.bottomArrow .tooltipArrow::after {
  left: 0;
  transform-origin: top left;
  transform: rotate(-45deg) skew(5deg, 45deg);
}
.tooltip:global(.gallium).right.bottomArrow .tooltipLabel {
  border-top-left-radius: 0;
}
.tooltip:global(.gallium).absolute {
  width: 0;
  height: 0;
  top: var(--tooltip-position-top);
  left: var(--tooltip-position-left);
}
.tooltip:global(.gallium).absolute .tooltipAnchor {
  position: absolute;
}
.tooltip:global(.gallium).absolute.below {
  top: calc(var(--tooltip-position-top) + 0.125rem );
}
.tooltip:global(.gallium).absolute.below.leftArrow .tooltipAnchor {
  transform: translateX(-100%);
}
.tooltip:global(.gallium).absolute.below.centerArrow .tooltipAnchor {
  transform: translateX(-50%);
}
.tooltip:global(.gallium).absolute.below.rightArrow .tooltipAnchor {
  /* transform: translate(0, 0); */
}
.tooltip:global(.gallium).absolute.above {
  top: calc(var(--tooltip-position-top) - 0.125rem );
}
.tooltip:global(.gallium).absolute.above.leftArrow .tooltipAnchor {
  transform: translate(-100%, -100%);
}
.tooltip:global(.gallium).absolute.above.centerArrow .tooltipAnchor {
  transform: translate(-50%, -100%);
}
.tooltip:global(.gallium).absolute.above.rightArrow .tooltipAnchor {
  transform: translate(0, -100%);
}
.tooltip:global(.gallium).absolute.left {
  left: calc(var(--tooltip-position-left) - 0.125rem );
}
.tooltip:global(.gallium).absolute.left.topArrow .tooltipAnchor {
  transform: translate(-100%, -100%);
}
.tooltip:global(.gallium).absolute.left.middleArrow .tooltipAnchor {
  transform: translate(-100%, -50%);
}
.tooltip:global(.gallium).absolute.left.bottomArrow .tooltipAnchor {
  transform: translate(-100%, 0);
}
.tooltip:global(.gallium).absolute.right {
  left: calc(var(--tooltip-position-left) + 0.125rem );
}
.tooltip:global(.gallium).absolute.right.topArrow .tooltipAnchor {
  transform: translate(0, -100%);
}
.tooltip:global(.gallium).absolute.right.middleArrow .tooltipAnchor {
  transform: translate(0, -50%);
}
.tooltip:global(.gallium).absolute.right.bottomArrow .tooltipAnchor {
  /* transform: translate(0, 0); */
}
.tooltip:global(.gallium).relative.below {
  top: calc(100% + 0.125rem );
}
.tooltip:global(.gallium).relative.below.transparent {
  top: calc(100% + 0.125rem );
}
.tooltip:global(.gallium).relative.below.leftArrow {
  right: 50%;
}
.tooltip:global(.gallium).relative.below.centerArrow,
.tooltip:global(.gallium).relative.below.rightArrow {
  left: 50%;
}
.tooltip:global(.gallium).relative.below.centerArrow {
  transform: translateX(-50%);
}
.tooltip:global(.gallium).relative.above {
  bottom: calc(100% + 0.125rem );
}
.tooltip:global(.gallium).relative.above.transparent {
  bottom: calc(100% + 0.125rem );
}
.tooltip:global(.gallium).relative.above.leftArrow {
  right: 50%;
}
.tooltip:global(.gallium).relative.above.centerArrow,
.tooltip:global(.gallium).relative.above.rightArrow {
  left: 50%;
}
.tooltip:global(.gallium).relative.above.centerArrow {
  transform: translateX(-50%);
}
.tooltip:global(.gallium).relative.left {
  right: calc(100% + 0.125rem );
}
.tooltip:global(.gallium).relative.left.transparent {
  right: calc(100% + 0.125rem );
}
.tooltip:global(.gallium).relative.left.topArrow {
  bottom: 50%;
}
.tooltip:global(.gallium).relative.left.middleArrow,
.tooltip:global(.gallium).relative.left.bottomArrow {
  top: 50%;
}
.tooltip:global(.gallium).relative.left.middleArrow {
  transform: translateY(-50%);
}
.tooltip:global(.gallium).relative.right {
  left: calc(100% + 0.125rem );
}
.tooltip:global(.gallium).relative.right.transparent {
  left: calc(100% + 0.125rem );
}
.tooltip:global(.gallium).relative.right.topArrow {
  bottom: 50%;
}
.tooltip:global(.gallium).relative.right.middleArrow,
.tooltip:global(.gallium).relative.right.bottomArrow {
  top: 50%;
}
.tooltip:global(.gallium).relative.right.middleArrow {
  transform: translateY(-50%);
}
:global(.enact-locale-right-to-left) .tooltip:global(.gallium) {
  direction: ltr;
}
:global(.enact-locale-right-to-left) .tooltip:global(.gallium) .tooltipAnchor {
  direction: rtl;
}
.tooltip:global(.gallium) .tooltipArrow::after {
  background: #373737;
}
.tooltip:global(.gallium) .tooltipLabel {
  color: #ffffff;
  background-color: #373737;
}
.tooltip:global(.gallium):global(.night) .tooltipArrow {
  position: absolute;
  width: 0.5rem;
  height: 0.5rem;
  z-index: 1;
}
.tooltip:global(.gallium):global(.night) .tooltipArrow::after {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
}
.tooltip:global(.gallium):global(.night).rightArrow .tooltipArrow,
.tooltip:global(.gallium):global(.night).leftArrow .tooltipArrow {
  width: 0.5rem;
  height: 0.5rem;
}
.tooltip:global(.gallium):global(.night).centerArrow .tooltipArrow {
  width: 0.5rem;
  height: 0.5rem;
  left: 50%;
}
.tooltip:global(.gallium):global(.night).middleArrow .tooltipArrow {
  width: 0.5rem;
  height: 0.5rem;
  top: 50%;
}
.tooltip:global(.gallium):global(.night) .tooltipLabel {
  --agate-tooltip-label-width: auto;
  font-size: 1.125rem;
  font-weight: normal;
  line-height: 1.875rem;
  white-space: nowrap;
  width: var(--agate-tooltip-label-width);
  padding: 0.125rem 0.75rem;
  border-radius: 0.125rem;
}
.tooltip:global(.gallium):global(.night) .tooltipLabel.marquee {
  max-width: var(--agate-tooltip-label-width, 25rem);
}
.tooltip:global(.gallium):global(.night) .tooltipLabel.multi {
  white-space: normal;
}
:global(.enact-locale-ja) .tooltip:global(.gallium):global(.night) .tooltipLabel.multi {
  line-break: strict;
}
.tooltip:global(.gallium):global(.night).below .tooltipArrow {
  top: 0.25rem;
}
.tooltip:global(.gallium):global(.night).below .tooltipLabel {
  margin-top: 0.625rem;
}
.tooltip:global(.gallium):global(.night).below.leftArrow .tooltipArrow {
  right: 0;
  overflow: hidden;
}
.tooltip:global(.gallium):global(.night).below.leftArrow .tooltipArrow::after {
  left: 0;
  transform-origin: top right;
  transform: rotate(-45deg) skew(-45deg, -5deg);
}
.tooltip:global(.gallium):global(.night).below.leftArrow .tooltipLabel {
  border-top-right-radius: 0;
}
.tooltip:global(.gallium):global(.night).below.centerArrow .tooltipArrow {
  left: 50%;
}
.tooltip:global(.gallium):global(.night).below.centerArrow .tooltipArrow::after {
  transform-origin: top left;
  transform: rotate(45deg) skew(5deg, 5deg);
}
.tooltip:global(.gallium):global(.night).below.rightArrow .tooltipArrow {
  left: 0;
  overflow: hidden;
}
.tooltip:global(.gallium):global(.night).below.rightArrow .tooltipArrow::after {
  left: 0;
  transform-origin: top left;
  transform: rotate(45deg) skew(45deg, 5deg);
}
.tooltip:global(.gallium):global(.night).below.rightArrow .tooltipLabel {
  border-top-left-radius: 0;
}
.tooltip:global(.gallium):global(.night).above .tooltipArrow {
  bottom: 0.25rem;
}
.tooltip:global(.gallium):global(.night).above .tooltipLabel {
  margin-bottom: 0.625rem;
}
.tooltip:global(.gallium):global(.night).above.leftArrow .tooltipArrow {
  right: 0;
  overflow: hidden;
}
.tooltip:global(.gallium):global(.night).above.leftArrow .tooltipArrow::after {
  left: 0;
  transform-origin: bottom right;
  transform: rotate(45deg) skew(45deg, 5deg);
}
.tooltip:global(.gallium):global(.night).above.leftArrow .tooltipLabel {
  border-bottom-right-radius: 0;
}
.tooltip:global(.gallium):global(.night).above.centerArrow .tooltipArrow::after {
  transform-origin: bottom left;
  transform: rotate(-45deg) skew(-5deg, -5deg);
}
.tooltip:global(.gallium):global(.night).above.rightArrow .tooltipArrow {
  left: 0;
  overflow: hidden;
}
.tooltip:global(.gallium):global(.night).above.rightArrow .tooltipArrow::after {
  left: 0;
  transform-origin: bottom left;
  transform: rotate(-45deg) skew(-45deg, -5deg);
}
.tooltip:global(.gallium):global(.night).above.rightArrow .tooltipLabel {
  border-bottom-left-radius: 0;
}
.tooltip:global(.gallium):global(.night).left .tooltipArrow {
  right: 0.25rem;
}
.tooltip:global(.gallium):global(.night).left .tooltipLabel {
  margin-right: 0.625rem;
}
.tooltip:global(.gallium):global(.night).left.topArrow .tooltipArrow {
  bottom: 0;
  overflow: hidden;
}
.tooltip:global(.gallium):global(.night).left.topArrow .tooltipArrow::after {
  left: 0;
  transform-origin: bottom right;
  transform: rotate(-45deg) skew(5deg, 45deg);
}
.tooltip:global(.gallium):global(.night).left.topArrow .tooltipLabel {
  border-bottom-right-radius: 0;
}
.tooltip:global(.gallium):global(.night).left.middleArrow .tooltipArrow::after {
  transform-origin: top right;
  transform: rotate(45deg) skew(-5deg, -5deg);
}
.tooltip:global(.gallium):global(.night).left.bottomArrow .tooltipArrow {
  overflow: hidden;
}
.tooltip:global(.gallium):global(.night).left.bottomArrow .tooltipArrow::after {
  left: 0;
  transform-origin: top right;
  transform: rotate(45deg) skew(5deg, -45deg);
}
.tooltip:global(.gallium):global(.night).left.bottomArrow .tooltipLabel {
  border-top-right-radius: 0;
}
.tooltip:global(.gallium):global(.night).right .tooltipArrow {
  left: 0.25rem;
}
.tooltip:global(.gallium):global(.night).right .tooltipLabel {
  margin-left: 0.625rem;
}
.tooltip:global(.gallium):global(.night).right.topArrow .tooltipArrow {
  bottom: 0;
  overflow: hidden;
}
.tooltip:global(.gallium):global(.night).right.topArrow .tooltipArrow::after {
  left: 0;
  transform-origin: bottom left;
  transform: rotate(45deg) skew(-5deg, -45deg);
}
.tooltip:global(.gallium):global(.night).right.topArrow .tooltipLabel {
  border-bottom-left-radius: 0;
}
.tooltip:global(.gallium):global(.night).right.middleArrow .tooltipArrow::after {
  transform-origin: top left;
  transform: rotate(-45deg) skew(5deg, 5deg);
}
.tooltip:global(.gallium):global(.night).right.bottomArrow .tooltipArrow {
  overflow: hidden;
}
.tooltip:global(.gallium):global(.night).right.bottomArrow .tooltipArrow::after {
  left: 0;
  transform-origin: top left;
  transform: rotate(-45deg) skew(5deg, 45deg);
}
.tooltip:global(.gallium):global(.night).right.bottomArrow .tooltipLabel {
  border-top-left-radius: 0;
}
.tooltip:global(.gallium):global(.night).absolute {
  width: 0;
  height: 0;
  top: var(--tooltip-position-top);
  left: var(--tooltip-position-left);
}
.tooltip:global(.gallium):global(.night).absolute .tooltipAnchor {
  position: absolute;
}
.tooltip:global(.gallium):global(.night).absolute.below {
  top: calc(var(--tooltip-position-top) + 0.125rem );
}
.tooltip:global(.gallium):global(.night).absolute.below.leftArrow .tooltipAnchor {
  transform: translateX(-100%);
}
.tooltip:global(.gallium):global(.night).absolute.below.centerArrow .tooltipAnchor {
  transform: translateX(-50%);
}
.tooltip:global(.gallium):global(.night).absolute.below.rightArrow .tooltipAnchor {
  /* transform: translate(0, 0); */
}
.tooltip:global(.gallium):global(.night).absolute.above {
  top: calc(var(--tooltip-position-top) - 0.125rem );
}
.tooltip:global(.gallium):global(.night).absolute.above.leftArrow .tooltipAnchor {
  transform: translate(-100%, -100%);
}
.tooltip:global(.gallium):global(.night).absolute.above.centerArrow .tooltipAnchor {
  transform: translate(-50%, -100%);
}
.tooltip:global(.gallium):global(.night).absolute.above.rightArrow .tooltipAnchor {
  transform: translate(0, -100%);
}
.tooltip:global(.gallium):global(.night).absolute.left {
  left: calc(var(--tooltip-position-left) - 0.125rem );
}
.tooltip:global(.gallium):global(.night).absolute.left.topArrow .tooltipAnchor {
  transform: translate(-100%, -100%);
}
.tooltip:global(.gallium):global(.night).absolute.left.middleArrow .tooltipAnchor {
  transform: translate(-100%, -50%);
}
.tooltip:global(.gallium):global(.night).absolute.left.bottomArrow .tooltipAnchor {
  transform: translate(-100%, 0);
}
.tooltip:global(.gallium):global(.night).absolute.right {
  left: calc(var(--tooltip-position-left) + 0.125rem );
}
.tooltip:global(.gallium):global(.night).absolute.right.topArrow .tooltipAnchor {
  transform: translate(0, -100%);
}
.tooltip:global(.gallium):global(.night).absolute.right.middleArrow .tooltipAnchor {
  transform: translate(0, -50%);
}
.tooltip:global(.gallium):global(.night).absolute.right.bottomArrow .tooltipAnchor {
  /* transform: translate(0, 0); */
}
.tooltip:global(.gallium):global(.night).relative.below {
  top: calc(100% + 0.125rem );
}
.tooltip:global(.gallium):global(.night).relative.below.transparent {
  top: calc(100% + 0.125rem );
}
.tooltip:global(.gallium):global(.night).relative.below.leftArrow {
  right: 50%;
}
.tooltip:global(.gallium):global(.night).relative.below.centerArrow,
.tooltip:global(.gallium):global(.night).relative.below.rightArrow {
  left: 50%;
}
.tooltip:global(.gallium):global(.night).relative.below.centerArrow {
  transform: translateX(-50%);
}
.tooltip:global(.gallium):global(.night).relative.above {
  bottom: calc(100% + 0.125rem );
}
.tooltip:global(.gallium):global(.night).relative.above.transparent {
  bottom: calc(100% + 0.125rem );
}
.tooltip:global(.gallium):global(.night).relative.above.leftArrow {
  right: 50%;
}
.tooltip:global(.gallium):global(.night).relative.above.centerArrow,
.tooltip:global(.gallium):global(.night).relative.above.rightArrow {
  left: 50%;
}
.tooltip:global(.gallium):global(.night).relative.above.centerArrow {
  transform: translateX(-50%);
}
.tooltip:global(.gallium):global(.night).relative.left {
  right: calc(100% + 0.125rem );
}
.tooltip:global(.gallium):global(.night).relative.left.transparent {
  right: calc(100% + 0.125rem );
}
.tooltip:global(.gallium):global(.night).relative.left.topArrow {
  bottom: 50%;
}
.tooltip:global(.gallium):global(.night).relative.left.middleArrow,
.tooltip:global(.gallium):global(.night).relative.left.bottomArrow {
  top: 50%;
}
.tooltip:global(.gallium):global(.night).relative.left.middleArrow {
  transform: translateY(-50%);
}
.tooltip:global(.gallium):global(.night).relative.right {
  left: calc(100% + 0.125rem );
}
.tooltip:global(.gallium):global(.night).relative.right.transparent {
  left: calc(100% + 0.125rem );
}
.tooltip:global(.gallium):global(.night).relative.right.topArrow {
  bottom: 50%;
}
.tooltip:global(.gallium):global(.night).relative.right.middleArrow,
.tooltip:global(.gallium):global(.night).relative.right.bottomArrow {
  top: 50%;
}
.tooltip:global(.gallium):global(.night).relative.right.middleArrow {
  transform: translateY(-50%);
}
:global(.enact-locale-right-to-left) .tooltip:global(.gallium):global(.night) {
  direction: ltr;
}
:global(.enact-locale-right-to-left) .tooltip:global(.gallium):global(.night) .tooltipAnchor {
  direction: rtl;
}
.tooltip:global(.gallium):global(.night) .tooltipArrow::after {
  background: #373737;
}
.tooltip:global(.gallium):global(.night) .tooltipLabel {
  color: #ffffff;
  background-color: #373737;
}
.tooltip:global(.silicon) .tooltipArrow {
  position: absolute;
  width: 0.625rem;
  height: 0.625rem;
  z-index: 1;
}
.tooltip:global(.silicon) .tooltipArrow::after {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
}
.tooltip:global(.silicon).rightArrow .tooltipArrow,
.tooltip:global(.silicon).leftArrow .tooltipArrow {
  width: 0.625rem;
  height: 0.625rem;
}
.tooltip:global(.silicon).centerArrow .tooltipArrow {
  width: 0.625rem;
  height: 0.625rem;
  left: 50%;
}
.tooltip:global(.silicon).middleArrow .tooltipArrow {
  width: 0.625rem;
  height: 0.625rem;
  top: 50%;
}
.tooltip:global(.silicon) .tooltipLabel {
  --agate-tooltip-label-width: auto;
  font-size: 1.125rem;
  font-weight: 300;
  line-height: 1.625rem;
  white-space: nowrap;
  width: var(--agate-tooltip-label-width);
  padding: 0.625rem 0.875rem;
  border-radius: 0.375rem;
}
.tooltip:global(.silicon) .tooltipLabel.marquee {
  max-width: var(--agate-tooltip-label-width, 25rem);
}
.tooltip:global(.silicon) .tooltipLabel.multi {
  white-space: normal;
}
:global(.enact-locale-ja) .tooltip:global(.silicon) .tooltipLabel.multi {
  line-break: strict;
}
.tooltip:global(.silicon).below .tooltipArrow {
  top: 0.375rem;
}
.tooltip:global(.silicon).below .tooltipLabel {
  margin-top: 0.875rem;
}
.tooltip:global(.silicon).below.leftArrow .tooltipArrow {
  right: 0;
  overflow: hidden;
}
.tooltip:global(.silicon).below.leftArrow .tooltipArrow::after {
  left: 0;
  transform-origin: top right;
  transform: rotate(-45deg) skew(-45deg, -5deg);
}
.tooltip:global(.silicon).below.leftArrow .tooltipLabel {
  border-top-right-radius: 0;
}
.tooltip:global(.silicon).below.centerArrow .tooltipArrow {
  left: 50%;
}
.tooltip:global(.silicon).below.centerArrow .tooltipArrow::after {
  transform-origin: top left;
  transform: rotate(45deg) skew(5deg, 5deg);
}
.tooltip:global(.silicon).below.rightArrow .tooltipArrow {
  left: 0;
  overflow: hidden;
}
.tooltip:global(.silicon).below.rightArrow .tooltipArrow::after {
  left: 0;
  transform-origin: top left;
  transform: rotate(45deg) skew(45deg, 5deg);
}
.tooltip:global(.silicon).below.rightArrow .tooltipLabel {
  border-top-left-radius: 0;
}
.tooltip:global(.silicon).above .tooltipArrow {
  bottom: 0.375rem;
}
.tooltip:global(.silicon).above .tooltipLabel {
  margin-bottom: 0.875rem;
}
.tooltip:global(.silicon).above.leftArrow .tooltipArrow {
  right: 0;
  overflow: hidden;
}
.tooltip:global(.silicon).above.leftArrow .tooltipArrow::after {
  left: 0;
  transform-origin: bottom right;
  transform: rotate(45deg) skew(45deg, 5deg);
}
.tooltip:global(.silicon).above.leftArrow .tooltipLabel {
  border-bottom-right-radius: 0;
}
.tooltip:global(.silicon).above.centerArrow .tooltipArrow::after {
  transform-origin: bottom left;
  transform: rotate(-45deg) skew(-5deg, -5deg);
}
.tooltip:global(.silicon).above.rightArrow .tooltipArrow {
  left: 0;
  overflow: hidden;
}
.tooltip:global(.silicon).above.rightArrow .tooltipArrow::after {
  left: 0;
  transform-origin: bottom left;
  transform: rotate(-45deg) skew(-45deg, -5deg);
}
.tooltip:global(.silicon).above.rightArrow .tooltipLabel {
  border-bottom-left-radius: 0;
}
.tooltip:global(.silicon).left .tooltipArrow {
  right: 0.375rem;
}
.tooltip:global(.silicon).left .tooltipLabel {
  margin-right: 0.75rem;
}
.tooltip:global(.silicon).left.topArrow .tooltipArrow {
  bottom: 0;
  overflow: hidden;
}
.tooltip:global(.silicon).left.topArrow .tooltipArrow::after {
  left: 0;
  transform-origin: bottom right;
  transform: rotate(-45deg) skew(5deg, 45deg);
}
.tooltip:global(.silicon).left.topArrow .tooltipLabel {
  border-bottom-right-radius: 0;
}
.tooltip:global(.silicon).left.middleArrow .tooltipArrow::after {
  transform-origin: top right;
  transform: rotate(45deg) skew(-5deg, -5deg);
}
.tooltip:global(.silicon).left.bottomArrow .tooltipArrow {
  overflow: hidden;
}
.tooltip:global(.silicon).left.bottomArrow .tooltipArrow::after {
  left: 0;
  transform-origin: top right;
  transform: rotate(45deg) skew(5deg, -45deg);
}
.tooltip:global(.silicon).left.bottomArrow .tooltipLabel {
  border-top-right-radius: 0;
}
.tooltip:global(.silicon).right .tooltipArrow {
  left: 0.375rem;
}
.tooltip:global(.silicon).right .tooltipLabel {
  margin-left: 0.875rem;
}
.tooltip:global(.silicon).right.topArrow .tooltipArrow {
  bottom: 0;
  overflow: hidden;
}
.tooltip:global(.silicon).right.topArrow .tooltipArrow::after {
  left: 0;
  transform-origin: bottom left;
  transform: rotate(45deg) skew(-5deg, -45deg);
}
.tooltip:global(.silicon).right.topArrow .tooltipLabel {
  border-bottom-left-radius: 0;
}
.tooltip:global(.silicon).right.middleArrow .tooltipArrow::after {
  transform-origin: top left;
  transform: rotate(-45deg) skew(5deg, 5deg);
}
.tooltip:global(.silicon).right.bottomArrow .tooltipArrow {
  overflow: hidden;
}
.tooltip:global(.silicon).right.bottomArrow .tooltipArrow::after {
  left: 0;
  transform-origin: top left;
  transform: rotate(-45deg) skew(5deg, 45deg);
}
.tooltip:global(.silicon).right.bottomArrow .tooltipLabel {
  border-top-left-radius: 0;
}
.tooltip:global(.silicon).absolute {
  width: 0;
  height: 0;
  top: var(--tooltip-position-top);
  left: var(--tooltip-position-left);
}
.tooltip:global(.silicon).absolute .tooltipAnchor {
  position: absolute;
}
.tooltip:global(.silicon).absolute.below {
  top: calc(var(--tooltip-position-top) + 0.25rem );
}
.tooltip:global(.silicon).absolute.below.leftArrow .tooltipAnchor {
  transform: translateX(-100%);
}
.tooltip:global(.silicon).absolute.below.centerArrow .tooltipAnchor {
  transform: translateX(-50%);
}
.tooltip:global(.silicon).absolute.below.rightArrow .tooltipAnchor {
  /* transform: translate(0, 0); */
}
.tooltip:global(.silicon).absolute.above {
  top: calc(var(--tooltip-position-top) - 0.25rem );
}
.tooltip:global(.silicon).absolute.above.leftArrow .tooltipAnchor {
  transform: translate(-100%, -100%);
}
.tooltip:global(.silicon).absolute.above.centerArrow .tooltipAnchor {
  transform: translate(-50%, -100%);
}
.tooltip:global(.silicon).absolute.above.rightArrow .tooltipAnchor {
  transform: translate(0, -100%);
}
.tooltip:global(.silicon).absolute.left {
  left: calc(var(--tooltip-position-left) - 0.25rem );
}
.tooltip:global(.silicon).absolute.left.topArrow .tooltipAnchor {
  transform: translate(-100%, -100%);
}
.tooltip:global(.silicon).absolute.left.middleArrow .tooltipAnchor {
  transform: translate(-100%, -50%);
}
.tooltip:global(.silicon).absolute.left.bottomArrow .tooltipAnchor {
  transform: translate(-100%, 0);
}
.tooltip:global(.silicon).absolute.right {
  left: calc(var(--tooltip-position-left) + 0.25rem );
}
.tooltip:global(.silicon).absolute.right.topArrow .tooltipAnchor {
  transform: translate(0, -100%);
}
.tooltip:global(.silicon).absolute.right.middleArrow .tooltipAnchor {
  transform: translate(0, -50%);
}
.tooltip:global(.silicon).absolute.right.bottomArrow .tooltipAnchor {
  /* transform: translate(0, 0); */
}
.tooltip:global(.silicon).relative.below {
  top: calc(100% + 0.25rem );
}
.tooltip:global(.silicon).relative.below.transparent {
  top: calc(100% + 0.25rem );
}
.tooltip:global(.silicon).relative.below.leftArrow {
  right: 50%;
}
.tooltip:global(.silicon).relative.below.centerArrow,
.tooltip:global(.silicon).relative.below.rightArrow {
  left: 50%;
}
.tooltip:global(.silicon).relative.below.centerArrow {
  transform: translateX(-50%);
}
.tooltip:global(.silicon).relative.above {
  bottom: calc(100% + 0.25rem );
}
.tooltip:global(.silicon).relative.above.transparent {
  bottom: calc(100% + 0.25rem );
}
.tooltip:global(.silicon).relative.above.leftArrow {
  right: 50%;
}
.tooltip:global(.silicon).relative.above.centerArrow,
.tooltip:global(.silicon).relative.above.rightArrow {
  left: 50%;
}
.tooltip:global(.silicon).relative.above.centerArrow {
  transform: translateX(-50%);
}
.tooltip:global(.silicon).relative.left {
  right: calc(100% + 0.25rem );
}
.tooltip:global(.silicon).relative.left.transparent {
  right: calc(100% + 0.25rem );
}
.tooltip:global(.silicon).relative.left.topArrow {
  bottom: 50%;
}
.tooltip:global(.silicon).relative.left.middleArrow,
.tooltip:global(.silicon).relative.left.bottomArrow {
  top: 50%;
}
.tooltip:global(.silicon).relative.left.middleArrow {
  transform: translateY(-50%);
}
.tooltip:global(.silicon).relative.right {
  left: calc(100% + 0.25rem );
}
.tooltip:global(.silicon).relative.right.transparent {
  left: calc(100% + 0.25rem );
}
.tooltip:global(.silicon).relative.right.topArrow {
  bottom: 50%;
}
.tooltip:global(.silicon).relative.right.middleArrow,
.tooltip:global(.silicon).relative.right.bottomArrow {
  top: 50%;
}
.tooltip:global(.silicon).relative.right.middleArrow {
  transform: translateY(-50%);
}
:global(.enact-locale-right-to-left) .tooltip:global(.silicon) {
  direction: ltr;
}
:global(.enact-locale-right-to-left) .tooltip:global(.silicon) .tooltipAnchor {
  direction: rtl;
}
.tooltip:global(.silicon) .tooltipArrow::after {
  background: #777777;
}
.tooltip:global(.silicon) .tooltipLabel {
  color: #ffffff;
  background-color: #777777;
}
.tooltip:global(.silicon):global(.night) .tooltipArrow {
  position: absolute;
  width: 0.625rem;
  height: 0.625rem;
  z-index: 1;
}
.tooltip:global(.silicon):global(.night) .tooltipArrow::after {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
}
.tooltip:global(.silicon):global(.night).rightArrow .tooltipArrow,
.tooltip:global(.silicon):global(.night).leftArrow .tooltipArrow {
  width: 0.625rem;
  height: 0.625rem;
}
.tooltip:global(.silicon):global(.night).centerArrow .tooltipArrow {
  width: 0.625rem;
  height: 0.625rem;
  left: 50%;
}
.tooltip:global(.silicon):global(.night).middleArrow .tooltipArrow {
  width: 0.625rem;
  height: 0.625rem;
  top: 50%;
}
.tooltip:global(.silicon):global(.night) .tooltipLabel {
  --agate-tooltip-label-width: auto;
  font-size: 1.125rem;
  font-weight: 300;
  line-height: 1.625rem;
  white-space: nowrap;
  width: var(--agate-tooltip-label-width);
  padding: 0.625rem 0.875rem;
  border-radius: 0.375rem;
}
.tooltip:global(.silicon):global(.night) .tooltipLabel.marquee {
  max-width: var(--agate-tooltip-label-width, 25rem);
}
.tooltip:global(.silicon):global(.night) .tooltipLabel.multi {
  white-space: normal;
}
:global(.enact-locale-ja) .tooltip:global(.silicon):global(.night) .tooltipLabel.multi {
  line-break: strict;
}
.tooltip:global(.silicon):global(.night).below .tooltipArrow {
  top: 0.375rem;
}
.tooltip:global(.silicon):global(.night).below .tooltipLabel {
  margin-top: 0.875rem;
}
.tooltip:global(.silicon):global(.night).below.leftArrow .tooltipArrow {
  right: 0;
  overflow: hidden;
}
.tooltip:global(.silicon):global(.night).below.leftArrow .tooltipArrow::after {
  left: 0;
  transform-origin: top right;
  transform: rotate(-45deg) skew(-45deg, -5deg);
}
.tooltip:global(.silicon):global(.night).below.leftArrow .tooltipLabel {
  border-top-right-radius: 0;
}
.tooltip:global(.silicon):global(.night).below.centerArrow .tooltipArrow {
  left: 50%;
}
.tooltip:global(.silicon):global(.night).below.centerArrow .tooltipArrow::after {
  transform-origin: top left;
  transform: rotate(45deg) skew(5deg, 5deg);
}
.tooltip:global(.silicon):global(.night).below.rightArrow .tooltipArrow {
  left: 0;
  overflow: hidden;
}
.tooltip:global(.silicon):global(.night).below.rightArrow .tooltipArrow::after {
  left: 0;
  transform-origin: top left;
  transform: rotate(45deg) skew(45deg, 5deg);
}
.tooltip:global(.silicon):global(.night).below.rightArrow .tooltipLabel {
  border-top-left-radius: 0;
}
.tooltip:global(.silicon):global(.night).above .tooltipArrow {
  bottom: 0.375rem;
}
.tooltip:global(.silicon):global(.night).above .tooltipLabel {
  margin-bottom: 0.875rem;
}
.tooltip:global(.silicon):global(.night).above.leftArrow .tooltipArrow {
  right: 0;
  overflow: hidden;
}
.tooltip:global(.silicon):global(.night).above.leftArrow .tooltipArrow::after {
  left: 0;
  transform-origin: bottom right;
  transform: rotate(45deg) skew(45deg, 5deg);
}
.tooltip:global(.silicon):global(.night).above.leftArrow .tooltipLabel {
  border-bottom-right-radius: 0;
}
.tooltip:global(.silicon):global(.night).above.centerArrow .tooltipArrow::after {
  transform-origin: bottom left;
  transform: rotate(-45deg) skew(-5deg, -5deg);
}
.tooltip:global(.silicon):global(.night).above.rightArrow .tooltipArrow {
  left: 0;
  overflow: hidden;
}
.tooltip:global(.silicon):global(.night).above.rightArrow .tooltipArrow::after {
  left: 0;
  transform-origin: bottom left;
  transform: rotate(-45deg) skew(-45deg, -5deg);
}
.tooltip:global(.silicon):global(.night).above.rightArrow .tooltipLabel {
  border-bottom-left-radius: 0;
}
.tooltip:global(.silicon):global(.night).left .tooltipArrow {
  right: 0.375rem;
}
.tooltip:global(.silicon):global(.night).left .tooltipLabel {
  margin-right: 0.75rem;
}
.tooltip:global(.silicon):global(.night).left.topArrow .tooltipArrow {
  bottom: 0;
  overflow: hidden;
}
.tooltip:global(.silicon):global(.night).left.topArrow .tooltipArrow::after {
  left: 0;
  transform-origin: bottom right;
  transform: rotate(-45deg) skew(5deg, 45deg);
}
.tooltip:global(.silicon):global(.night).left.topArrow .tooltipLabel {
  border-bottom-right-radius: 0;
}
.tooltip:global(.silicon):global(.night).left.middleArrow .tooltipArrow::after {
  transform-origin: top right;
  transform: rotate(45deg) skew(-5deg, -5deg);
}
.tooltip:global(.silicon):global(.night).left.bottomArrow .tooltipArrow {
  overflow: hidden;
}
.tooltip:global(.silicon):global(.night).left.bottomArrow .tooltipArrow::after {
  left: 0;
  transform-origin: top right;
  transform: rotate(45deg) skew(5deg, -45deg);
}
.tooltip:global(.silicon):global(.night).left.bottomArrow .tooltipLabel {
  border-top-right-radius: 0;
}
.tooltip:global(.silicon):global(.night).right .tooltipArrow {
  left: 0.375rem;
}
.tooltip:global(.silicon):global(.night).right .tooltipLabel {
  margin-left: 0.875rem;
}
.tooltip:global(.silicon):global(.night).right.topArrow .tooltipArrow {
  bottom: 0;
  overflow: hidden;
}
.tooltip:global(.silicon):global(.night).right.topArrow .tooltipArrow::after {
  left: 0;
  transform-origin: bottom left;
  transform: rotate(45deg) skew(-5deg, -45deg);
}
.tooltip:global(.silicon):global(.night).right.topArrow .tooltipLabel {
  border-bottom-left-radius: 0;
}
.tooltip:global(.silicon):global(.night).right.middleArrow .tooltipArrow::after {
  transform-origin: top left;
  transform: rotate(-45deg) skew(5deg, 5deg);
}
.tooltip:global(.silicon):global(.night).right.bottomArrow .tooltipArrow {
  overflow: hidden;
}
.tooltip:global(.silicon):global(.night).right.bottomArrow .tooltipArrow::after {
  left: 0;
  transform-origin: top left;
  transform: rotate(-45deg) skew(5deg, 45deg);
}
.tooltip:global(.silicon):global(.night).right.bottomArrow .tooltipLabel {
  border-top-left-radius: 0;
}
.tooltip:global(.silicon):global(.night).absolute {
  width: 0;
  height: 0;
  top: var(--tooltip-position-top);
  left: var(--tooltip-position-left);
}
.tooltip:global(.silicon):global(.night).absolute .tooltipAnchor {
  position: absolute;
}
.tooltip:global(.silicon):global(.night).absolute.below {
  top: calc(var(--tooltip-position-top) + 0.25rem );
}
.tooltip:global(.silicon):global(.night).absolute.below.leftArrow .tooltipAnchor {
  transform: translateX(-100%);
}
.tooltip:global(.silicon):global(.night).absolute.below.centerArrow .tooltipAnchor {
  transform: translateX(-50%);
}
.tooltip:global(.silicon):global(.night).absolute.below.rightArrow .tooltipAnchor {
  /* transform: translate(0, 0); */
}
.tooltip:global(.silicon):global(.night).absolute.above {
  top: calc(var(--tooltip-position-top) - 0.25rem );
}
.tooltip:global(.silicon):global(.night).absolute.above.leftArrow .tooltipAnchor {
  transform: translate(-100%, -100%);
}
.tooltip:global(.silicon):global(.night).absolute.above.centerArrow .tooltipAnchor {
  transform: translate(-50%, -100%);
}
.tooltip:global(.silicon):global(.night).absolute.above.rightArrow .tooltipAnchor {
  transform: translate(0, -100%);
}
.tooltip:global(.silicon):global(.night).absolute.left {
  left: calc(var(--tooltip-position-left) - 0.25rem );
}
.tooltip:global(.silicon):global(.night).absolute.left.topArrow .tooltipAnchor {
  transform: translate(-100%, -100%);
}
.tooltip:global(.silicon):global(.night).absolute.left.middleArrow .tooltipAnchor {
  transform: translate(-100%, -50%);
}
.tooltip:global(.silicon):global(.night).absolute.left.bottomArrow .tooltipAnchor {
  transform: translate(-100%, 0);
}
.tooltip:global(.silicon):global(.night).absolute.right {
  left: calc(var(--tooltip-position-left) + 0.25rem );
}
.tooltip:global(.silicon):global(.night).absolute.right.topArrow .tooltipAnchor {
  transform: translate(0, -100%);
}
.tooltip:global(.silicon):global(.night).absolute.right.middleArrow .tooltipAnchor {
  transform: translate(0, -50%);
}
.tooltip:global(.silicon):global(.night).absolute.right.bottomArrow .tooltipAnchor {
  /* transform: translate(0, 0); */
}
.tooltip:global(.silicon):global(.night).relative.below {
  top: calc(100% + 0.25rem );
}
.tooltip:global(.silicon):global(.night).relative.below.transparent {
  top: calc(100% + 0.25rem );
}
.tooltip:global(.silicon):global(.night).relative.below.leftArrow {
  right: 50%;
}
.tooltip:global(.silicon):global(.night).relative.below.centerArrow,
.tooltip:global(.silicon):global(.night).relative.below.rightArrow {
  left: 50%;
}
.tooltip:global(.silicon):global(.night).relative.below.centerArrow {
  transform: translateX(-50%);
}
.tooltip:global(.silicon):global(.night).relative.above {
  bottom: calc(100% + 0.25rem );
}
.tooltip:global(.silicon):global(.night).relative.above.transparent {
  bottom: calc(100% + 0.25rem );
}
.tooltip:global(.silicon):global(.night).relative.above.leftArrow {
  right: 50%;
}
.tooltip:global(.silicon):global(.night).relative.above.centerArrow,
.tooltip:global(.silicon):global(.night).relative.above.rightArrow {
  left: 50%;
}
.tooltip:global(.silicon):global(.night).relative.above.centerArrow {
  transform: translateX(-50%);
}
.tooltip:global(.silicon):global(.night).relative.left {
  right: calc(100% + 0.25rem );
}
.tooltip:global(.silicon):global(.night).relative.left.transparent {
  right: calc(100% + 0.25rem );
}
.tooltip:global(.silicon):global(.night).relative.left.topArrow {
  bottom: 50%;
}
.tooltip:global(.silicon):global(.night).relative.left.middleArrow,
.tooltip:global(.silicon):global(.night).relative.left.bottomArrow {
  top: 50%;
}
.tooltip:global(.silicon):global(.night).relative.left.middleArrow {
  transform: translateY(-50%);
}
.tooltip:global(.silicon):global(.night).relative.right {
  left: calc(100% + 0.25rem );
}
.tooltip:global(.silicon):global(.night).relative.right.transparent {
  left: calc(100% + 0.25rem );
}
.tooltip:global(.silicon):global(.night).relative.right.topArrow {
  bottom: 50%;
}
.tooltip:global(.silicon):global(.night).relative.right.middleArrow,
.tooltip:global(.silicon):global(.night).relative.right.bottomArrow {
  top: 50%;
}
.tooltip:global(.silicon):global(.night).relative.right.middleArrow {
  transform: translateY(-50%);
}
:global(.enact-locale-right-to-left) .tooltip:global(.silicon):global(.night) {
  direction: ltr;
}
:global(.enact-locale-right-to-left) .tooltip:global(.silicon):global(.night) .tooltipAnchor {
  direction: rtl;
}
.tooltip:global(.silicon):global(.night) .tooltipArrow::after {
  background: #777777;
}
.tooltip:global(.silicon):global(.night) .tooltipLabel {
  color: #ffffff;
  background-color: #777777;
}
.tooltip:global(.titanium) .tooltipArrow {
  position: absolute;
  width: 0.5rem;
  height: 0.5rem;
  z-index: 1;
}
.tooltip:global(.titanium) .tooltipArrow::after {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
}
.tooltip:global(.titanium).rightArrow .tooltipArrow,
.tooltip:global(.titanium).leftArrow .tooltipArrow {
  width: 0.5rem;
  height: 0.5rem;
}
.tooltip:global(.titanium).centerArrow .tooltipArrow {
  width: 0.5rem;
  height: 0.5rem;
  left: 50%;
}
.tooltip:global(.titanium).middleArrow .tooltipArrow {
  width: 0.5rem;
  height: 0.5rem;
  top: 50%;
}
.tooltip:global(.titanium) .tooltipLabel {
  --agate-tooltip-label-width: auto;
  font-size: inherit;
  font-weight: 400;
  line-height: 1.875rem;
  white-space: nowrap;
  width: var(--agate-tooltip-label-width);
  padding: 0.125rem 0.75rem;
  border-radius: 0.125rem;
}
.tooltip:global(.titanium) .tooltipLabel.marquee {
  max-width: var(--agate-tooltip-label-width, 25rem);
}
.tooltip:global(.titanium) .tooltipLabel.multi {
  white-space: normal;
}
:global(.enact-locale-ja) .tooltip:global(.titanium) .tooltipLabel.multi {
  line-break: strict;
}
.tooltip:global(.titanium).below .tooltipArrow {
  top: 0.25rem;
}
.tooltip:global(.titanium).below .tooltipLabel {
  margin-top: 0.625rem;
}
.tooltip:global(.titanium).below.leftArrow .tooltipArrow {
  right: 0;
  overflow: hidden;
}
.tooltip:global(.titanium).below.leftArrow .tooltipArrow::after {
  left: 0;
  transform-origin: top right;
  transform: rotate(-45deg) skew(-45deg, -5deg);
}
.tooltip:global(.titanium).below.leftArrow .tooltipLabel {
  border-top-right-radius: 0;
}
.tooltip:global(.titanium).below.centerArrow .tooltipArrow {
  left: 50%;
}
.tooltip:global(.titanium).below.centerArrow .tooltipArrow::after {
  transform-origin: top left;
  transform: rotate(45deg) skew(5deg, 5deg);
}
.tooltip:global(.titanium).below.rightArrow .tooltipArrow {
  left: 0;
  overflow: hidden;
}
.tooltip:global(.titanium).below.rightArrow .tooltipArrow::after {
  left: 0;
  transform-origin: top left;
  transform: rotate(45deg) skew(45deg, 5deg);
}
.tooltip:global(.titanium).below.rightArrow .tooltipLabel {
  border-top-left-radius: 0;
}
.tooltip:global(.titanium).above .tooltipArrow {
  bottom: 0.25rem;
}
.tooltip:global(.titanium).above .tooltipLabel {
  margin-bottom: 0.625rem;
}
.tooltip:global(.titanium).above.leftArrow .tooltipArrow {
  right: 0;
  overflow: hidden;
}
.tooltip:global(.titanium).above.leftArrow .tooltipArrow::after {
  left: 0;
  transform-origin: bottom right;
  transform: rotate(45deg) skew(45deg, 5deg);
}
.tooltip:global(.titanium).above.leftArrow .tooltipLabel {
  border-bottom-right-radius: 0;
}
.tooltip:global(.titanium).above.centerArrow .tooltipArrow::after {
  transform-origin: bottom left;
  transform: rotate(-45deg) skew(-5deg, -5deg);
}
.tooltip:global(.titanium).above.rightArrow .tooltipArrow {
  left: 0;
  overflow: hidden;
}
.tooltip:global(.titanium).above.rightArrow .tooltipArrow::after {
  left: 0;
  transform-origin: bottom left;
  transform: rotate(-45deg) skew(-45deg, -5deg);
}
.tooltip:global(.titanium).above.rightArrow .tooltipLabel {
  border-bottom-left-radius: 0;
}
.tooltip:global(.titanium).left .tooltipArrow {
  right: 0.25rem;
}
.tooltip:global(.titanium).left .tooltipLabel {
  margin-right: 0.625rem;
}
.tooltip:global(.titanium).left.topArrow .tooltipArrow {
  bottom: 0;
  overflow: hidden;
}
.tooltip:global(.titanium).left.topArrow .tooltipArrow::after {
  left: 0;
  transform-origin: bottom right;
  transform: rotate(-45deg) skew(5deg, 45deg);
}
.tooltip:global(.titanium).left.topArrow .tooltipLabel {
  border-bottom-right-radius: 0;
}
.tooltip:global(.titanium).left.middleArrow .tooltipArrow::after {
  transform-origin: top right;
  transform: rotate(45deg) skew(-5deg, -5deg);
}
.tooltip:global(.titanium).left.bottomArrow .tooltipArrow {
  overflow: hidden;
}
.tooltip:global(.titanium).left.bottomArrow .tooltipArrow::after {
  left: 0;
  transform-origin: top right;
  transform: rotate(45deg) skew(5deg, -45deg);
}
.tooltip:global(.titanium).left.bottomArrow .tooltipLabel {
  border-top-right-radius: 0;
}
.tooltip:global(.titanium).right .tooltipArrow {
  left: 0.25rem;
}
.tooltip:global(.titanium).right .tooltipLabel {
  margin-left: 0.625rem;
}
.tooltip:global(.titanium).right.topArrow .tooltipArrow {
  bottom: 0;
  overflow: hidden;
}
.tooltip:global(.titanium).right.topArrow .tooltipArrow::after {
  left: 0;
  transform-origin: bottom left;
  transform: rotate(45deg) skew(-5deg, -45deg);
}
.tooltip:global(.titanium).right.topArrow .tooltipLabel {
  border-bottom-left-radius: 0;
}
.tooltip:global(.titanium).right.middleArrow .tooltipArrow::after {
  transform-origin: top left;
  transform: rotate(-45deg) skew(5deg, 5deg);
}
.tooltip:global(.titanium).right.bottomArrow .tooltipArrow {
  overflow: hidden;
}
.tooltip:global(.titanium).right.bottomArrow .tooltipArrow::after {
  left: 0;
  transform-origin: top left;
  transform: rotate(-45deg) skew(5deg, 45deg);
}
.tooltip:global(.titanium).right.bottomArrow .tooltipLabel {
  border-top-left-radius: 0;
}
.tooltip:global(.titanium).absolute {
  width: 0;
  height: 0;
  top: var(--tooltip-position-top);
  left: var(--tooltip-position-left);
}
.tooltip:global(.titanium).absolute .tooltipAnchor {
  position: absolute;
}
.tooltip:global(.titanium).absolute.below {
  top: calc(var(--tooltip-position-top) + 0.125rem );
}
.tooltip:global(.titanium).absolute.below.leftArrow .tooltipAnchor {
  transform: translateX(-100%);
}
.tooltip:global(.titanium).absolute.below.centerArrow .tooltipAnchor {
  transform: translateX(-50%);
}
.tooltip:global(.titanium).absolute.below.rightArrow .tooltipAnchor {
  /* transform: translate(0, 0); */
}
.tooltip:global(.titanium).absolute.above {
  top: calc(var(--tooltip-position-top) - 0.125rem );
}
.tooltip:global(.titanium).absolute.above.leftArrow .tooltipAnchor {
  transform: translate(-100%, -100%);
}
.tooltip:global(.titanium).absolute.above.centerArrow .tooltipAnchor {
  transform: translate(-50%, -100%);
}
.tooltip:global(.titanium).absolute.above.rightArrow .tooltipAnchor {
  transform: translate(0, -100%);
}
.tooltip:global(.titanium).absolute.left {
  left: calc(var(--tooltip-position-left) - 0.125rem );
}
.tooltip:global(.titanium).absolute.left.topArrow .tooltipAnchor {
  transform: translate(-100%, -100%);
}
.tooltip:global(.titanium).absolute.left.middleArrow .tooltipAnchor {
  transform: translate(-100%, -50%);
}
.tooltip:global(.titanium).absolute.left.bottomArrow .tooltipAnchor {
  transform: translate(-100%, 0);
}
.tooltip:global(.titanium).absolute.right {
  left: calc(var(--tooltip-position-left) + 0.125rem );
}
.tooltip:global(.titanium).absolute.right.topArrow .tooltipAnchor {
  transform: translate(0, -100%);
}
.tooltip:global(.titanium).absolute.right.middleArrow .tooltipAnchor {
  transform: translate(0, -50%);
}
.tooltip:global(.titanium).absolute.right.bottomArrow .tooltipAnchor {
  /* transform: translate(0, 0); */
}
.tooltip:global(.titanium).relative.below {
  top: calc(100% + 0.125rem );
}
.tooltip:global(.titanium).relative.below.transparent {
  top: calc(100% + 0.125rem );
}
.tooltip:global(.titanium).relative.below.leftArrow {
  right: 50%;
}
.tooltip:global(.titanium).relative.below.centerArrow,
.tooltip:global(.titanium).relative.below.rightArrow {
  left: 50%;
}
.tooltip:global(.titanium).relative.below.centerArrow {
  transform: translateX(-50%);
}
.tooltip:global(.titanium).relative.above {
  bottom: calc(100% + 0.125rem );
}
.tooltip:global(.titanium).relative.above.transparent {
  bottom: calc(100% + 0.125rem );
}
.tooltip:global(.titanium).relative.above.leftArrow {
  right: 50%;
}
.tooltip:global(.titanium).relative.above.centerArrow,
.tooltip:global(.titanium).relative.above.rightArrow {
  left: 50%;
}
.tooltip:global(.titanium).relative.above.centerArrow {
  transform: translateX(-50%);
}
.tooltip:global(.titanium).relative.left {
  right: calc(100% + 0.125rem );
}
.tooltip:global(.titanium).relative.left.transparent {
  right: calc(100% + 0.125rem );
}
.tooltip:global(.titanium).relative.left.topArrow {
  bottom: 50%;
}
.tooltip:global(.titanium).relative.left.middleArrow,
.tooltip:global(.titanium).relative.left.bottomArrow {
  top: 50%;
}
.tooltip:global(.titanium).relative.left.middleArrow {
  transform: translateY(-50%);
}
.tooltip:global(.titanium).relative.right {
  left: calc(100% + 0.125rem );
}
.tooltip:global(.titanium).relative.right.transparent {
  left: calc(100% + 0.125rem );
}
.tooltip:global(.titanium).relative.right.topArrow {
  bottom: 50%;
}
.tooltip:global(.titanium).relative.right.middleArrow,
.tooltip:global(.titanium).relative.right.bottomArrow {
  top: 50%;
}
.tooltip:global(.titanium).relative.right.middleArrow {
  transform: translateY(-50%);
}
:global(.enact-locale-right-to-left) .tooltip:global(.titanium) {
  direction: ltr;
}
:global(.enact-locale-right-to-left) .tooltip:global(.titanium) .tooltipAnchor {
  direction: rtl;
}
.tooltip:global(.titanium) .tooltipArrow::after {
  background: #262626;
}
.tooltip:global(.titanium) .tooltipLabel {
  color: #fff;
  background-color: #262626;
}
