[data-tooltip]{position:relative}[data-tooltip]:after{content:attr(data-tooltip);z-index:40;white-space:normal;text-align:center;color:#fff;opacity:0;visibility:hidden;pointer-events:none;background:#1a1a1a;border-radius:6px;width:max-content;max-width:240px;padding:.28rem .6rem;font-size:.78rem;font-weight:400;line-height:1.35;transition:opacity .12s,visibility .12s;position:absolute;bottom:calc(100% + .55rem);left:50%;transform:translate(-50%);box-shadow:0 4px 16px #1a1a2e14}[data-tooltip]:before{content:"";z-index:40;opacity:0;visibility:hidden;pointer-events:none;border:5px solid #0000;border-top-color:#1a1a1a;transition:opacity .12s,visibility .12s;position:absolute;bottom:calc(100% + .55rem - 5px);left:50%;transform:translate(-50%)}[data-tooltip]:hover:after,[data-tooltip]:hover:before,[data-tooltip]:focus-visible:after,[data-tooltip]:focus-visible:before{opacity:1;visibility:visible}[data-tooltip][data-tooltip-pos=down]:after{top:calc(100% + .55rem);bottom:auto}[data-tooltip][data-tooltip-pos=down]:before{border-top-color:#0000;border-bottom-color:#1a1a1a;top:calc(100% + .55rem - 5px);bottom:auto}