:root{--tooltip-background:rgba(13,16,22,0.98);--tooltip-title-background:rgba(255,255,255,0.1);--tooltip-text-color:rgba(255,255,255,0.7)}.tooltip-container{max-width:140px;background-color:var(--tooltip-background);padding:4px 8px;color:var(--tooltip-text-color);font-size:11px;font-weight:300;line-height:16px;text-align:left;visibility:hidden;z-index:500;position:absolute;box-sizing:border-box;overflow:visible;border-radius:3px;opacity:0;box-shadow:0 6px 14px -6px rgba(0,0,0,.6);left:-1000px;top:-1000px}.tooltip-container.visible{opacity:1;visibility:visible;transition:opacity 500ms ease}.tooltip-container[data-type="styled"]{max-width:300px;display:grid;grid-template-columns:1fr;grid-template-rows:minmax(34px,max-content) auto;grid-row-gap:3px;padding:16px}.tooltip-container[data-type="styled"] .title{display:grid;grid-template-columns:repeat(1,max-content);place-content:center;place-items:center flex-start;font-size:20px;font-weight:500;line-height:1.1;padding:10px}.tooltip-container[data-type="styled"] .title.icon{grid-template-columns:max-content 1fr;grid-column-gap:12px}.tooltip-container[data-type="styled"] .title.icon .icon-container{display:flex;place-content:center;place-items:center;width:20px;height:20px}.tooltip-container[data-type="styled"] .title .icon-container{display:none}.tooltip-container[data-type="styled"] .title img{height:100%}.tooltip-container[data-type="styled"] .contents{display:grid;grid-row-gap:3px;padding:10px}.tooltip-container:after{border:solid transparent;content:" ";height:0;width:0;position:absolute;pointer-events:none}.tooltip-container.area-8:after,.tooltip-container.area-2:after,.tooltip-container.area-4:after{top:50%;right:-13px;border-left-color:var(--tooltip-background);border-width:7px;transform:translateY(-50%)}.tooltip-container.area-7:after,.tooltip-container.area-1:after,.tooltip-container.area-3:after{top:50%;left:-13px;border-right-color:var(--tooltip-background);border-width:7px;transform:translateY(-50%)}.tooltip-container.area-5:after{top:-13px;left:50%;border-bottom-color:var(--tooltip-background);border-width:7px;border-right-color:transparent;transform:translateX(-50%)}.tooltip-container.area-6:after{bottom:-13px;left:50%;border-top-color:var(--tooltip-background);border-width:7px;border-left-color:transparent;transform:translateX(-50%)}