.Container.svelte-58y4ts{position:relative;cursor:pointer}.TooltipText.svelte-58y4ts{visibility:hidden;width:100px;cursor:auto;background-color:#fff;box-shadow:1px 1px 6px #0003;border-radius:5px;position:absolute;padding:var(--spaces-s) var(--spaces-base)}.TooltipText[data-position=top].svelte-58y4ts{bottom:30px}.TooltipText.svelte-58y4ts:not([data-position=top]){top:32px}.TooltipText.svelte-58y4ts{left:50%;transform:translate(-50%);color:var(--colors-grey800);font-size:.75rem;font-weight:400;text-align:center;word-break:break-word;z-index:1}.TooltipTriangle.svelte-58y4ts{width:50px;height:12px;position:absolute;left:50%;overflow:hidden;visibility:hidden;pointer-events:none;z-index:3}.TooltipTriangle[data-position=top].svelte-58y4ts{bottom:18px;transform:translate(-50%)}.TooltipTriangle.svelte-58y4ts:not([data-position=top]){top:20px;transform:translate(-50%) rotate(180deg)}.TooltipTriangle.svelte-58y4ts:after{content:"";position:absolute;width:12px;height:12px;background:#fff;transform:translate(-50%) translateY(-50%) rotate(45deg);top:0;left:50%;box-shadow:1px 1px 4px #0003}.TooltipContainer.svelte-58y4ts{position:relative;text-align:center;height:100%;width:100%;animation:TooltipAnimation .25s ease}.TooltipContainer.svelte-58y4ts :hover .TooltipText,.TooltipContainer.svelte-58y4ts :hover .TooltipTriangle{visibility:visible}