.tooltip{display:inline-block;position:relative}.tooltip-text{color:Hsl(var(--gray-60-clr));font-size:.6875rem;opacity:0;position:fixed;visibility:hidden;white-space:nowrap}[dir] .tooltip-text{background-color:Hsl(var(--gray-60-bg));border:1px solid hsl(var(--gray--5-bg));border-radius:.25rem;box-shadow:0 0 1.5rem Hsla(var(--primary--40-bg),.2);padding:.25rem .5rem;text-align:center;transform:translateY(.25rem);transition:opacity .2s ease,transform .2s ease}.tooltip-text--is-visible{opacity:1;visibility:visible}[dir] .tooltip-text--is-visible{transform:translateY(0)}.tooltip-text:before{content:"";height:.5rem;position:absolute;width:.5rem}[dir] .tooltip-text:before{background-color:Hsl(var(--gray-60-bg))}[dir=ltr] .tooltip-text:before{transform:rotate(45deg)}[dir=rtl] .tooltip-text:before{transform:rotate(-45deg)}.tooltip-text--top:before{bottom:-.25rem}[dir] .tooltip-text--top:before{border-bottom:1px solid hsl(var(--gray--5-bg))}[dir=ltr] .tooltip-text--top:before{border-right:1px solid hsl(var(--gray--5-bg));left:50%;transform:translate(-50%) rotate(45deg)}[dir=rtl] .tooltip-text--top:before{border-left:1px solid hsl(var(--gray--5-bg));right:50%;transform:translate(50%) rotate(-45deg)}.tooltip-text--bottom:before{top:-.25rem}[dir] .tooltip-text--bottom:before{border-top:1px solid hsl(var(--gray--5-bg))}[dir=ltr] .tooltip-text--bottom:before{border-left:1px solid hsl(var(--gray--5-bg));left:50%;transform:translate(-50%) rotate(45deg)}[dir=rtl] .tooltip-text--bottom:before{border-right:1px solid hsl(var(--gray--5-bg));right:50%;transform:translate(50%) rotate(-45deg)}.tooltip-text--left:before{top:50%}[dir=ltr] .tooltip-text--left:before{right:-.25rem;transform:translateY(-50%) rotate(45deg)}[dir=rtl] .tooltip-text--left:before{left:-.25rem;transform:translateY(-50%) rotate(-45deg)}.tooltip-text--right:before{top:50%}[dir=ltr] .tooltip-text--right:before{left:-.25rem;transform:translateY(-50%) rotate(45deg)}[dir=rtl] .tooltip-text--right:before{right:-.25rem;transform:translateY(-50%) rotate(-45deg)}.tooltip-text--theme-default{color:Hsl(var(--gray-60-clr))}[dir] .tooltip-text--theme-default{background-color:Hsl(var(--gray-60-bg));border-color:Hsl(var(--gray--5-bg))}.tooltip-text--theme-cyber-gradient{--hsl-bg:var(--cyber--35-bg);--hsl-clr:var(--cyber--35-clr);--hsl-clr-accent:var(--cyber--35-clr-accent);--hsl-clr-decent:var(--cyber--35-clr-decent);--hsl-clr-strong:var(--cyber--35-clr-strong);--hsl-clr-strong-alt:var(--cyber--35-clr-strong-alt);--hsl-clr-primary:var(--cyber--35-clr-primary);--hsl-clr-good:var(--cyber--35-clr-good);--hsl-clr-bad:var(--cyber--35-clr-bad);--hsl-sep:var(--cyber--35-sep);--hsl-sep-alt:var(--cyber--35-sep-alt);background-color:Hsla(var(--hsl-bg),1);color:Hsla(var(--hsl-clr),1)}[dir] .tooltip-text--theme-cyber-gradient{background-color:Hsla(var(--hsl-bg),1);border:1px solid hsl(var(--hsl-sep));border-radius:.5rem;box-shadow:0 0 1.5rem Hsla(var(--hsl-clr-primary),.25);padding:.25rem .5rem}.tooltip-text--theme-cyber-gradient:before{--hsl-bg:var(--cyber--35-bg);--hsl-clr:var(--cyber--35-clr);--hsl-clr-accent:var(--cyber--35-clr-accent);--hsl-clr-decent:var(--cyber--35-clr-decent);--hsl-clr-strong:var(--cyber--35-clr-strong);--hsl-clr-strong-alt:var(--cyber--35-clr-strong-alt);--hsl-clr-primary:var(--cyber--35-clr-primary);--hsl-clr-good:var(--cyber--35-clr-good);--hsl-clr-bad:var(--cyber--35-clr-bad);--hsl-sep:var(--cyber--35-sep);--hsl-sep-alt:var(--cyber--35-sep-alt);color:Hsla(var(--hsl-clr),1)}[dir] .tooltip-text--theme-cyber-gradient:before{background-color:Hsla(var(--hsl-bg),1);border-color:Hsl(var(--hsl-sep))}