@charset "utf-8";

.Tooltip_tooltip__A9z8K { padding: 0.5rem; font-size: 0.875rem; line-height: 1.25rem; background-color: rgb(17, 24, 39); color: rgb(255, 255, 255); border-radius: 0.375rem; box-shadow: rgba(0, 0, 0, 0.1) 0px 10px 15px -3px, rgba(0, 0, 0, 0.05) 0px 4px 6px -2px; border: 1px solid rgb(55, 65, 81); max-width: 20rem; overflow-wrap: break-word; }

.Tooltip_wrapperAnimateFromTop__uqHZ7 { animation: 0.15s ease-out 0s 1 normal both running Tooltip_slideFromTop__4C6_u; }

.Tooltip_wrapperAnimateFromBottom__x4zJr { animation: 0.15s ease-out 0s 1 normal both running Tooltip_slideFromBottom__0zZ28; }

.Tooltip_wrapperAnimateFromLeft__EfBG5 { animation: 0.15s ease-out 0s 1 normal both running Tooltip_slideFromLeft__81_kh; }

.Tooltip_wrapperAnimateFromRight__BDUWc { animation: 0.15s ease-out 0s 1 normal both running Tooltip_slideFromRight__HsAwx; }

@keyframes Tooltip_slideFromTop__4C6_u { 
  0% { opacity: 0; transform: translateY(-8px); }
  100% { opacity: 1; transform: translateY(0px); }
}

@keyframes Tooltip_slideFromBottom__0zZ28 { 
  0% { opacity: 0; transform: translateY(8px); }
  100% { opacity: 1; transform: translateY(0px); }
}

@keyframes Tooltip_slideFromLeft__81_kh { 
  0% { opacity: 0; transform: translateX(-8px); }
  100% { opacity: 1; transform: translateX(0px); }
}

@keyframes Tooltip_slideFromRight__HsAwx { 
  0% { opacity: 0; transform: translateX(8px); }
  100% { opacity: 1; transform: translateX(0px); }
}

.Tooltip_arrowWrapper__fbByD { position: absolute; overflow: hidden; z-index: 1; display: flex; justify-content: center; align-items: center; }

.Tooltip_arrow__brozQ { width: 0.5rem; height: 0.5rem; background-color: rgb(17, 24, 39); border: 1px solid rgb(55, 65, 81); transform: rotate(45deg); position: absolute; }

.Tooltip_arrowTopWrapper__vZAJc { bottom: calc(-1px - 0.25rem); width: calc(2px + 0.5rem); height: calc(2px + 0.25rem); }

.Tooltip_arrowTopArrow__qv8Ke { top: -0.25rem; }

.Tooltip_arrowBottomWrapper__Jo_Ah { top: calc(-1px - 0.25rem); width: calc(2px + 0.5rem); height: calc(2px + 0.25rem); }

.Tooltip_arrowBottomArrow__KpU2n { bottom: -0.25rem; }

.Tooltip_arrowRightWrapper___utUy { left: calc(-1px - 0.25rem); height: calc(2px + 0.5rem); width: calc(2px + 0.25rem); transform: rotate(180deg); }

.Tooltip_arrowRightArrow__IwW_l { left: -0.25rem; }

.Tooltip_arrowLeftWrapper__lWDfS { right: calc(-1px - 0.25rem); height: calc(2px + 0.5rem); width: calc(2px + 0.25rem); transform: rotate(180deg); }

.Tooltip_arrowLeftArrow__LdiCa { right: -0.25rem; }