.tooltip-trigger{anchor-name:--tooltip-anchor}.hovercard-trigger{anchor-name:--hovercard-anchor}.auto-trigger{anchor-name:--auto-anchor}.hint-trigger{anchor-name:--hint-anchor}.popover-content{color:#fafafa;opacity:0;transition:opacity .2s ease,transform .2s ease,overlay .2s ease allow-discrete,display .2s ease allow-discrete;background:#1c1c1c;border:1px solid #ffffff1a;border-radius:.5rem;margin:0;padding:0;inset:auto;transform:translateY(8px)scale(.96);box-shadow:0 10px 40px -10px #00000080,0 0 0 1px #ffffff0d}#tooltip-demo{position-anchor:--tooltip-anchor;position-area:top;translate:0 -8px}#hovercard-demo{position-anchor:--hovercard-anchor;position-area:top;translate:0 -8px}#regular-popover{position-anchor:--auto-anchor;position-area:top;translate:0 -8px}#hint-popover{position-anchor:--hint-anchor;position-area:top;translate:0 -8px}.popover-content:popover-open{opacity:1;transform:translateY(0)scale(1)}@starting-style{.popover-content:popover-open{opacity:0;transform:translateY(8px)scale(.96)}}:root:not(.dark) .popover-content{color:#171717;background:#fff;border-color:#0000001a;box-shadow:0 10px 40px -10px #0003,0 0 0 1px #0000000d}[interestfor]{transition:transform .2s}[interestfor]:hover{transform:translateY(-1px)}.tooltip-style{text-align:center;max-width:200px;padding:.5rem .75rem;font-size:.75rem}.hovercard-style{width:250px;padding:1rem}