.tooltip{position:relative;display:inline-block}.tooltip__trigger{cursor:pointer}.tooltip__content{pointer-events:none;position:absolute;bottom:100%;left:50%;z-index:10;margin-bottom:.5rem;display:none;width:-moz-max-content;width:max-content;max-width:20rem;--tw-translate-x: -50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));border-radius:.375rem;--tw-bg-opacity: 1;background-color:rgb(75 85 99 / var(--tw-bg-opacity, 1));padding:.5rem .75rem;font-size:.75rem;line-height:1rem;--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1));opacity:0;--tw-shadow: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow);transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.2s}@media (min-width: 768px){.tooltip__content{display:block}}.tooltip__arrow{position:absolute;left:50%;top:100%;height:.75rem;--tw-translate-x: -50%;--tw-translate-y: 0px;--tw-rotate: 45deg;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(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(75 85 99 / var(--tw-bg-opacity, 1));margin-top:-.5rem;content:"";pointer-events:none;width:10px}.tooltip:hover .tooltip__content,.tooltip:focus-within .tooltip__content{pointer-events:auto;opacity:1}