.css-tooltip[data-tooltip]{position:relative}.css-tooltip[data-tooltip]::after{position:absolute;opacity:0;pointer-events:none;content:'';top:100%;left:calc(50% - 10px);border:solid transparent 10px;border-top-width:0;border-bottom-color:rgba(0,0,0,0.7);-webkit-transition:opacity 0.3s linear;transition:opacity 0.3s linear}.css-tooltip[data-tooltip]::before{position:absolute;opacity:0;pointer-events:none;content:attr(data-tooltip);background:rgba(10,10,10,0.7);color:white;padding:8px 10px;border-radius:5px;left:calc(50% - 45px);top:calc(100% + 10px);text-align:center;width:-webkit-max-content;width:-moz-max-content;width:max-content;max-width:45vw;backdrop-filter:blur(1px);-webkit-backdrop-filter:blur(1px);-webkit-transition:opacity 0.3s linear;transition:opacity 0.3s linear}.css-tooltip[data-tooltip].tooltip-left::before{left:unset;right:calc(50% - 45px)}.css-tooltip[data-tooltip].tooltip-right::before{right:unset;left:calc(50% - 45px)}.css-tooltip[data-tooltip]:hover::before,[data-tooltip]:hover::after{opacity:1}