.styles_tooltip__kUgp6{display:flex;margin-block:auto;position:relative;background-color:var(--background-color);&[data-tooltip-trigger=hover]:hover:before{transform:translateY(0) translateX(-50%);opacity:1}&[data-tooltip-trigger=hover][data-tooltip-position=left]:hover:before{transform:translateY(-50%) translateX(-100%)}&[data-tooltip-trigger=hover][data-tooltip-position=right]:hover:before{transform:translateY(-50%) translateX(100%)}&[data-tooltip-trigger=hover][data-tooltip-position=bottom]:hover:before,&[data-tooltip-trigger=hover][data-tooltip-position=top]:hover:before{transform:translateY(0) translateX(-50%)}&:before{content:attr(data-tooltip);position:absolute;min-width:60px;width:max-content;max-width:200px;display:block;padding:8px;top:-40px;border-radius:var(--radius-md,8px);background:var(--background-inverse-default,#1d262c);text-align:center;left:50%;z-index:1;opacity:0;pointer-events:none;transform:translateY(4px) translateX(-50%);transition:all .3s cubic-bezier(.4,0,.2,1);font-size:12px;font-weight:600;font-family:inherit;line-height:1.5;box-shadow:0 12px 16px -4px rgba(16,24,40,.08),0 4px 6px -2px rgba(16,24,40,.03);color:var(--foreground-inverse-default)}&[data-tooltip-position=top]:before{top:-50px;bottom:auto}&[data-tooltip-position=bottom]:before{top:auto;bottom:-50px}&[data-tooltip-position=left]:before{top:50%;left:-8px;transform:translateY(-50%) translateX(-100%)}&[data-tooltip-position=right]:before{top:50%;left:auto;right:-8px;transform:translateY(-50%) translateX(100%)}&[data-tooltip-visible=true]:before{opacity:1}&[data-tooltip-position=left][data-tooltip-visible=true]:before{transform:translateY(-50%) translateX(-100%)}&[data-tooltip-position=right][data-tooltip-visible=true]:before{transform:translateY(-50%) translateX(100%)}}