.tooltip-wrapper{display:inline-flex;position:relative}.tooltip-trigger{cursor:pointer;max-width:100%;display:inline-flex}.tooltip-container{z-index:1000;flex-direction:column;align-items:center;animation:.2s ease-in-out tooltipFadeIn;display:flex;position:absolute}.tooltip-content{padding:var(--spacing-md,8px);align-items:flex-start;gap:var(--spacing-md,8px);border-radius:var(--corner-radius-xs,8px);background:var(--tooltip-surface,var(--color-neutral-surface-higher,#1a2029));color:var(--color-neutral-content-inv);white-space:normal;word-wrap:break-word;word-break:break-word;overflow-wrap:break-word;align-self:stretch;width:max-content;max-width:min(407px,90vw);font-size:14px;line-height:1.4;display:flex;position:relative;box-shadow:0 4px 12px #00000026}.tooltip-top{margin-bottom:10px;bottom:100%;left:50%;transform:translate(-50%)}.tooltip-top .tooltip-pointer{border-width:6px 6px 0;border-color:var(--tooltip-surface,var(--color-neutral-surface-higher,#1a2029)) transparent transparent transparent;position:absolute;top:100%;left:50%;transform:translate(-50%)}.tooltip-bottom{margin-top:10px;top:100%;left:50%;transform:translate(-50%)}.tooltip-bottom .tooltip-pointer{border-width:0 6px 6px;border-color:transparent transparent var(--tooltip-surface,var(--color-neutral-surface-higher,#1a2029)) transparent;position:absolute;bottom:100%;left:50%;transform:translate(-50%)}.tooltip-left{margin-right:10px;top:50%;right:100%;transform:translateY(-50%)}.tooltip-left .tooltip-pointer{border-width:6px 0 6px 6px;border-color:transparent transparent transparent var(--tooltip-surface,var(--color-neutral-surface-higher,#1a2029));position:absolute;top:50%;left:100%;transform:translateY(-50%)}.tooltip-right{margin-left:10px;top:50%;left:100%;transform:translateY(-50%)}.tooltip-right .tooltip-pointer{border-width:6px 6px 6px 0;border-color:transparent var(--tooltip-surface,var(--color-neutral-surface-higher,#1a2029)) transparent transparent;position:absolute;top:50%;right:100%;transform:translateY(-50%)}.tooltip-pointer{border-style:solid;flex-shrink:0;width:0;height:0}@keyframes tooltipFadeIn{0%{opacity:0;transform:translate(-50%)translateY(-5px)}to{opacity:1;transform:translate(-50%)translateY(0)}}.tooltip-bottom{animation:.2s ease-in-out tooltipFadeInBottom}@keyframes tooltipFadeInBottom{0%{opacity:0;transform:translate(-50%)translateY(5px)}to{opacity:1;transform:translate(-50%)translateY(0)}}.tooltip-left{animation:.2s ease-in-out tooltipFadeInLeft}@keyframes tooltipFadeInLeft{0%{opacity:0;transform:translateY(-50%)translate(5px)}to{opacity:1;transform:translateY(-50%)translate(0)}}.tooltip-right{animation:.2s ease-in-out tooltipFadeInRight}@keyframes tooltipFadeInRight{0%{opacity:0;transform:translateY(-50%)translate(-5px)}to{opacity:1;transform:translateY(-50%)translate(0)}}.tooltip-wrapper.width-xs .tooltip-content{max-width:160px}.tooltip-wrapper.width-sm .tooltip-content{max-width:240px}.tooltip-wrapper.width-md .tooltip-content{max-width:320px}.tooltip-wrapper.width-lg .tooltip-content{max-width:407px}.tooltip-wrapper.width-xl .tooltip-content{max-width:500px}.tooltip-wrapper.width-full .tooltip-content{width:100%;max-width:none}.tooltip-align-end .tooltip-container{animation-name:tooltipFadeInAlignEnd;left:auto;right:0;transform:none}.tooltip-align-end .tooltip-pointer{left:auto;right:12px;transform:none}@keyframes tooltipFadeInAlignEnd{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}.tooltip-surface-high{--tooltip-surface:var(--color-neutral-surface-high,#4a535e)}.tooltip-floating{margin:0;animation-name:tooltipFadeInAlignEnd;transform:none}.tooltip-floating .tooltip-pointer{position:absolute;left:50%;transform:translate(-50%)}.tooltip-floating.tooltip-align-end .tooltip-pointer{left:auto;right:12px;transform:none}.tooltip-float-top .tooltip-pointer{border-width:6px 6px 0;border-color:var(--tooltip-surface,var(--color-neutral-surface-higher,#1a2029)) transparent transparent transparent;top:100%;bottom:auto}.tooltip-float-bottom .tooltip-pointer{border-width:0 6px 6px;border-color:transparent transparent var(--tooltip-surface,var(--color-neutral-surface-higher,#1a2029)) transparent;top:auto;bottom:100%}.tooltip-container.width-xs .tooltip-content{max-width:160px}.tooltip-container.width-sm .tooltip-content{max-width:240px}.tooltip-container.width-md .tooltip-content{max-width:320px}.tooltip-container.width-lg .tooltip-content{max-width:407px}.tooltip-container.width-xl .tooltip-content{max-width:500px}.tooltip-container.width-full .tooltip-content{width:100%;max-width:none}