.tooltip-container{display:inline-block;position:relative;width:100%}.tooltip{background-color:var(--graphite-shadow);border-radius:4px;box-shadow:0 2px 8px rgba(0,0,0,.15);color:var(--pure-white);font-size:14px;max-width:250px;min-width:110px;opacity:.9;padding:8px 12px;pointer-events:none;position:absolute;text-align:center;white-space:normal;z-index:1000}.tooltip-top{bottom:100%;left:50%;margin-bottom:8px;transform:translateX(-50%) translateY(-8px)}.tooltip-bottom{left:50%;margin-top:8px;top:100%;transform:translateX(-50%) translateY(8px)}.tooltip-left{margin-right:8px;right:100%;top:50%;transform:translateY(-50%) translateX(-8px)}.tooltip-right{left:100%;margin-left:8px;top:50%;transform:translateY(-50%) translateX(8px)}.tooltip:after{border-style:solid;border-width:5px;content:"";position:absolute}.tooltip-top:after{border-color:var(--graphite-shadow) transparent transparent transparent;left:50%;top:100%;transform:translateX(-50%)}.tooltip-bottom:after{border-color:transparent transparent var(--graphite-shadow) transparent;bottom:100%;left:50%;transform:translateX(-50%)}.tooltip-left:after{border-color:transparent transparent transparent var(--graphite-shadow);left:100%;top:50%;transform:translateY(-50%)}.tooltip-right:after{border-color:transparent var(--graphite-shadow) transparent transparent;right:100%;top:50%;transform:translateY(-50%)}