.arrow-popover{all:unset;--tether-offset:1px;--tether-size:8px;clip-path:inset(var(--tether-offset))margin-box;box-shadow:none;color:#f3f4f6;text-align:center;opacity:1;transition-behavior:allow-discrete;background:#16213e;border-radius:8px;min-width:150px;padding:1rem;transition-property:opacity,display,overlay;transition-duration:.2s;transition-timing-function:ease-out;display:block;position:absolute;inset:auto}.arrow-popover strong{color:#60a5fa;margin-bottom:.25rem;display:block}.arrow-popover p{color:#9ca3af;margin:0;font-size:.875rem}@starting-style{.arrow-popover:popover-open{opacity:0}}.arrow-popover:not(:popover-open){opacity:0}.arrow-popover:before{content:"";z-index:-1;background:inherit;width:calc(var(--tether-size)*2);height:calc(100% + var(--tether-size)*2);left:50%;top:calc(var(--tether-size)*-1);clip-path:polygon(0 var(--tether-size),50% 0,100% var(--tether-size),100% calc(100% - var(--tether-size)),50% 100%,0 calc(100% - var(--tether-size)));position:absolute;transform:translate(-50%)}.arrow-popover:after{content:"";z-index:-1;background:inherit;height:calc(var(--tether-size)*2);width:calc(100% + var(--tether-size)*2);top:50%;left:calc(var(--tether-size)*-1);clip-path:polygon(var(--tether-size)0,calc(100% - var(--tether-size))0,100% 50%,calc(100% - var(--tether-size))100%,var(--tether-size)100%,0 50%);position:absolute;transform:translateY(-50%)}.arrow-popover-top{position-area:top center;margin:0 0 var(--tether-size)0;position-try-fallbacks:--bottom,--left,--right}.arrow-popover-top-start{position-area:top span-right;margin:0 0 var(--tether-size)0;position-try-fallbacks:--bottom-start,--left-start,--right-start}.arrow-popover-top-start:before{left:20%}.arrow-popover-top-end{position-area:top span-left;margin:0 0 var(--tether-size)0;position-try-fallbacks:--bottom-end,--left-end,--right-end}.arrow-popover-top-end:before{left:80%}.arrow-popover-bottom{position-area:bottom center;margin:var(--tether-size)0 0 0;position-try-fallbacks:--top,--left,--right}.arrow-popover-bottom-start{position-area:bottom span-right;margin:var(--tether-size)0 0 0;position-try-fallbacks:--top-start,--left-start,--right-start}.arrow-popover-bottom-start:before{left:20%}.arrow-popover-bottom-end{position-area:bottom span-left;margin:var(--tether-size)0 0 0;position-try-fallbacks:--top-end,--left-end,--right-end}.arrow-popover-bottom-end:before{left:80%}.arrow-popover-left{position-area:left center;margin:0 var(--tether-size)0 0;position-try-fallbacks:--right,--top,--bottom}.arrow-popover-left-start{position-area:left span-bottom;margin:0 var(--tether-size)0 0;position-try-fallbacks:--right-start,--top-start,--bottom-start}.arrow-popover-left-start:after{top:30%}.arrow-popover-left-end{position-area:left span-top;margin:0 var(--tether-size)0 0;position-try-fallbacks:--right-end,--top-end,--bottom-end}.arrow-popover-left-end:after{top:70%}.arrow-popover-right{position-area:right center;margin:0 0 0 var(--tether-size);position-try-fallbacks:--left,--top,--bottom}.arrow-popover-right-start{position-area:right span-bottom;margin:0 0 0 var(--tether-size);position-try-fallbacks:--left-start,--top-start,--bottom-start}.arrow-popover-right-start:after{top:30%}.arrow-popover-right-end{position-area:right span-top;margin:0 0 0 var(--tether-size);position-try-fallbacks:--left-end,--top-end,--bottom-end}.arrow-popover-right-end:after{top:70%}@position-try --top{position-area: top center; margin: 0 0 var(--tether-size)0;}@position-try --bottom{position-area: bottom center; margin: var(--tether-size)0 0 0;}@position-try --left{position-area: left center; margin: 0 var(--tether-size)0 0;}@position-try --right{position-area: right center; margin: 0 0 0 var(--tether-size);}@position-try --top-start{position-area: top span-right; margin: 0 0 var(--tether-size)0;}@position-try --bottom-start{position-area: bottom span-right; margin: var(--tether-size)0 0 0;}@position-try --left-start{position-area: left span-bottom; margin: 0 var(--tether-size)0 0;}@position-try --right-start{position-area: right span-bottom; margin: 0 0 0 var(--tether-size);}@position-try --top-end{position-area: top span-left; margin: 0 0 var(--tether-size)0;}@position-try --bottom-end{position-area: bottom span-left; margin: var(--tether-size)0 0 0;}@position-try --left-end{position-area: left span-top; margin: 0 var(--tether-size)0 0;}@position-try --right-end{position-area: right span-top; margin: 0 0 0 var(--tether-size);}.arrow-popover-fallback{clip-path:none}.arrow-popover-fallback:before,.arrow-popover-fallback:after{display:none}