.tooltip{display:inline-block;position:relative}.tooltip-trigger{display:inline-block}.tooltip-content{z-index:1000;background-color:var(--secondary-color-4);max-width:250px;color:var(--primary-color);border-radius:.5rem;padding:8px 12px;font-size:14px;line-height:1.4;animation:.2s ease-in-out tooltip-fade-in;position:absolute}.tooltip-content:after{content:" ";border-style:solid;border-width:.25rem;margin-left:-.25rem;position:absolute;rotate:45deg}.tooltip-content[data-side=top]{margin-bottom:8px;position:absolute;bottom:100%;left:50%;transform:translate(-50%)}.tooltip-content[data-side=top]:after{border-color:var(--secondary-color-4);border-radius:0 0 .1rem;top:calc(100% - .25rem);left:50%}.tooltip-content[data-side=right]{margin-left:8px;position:absolute;top:50%;left:100%;transform:translateY(-50%)}.tooltip-content[data-side=right]:after{border-color:var(--secondary-color-4);border-radius:0 0 0 .1rem;top:calc(50% - .25rem);left:0}.tooltip-content[data-side=bottom]{margin-top:8px;position:absolute;top:100%;left:50%;transform:translate(-50%)}.tooltip-content[data-side=bottom]:after{border-color:var(--secondary-color-4);border-radius:.1rem 0 0;bottom:calc(100% - .25rem);left:50%}.tooltip-content[data-side=left]{margin-right:8px;position:absolute;top:50%;right:100%;transform:translateY(-50%)}.tooltip-content[data-side=left]:after{border-color:var(--secondary-color-4);border-radius:0 .1rem 0 0;top:calc(50% - .25rem);right:-.25rem}.tooltip-content[data-side=top][data-align=start],.tooltip-content[data-side=bottom][data-align=start]{left:0;transform:none}.tooltip-content[data-side=top][data-align=end],.tooltip-content[data-side=bottom][data-align=end]{left:auto;right:0;transform:none}.tooltip-content[data-side=left][data-align=start],.tooltip-content[data-side=right][data-align=start]{top:0;transform:none}.tooltip-content[data-side=left][data-align=center],.tooltip-content[data-side=right][data-align=center]{top:50%;transform:translateY(-50%)}.tooltip-content[data-side=left][data-align=end],.tooltip-content[data-side=right][data-align=end]{top:auto;bottom:0;transform:none}@keyframes tooltip-fade-in{0%{opacity:0}to{opacity:1}}.tooltip[data-disabled=true] .tooltip-trigger{cursor:default}.tooltip-content[data-state=closed]{display:none}.tooltip-content[data-state=open]{display:block}