.tooltip[open]{z-index:var(--z-index-max);color:var(--color-neutral-900);border:0;margin:0;padding:.25rem .5rem;font-size:.875rem;width:-moz-fit-content;width:fit-content;min-width:2.5rem;max-width:25rem;min-height:1.5rem;height:-moz-fit-content;height:fit-content;border-radius:.375rem;line-height:20px;display:flex;align-items:center;justify-content:center;pointer-events:none;flex-flow:row wrap;flex-basis:100%}.tooltip[open]:after{border:6px solid transparent;content:"";position:absolute}.tooltip[open] p{color:var(--color-neutral-900);margin:0;flex-basis:100%;width:auto;display:inline-block}.tooltip.top[open]{top:5rem;margin-top:-.5rem}.tooltip.top[open]:after{bottom:-12px;border-top-color:#fff}.tooltip.top-start[open]{top:5rem;left:-20rem;margin-top:-.5rem}.tooltip.top-start[open]:after{right:12px;bottom:-12px;border-top-color:#fff}.tooltip.top-end[open]{top:5rem;right:-20rem;margin-top:-.5rem}.tooltip.top-end[open]:after{left:12px;bottom:-12px;border-top-color:#fff}.tooltip.left[open],.tooltip[open] .left-end,.tooltip[open] .left-start{left:-20rem;margin-left:-.5rem}.tooltip.left[open]:after,.tooltip[open] .left-end:after,.tooltip[open] .left-start:after{right:-12px;border-left-color:#fff}.tooltip.right[open],.tooltip[open] .right-end,.tooltip[open] .right-start{right:-20rem;margin-left:.5rem}.tooltip.right[open]:after,.tooltip[open] .right-end:after,.tooltip[open] .right-start:after{left:-12px;border-right-color:#fff}.tooltip.bottom[open]{bottom:5rem;margin-top:.5rem}.tooltip.bottom[open]:after{top:-12px;border-bottom-color:#fff}.tooltip.bottom-start[open]{left:-20rem;bottom:5rem;margin-top:.5rem}.tooltip.bottom-start[open]:after{top:-12px;right:12px;border-bottom-color:#fff}.tooltip.bottom-end[open]{right:-20rem;bottom:5rem;margin-top:.5rem}.tooltip.bottom-end[open]:after{top:-12px;left:12px;border-bottom-color:#fff}