.s-tooltip{display:inline-flex}.s-tooltip__arrow{z-index:10;--tw-rotate:45deg;width:.5rem;height:.5rem;transform:translate(var(--tw-translate-x),var(--tw-translate-y))rotate(var(--tw-rotate))skewX(var(--tw-skew-x))skewY(var(--tw-skew-y))scaleX(var(--tw-scale-x))scaleY(var(--tw-scale-y));--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1));position:absolute}.s-tooltip__popup{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1));width:max-content;max-width:16rem;color:hsl(var(--s-gray-800));visibility:hidden;z-index:10;opacity:0;filter:drop-shadow(0 1px 2px #0000001a)drop-shadow(0 1px 1px #0000000f);border-radius:.25rem;padding:.25rem .5rem;font-size:.875rem;font-weight:400;line-height:1.25rem;transition:opacity .2s,visibility 0s .2s;position:absolute;top:0;left:0}.s-tooltip__popup--open{visibility:visible;opacity:1;transition-property:opacity;transition-duration:.2s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.s-tooltip--dark .s-tooltip__popup{background-color:hsl(var(--s-gray-800));--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.s-tooltip--dark .s-tooltip__arrow{background-color:hsl(var(--s-gray-800))}