.tooltip-container{--tooltip-background-light:var(--color-ui);--tooltip-background-dark:var(--ui-bg);--tooltip-text-color-light:var(--ui-text);--tooltip-text-color-dark:var(--ui-text);--tooltip-bubble-size:3rem;background:var(--tooltip-background-light);border-radius:1.5rem;color:var(--tooltip-text-color-light);cursor:pointer;padding:2.5rem 4rem;position:relative;transition:all .2s}.tooltip{background:var(--tooltip-background-light);border-radius:var(--tooltip-bubble-size);box-shadow:0 4px 8px #0000001a;font-size:3.5rem;opacity:0;padding:.6em 1em;pointer-events:none;top:-50%;transform:translate(-50%);transition:all .3s;visibility:hidden;width:50rem}.tooltip,.tooltip:before{left:50%;position:absolute}.tooltip:before{border-color:var(--tooltip-background-light) transparent transparent;border-style:solid;border-width:8px 8px 0;content:"";top:100%;transform:translate(-50%)}.tooltip-container:hover{background:var(--tooltip-background-dark);box-shadow:0 0 20px var(--tooltip-glow-color);color:var(--tooltip-text-color-dark)}.tooltip-container:hover .tooltip{opacity:1;pointer-events:auto;top:-170%;visibility:visible}