[data-tooltip-bottom],[data-tooltip-left],[data-tooltip-right],[data-tooltip-top]{position:relative;cursor:help}[data-tooltip-bottom]:after,[data-tooltip-left]:after,[data-tooltip-right]:after,[data-tooltip-top]:after{--tooltip-bg:rgba(0,0,0,0.75);visibility:hidden;background-color:rgba(0,0,0,.75);color:#fff;text-align:center;padding:.25rem;border-radius:.375rem;position:absolute;opacity:0;transition:all .1s cubic-bezier(0,.1,.1,0);content:attr(title);font-size:.75rem;width:fit-content;white-space:nowrap;border-bottom:2px solid var(--color-primary-main);box-sizing:content-box}[data-tooltip-top]:after{content:attr(data-tooltip-top)}[data-tooltip-bottom]:after{content:attr(data-tooltip-bottom)}[data-tooltip-right]:after{content:attr(data-tooltip-right)}[data-tooltip-left]:after{content:attr(data-tooltip-left)}[data-tooltip-bottom]:hover:after,[data-tooltip-left]:hover:after,[data-tooltip-right]:hover:after,[data-tooltip-top]:hover:after{visibility:visible;opacity:1}[data-tooltip-top]:after{bottom:105%;left:50%;transform:translateX(-50%)}[data-tooltip-bottom]:after{top:105%;left:50%;transform:translateX(-50%)}[data-tooltip-right]:after{top:50%;left:105%;transform:translateY(-50%)}[data-tooltip-left]:after{top:50%;right:105%;transform:translateY(-50%)}