.popover{display:inline-block;position:relative}.popover .popover-content{z-index:99999;opacity:0;visibility:hidden;font-size:var(--font-size-sm);color:#fff;background-color:var(--color-zinc-900);border-radius:var(--radius-md);width:max-content;max-width:24rem;padding:.4rem .8rem;display:inline-block;position:absolute;box-shadow:0 2px 3px #0d17261a,0 0 0 1px #0d17261a}.popover .popover-content:before{content:"";pointer-events:none;background-color:var(--color-zinc-900);transform-origin:50%;border:.4rem solid #0000;width:0;height:0;margin-top:-.4rem;margin-left:-.4rem;position:absolute;top:100%;left:50%;box-shadow:-1px 1px 2px #0d172633}.popover .popover-content{inset:auto auto 100% 50%!important;transform:translate(-50%,-.7rem)!important}.popover .popover-content:before{transform:rotate(-45deg);inset:100% auto auto 50%!important}.popover.is-popover-right .popover-content{inset:auto auto 50% 100%!important;transform:translate(.7rem,50%)!important}.popover.is-popover-right .popover-content:before{transform:rotate(45deg);inset:50% auto auto 0!important}.popover.is-popover-bottom .popover-content{inset:100% auto auto 50%!important;transform:translate(-50%,.7rem)!important}.popover.is-popover-bottom .popover-content:before{transform:rotate(135deg);inset:0 auto auto 50%!important}.popover.is-popover-left .popover-content{inset:auto 100% 50% auto!important;transform:translate(-.7rem,50%)!important}.popover.is-popover-left .popover-content:before{transform:rotate(-135deg);inset:50% auto auto 100%!important}.popover.is-popover-active .popover-content,.popover:hover .popover-content,.popover .popover-trigger:focus~.popover-content{opacity:1;visibility:visible}