.tooltip{--tt-bg: var(--color-neutral);--tt-off: calc(100% + .5rem) ;--tt-tail: calc(100% + 1px + .25rem) ;position:relative;display:inline-block}.tooltip>.tooltip-content,.tooltip[data-tip]:before{position:absolute;max-width:20rem;padding:.5rem 1rem;text-align:center;white-space:normal;opacity:0;font-size:.875rem;line-height:1.25em;border-radius:.25rem;background-color:var(--tt-bg);color:var(--text-neutral-content);width:max-content;pointer-events:none;z-index:1;transition:opacity .2s cubic-bezier(.4,0,.2,1) 75ms,transform .2s cubic-bezier(.4,0,.2,1) 75ms;content:attr(data-tip)}.tooltip:after{position:absolute;opacity:0;background-color:var(--tt-bg);transition:opacity .2s cubic-bezier(.4,0,.2,1) 75ms,transform .2s cubic-bezier(.4,0,.2,1) 75ms;content:"";pointer-events:none;width:.625rem;height:.25rem;display:block;mask-repeat:no-repeat;mask-position:-1px 0;--mask-tooltip: url("data:image/svg+xml,%3Csvg width='10' height='4' viewBox='0 0 8 4' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.500009 1C3.5 1 3.00001 4 5.00001 4C7 4 6.5 1 9.5 1C10 1 10 0.499897 10 0H0C-1.99338e-08 0.5 0 1 0.500009 1Z' fill='black'/%3E%3C/svg%3E%0A");mask-image:var(--mask-tooltip)}.tooltip>.tooltip-content,.tooltip[data-tip]:before,.tooltip-top>.tooltip-content,.tooltip-top[data-tip]:before{transform:translate(-50%) translateY(var(--tt-pos, .25rem));inset:auto auto var(--tt-off) 50%}.tooltip:after,.tooltip-top:after{transform:translate(-50%) translateY(var(--tt-pos, .25rem));inset:auto auto var(--tt-tail) 50%}.tooltip-bottom>.tooltip-content,.tooltip-bottom[data-tip]:before{transform:translate(-50%) translateY(var(--tt-pos, -.25rem));inset:var(--tt-off) auto auto 50%}.tooltip-bottom:after{transform:translate(-50%) translateY(var(--tt-pos, -.25rem)) rotate(180deg);inset:var(--tt-tail) auto auto 50%}.tooltip-left>.tooltip-content,.tooltip-left[data-tip]:before{transform:translate(calc(var(--tt-pos, .25rem) - .25rem)) translateY(-50%);inset:50% var(--tt-off) auto auto}.tooltip-left:after{transform:translate(var(--tt-pos, .25rem)) translateY(-50%) rotate(-90deg);inset:50% calc(var(--tt-tail) + 1px) auto auto}.tooltip-right>.tooltip-content,.tooltip-right[data-tip]:before{transform:translate(calc(var(--tt-pos, -.25rem) + .25rem)) translateY(-50%);inset:50% auto auto var(--tt-off)}.tooltip-right:after{transform:translate(var(--tt-pos, -.25rem)) translateY(-50%) rotate(90deg);inset:50% auto auto calc(var(--tt-tail) + 1px)}.tooltip.tooltip-open>.tooltip-content,.tooltip[data-tip]:hover:before,.tooltip:hover>.tooltip-content,.tooltip:has(:focus-visible)>.tooltip-content,.tooltip.tooltip-open[data-tip]:before,.tooltip:hover:after,.tooltip:has(:focus-visible):after{opacity:1;--tt-pos: 0rem;transition:opacity .2s cubic-bezier(.4,0,.2,1) 0s,transform .2s cubic-bezier(.4,0,.2,1) 0ms}.tooltip-primary{--tt-bg: var(--color-primary)}.tooltip-primary>.tooltip-content,.tooltip-primary[data-tip]:before{color:var(--text-primary-content)}.tooltip-secondary{--tt-bg: var(--color-secondary)}.tooltip-secondary>.tooltip-content,.tooltip-secondary[data-tip]:before{color:var(--text-secondary-content)}.tooltip-accent{--tt-bg: var(--color-accent)}.tooltip-accent>.tooltip-content,.tooltip-accent[data-tip]:before{color:var(--text-accent-content)}.tooltip-info{--tt-bg: var(--color-info)}.tooltip-info>.tooltip-content,.tooltip-info[data-tip]:before{color:var(--text-info-content)}.tooltip-success{--tt-bg: var(--color-success)}.tooltip-success>.tooltip-content,.tooltip-success[data-tip]:before{color:var(--text-success-content)}.tooltip-warning{--tt-bg: var(--color-warning)}.tooltip-warning>.tooltip-content,.tooltip-warning[data-tip]:before{color:var(--text-warning-content)}.tooltip-error{--tt-bg: var(--color-error)}.tooltip-error>.tooltip-content,.tooltip-error[data-tip]:before{color:var(--text-error-content)}