tool-tip{--_inline-size:250px;--_padding:.5rem .75rem;--_font-family:system-ui, sans-serif;--_font-size:.9rem;--_color:#000000;--_background-color:white;--_border:0 solid transparent;--_border-radius:.25rem;--_box-shadow:0 3px 20px rgba(0, 0, 0, .2), 0 3px 5px rgba(0, 0, 0, .1);--_arrow-unit:7px;--_arrow-color:white;position:absolute;display:none;inset-block-start:0;inset-inline-start:0;inline-size:var(--_inline-size, auto);max-inline-size:calc(100vw - 2*var(--mobile-margin, 1rem));block-size:auto;padding:var(--_padding, .5rem);font-family:var(--_font-family, sans-serif);font-size:var(--_font-size, 1rem);color:var(--_color, #000000);background-color:var(--_background-color, white);border:var(--_border, 0 solid transparent);border-radius:var(--_border-radius, .25rem);box-shadow:var(--_box-shadow, 0 3px 10px rgba(0, 0, 0, .1));z-index:1;opacity:0;transition:opacity .2s ease-in-out;pointer-events:none;user-select:none}tool-tip tool-tip-arrow{content:"";display:block;position:absolute;inline-size:0;block-size:0;z-index:1}tool-tip[visual-position=block-start] tool-tip-arrow{inset-inline-start:calc(50% - var(--_arrow-unit));inset-block-end:calc(var(--_arrow-unit)*-1);border-inline:var(--_arrow-unit) solid transparent;border-block-start:var(--_arrow-unit) solid var(--_arrow-color, white)}tool-tip[visual-position=inline-end] tool-tip-arrow{inset-inline-start:calc(var(--_arrow-unit)*-1);inset-block-start:calc(50% - var(--_arrow-unit));border-block:var(--_arrow-unit) solid transparent;border-inline-end:var(--_arrow-unit) solid var(--_arrow-color, white)}tool-tip[visual-position=block-end] tool-tip-arrow{inset-inline-start:calc(50% - var(--_arrow-unit));inset-block-start:calc(var(--_arrow-unit)*-1);border-inline:var(--_arrow-unit) solid transparent;border-block-end:var(--_arrow-unit) solid var(--_arrow-color, white)}tool-tip[visual-position=inline-start] tool-tip-arrow{inset-inline-end:calc(var(--_arrow-unit)*-1);inset-block-start:calc(50% - var(--_arrow-unit));border-block:var(--_arrow-unit) solid transparent;border-inline-start:var(--_arrow-unit) solid var(--_arrow-color, white)}[data-person-tip] tool-tip{inline-size:250px}.tool-tip-title{display:block;margin-block-end:.25rem;font-family:var(--font-family-primary);font-size:1.2rem;white-space:nowrap}.tool-tip-body{display:block;font-style:var(--fs-caption)}