app-tooltip{display:inline;position:relative;--tooltip-fg:var(--gray-1);--tooltip-bg:var(--primary-lighten);--tooltip-size:.875rem;--tooltip-content:max-content;--tooltip-duration:.3s;--tooltip-delay:0s}app-tooltip:not(:hover) .tooltip{width:0}app-tooltip .tooltip{background-color:var(--tooltip-bg);border-radius:4px;-moz-column-gap:.5em;column-gap:.5em;display:grid;font-size:0;font-weight:400;grid-template-columns:1fr;grid-template-rows:min-content min-content;height:0;inset-inline-start:1rem;opacity:0;overflow:hidden;padding:.5em;position:absolute;text-align:center;transform-origin:top;transition:all var(--tooltip-duration) ease-out var(--tooltip-delay);translate:calc(var(--x, -50)*1%) calc(var(--y, 0)*1%);width:0;z-index:var(--z-tooltip,1070)}app-tooltip .tooltip.info-tooltip{--tooltip-fg:var(--gray-light);--tooltip-bg:var(--gray-3)}app-tooltip:hover{cursor:pointer}app-tooltip:hover .tooltip{background-color:var(--tooltip-bg);box-shadow:0 0 1rem rgba(var(--gray-5-a),.5);color:var(--tooltip-fg);font-size:var(--tooltip-size)!important;height:-moz-max-content;height:max-content;width:var(--tooltip-content);word-wrap:normal;opacity:1}app-tooltip:hover .tooltip p:first-of-type:not(.line app-tooltip:hover .tooltip p){border-block-end:1px dashed var(--gray-8);font-size:.75rem;font-weight:600}app-tooltip:hover .tooltip p:only-of-type{border-block-end:0}app-tooltip:hover .tooltip p span{color:var(--tooltip-fg);margin-block:0;margin-inline:.5em 0}app-tooltip:hover .tooltip p span:not(:last-child){border-inline-end:1px solid var(--tooltip-fg);margin:0 .5em;padding-block:0;padding-inline:0 .5em}app-tooltip:hover .tooltip-title{font-weight:500}@media(max-width:47.99em){app-tooltip{--tooltip-size:.75rem}}.tooltip .tooltip-content{font-size:.6875rem;word-break:keep-all}.tooltip .tooltip-content .tooltip-content,.tooltip-content+.tooltip-content{display:none}app-tooltip.link{overflow:initial}app-tooltip.link:hover{cursor:pointer}