[data-tooltip]{--arrow-size:5px;z-index:10}[data-tooltip]:after,[data-tooltip]:before{position:absolute;visibility:hidden;opacity:0;left:50%;bottom:calc(100% + var(--arrow-size));pointer-events:none;transition:.2s;will-change:transform}[data-tooltip]:before{content:attr(data-tooltip);padding:10px 18px;min-width:50px;max-width:300px;width:max-content;width:-moz-max-content;border-radius:6px;font-size:14px;background-color:rgba(59,72,80,.9);background-image:linear-gradient(30deg,rgba(59,72,80,.44),rgba(59,68,75,.44),rgba(60,82,88,.44));box-shadow:0 0 24px rgba(0,0,0,.2);color:#fff;text-align:center;white-space:pre-wrap;transform:translate(-50%,calc(0px - var(--arrow-size))) scale(.5)}[data-tooltip]:after{content:"";border-style:solid;border-width:var(--arrow-size) var(--arrow-size) 0 var(--arrow-size);border-color:rgba(55,64,70,.9) transparent transparent;transition-duration:0s;transform-origin:top;transform:translateX(-50%) scaleY(0)}[data-tooltip]:hover:after,[data-tooltip]:hover:before{visibility:visible;opacity:1}[data-tooltip]:hover:before{transition-delay:.3s;transform:translate(-50%,calc(0px - var(--arrow-size))) scale(1)}[data-tooltip]:hover:after{transition-delay:.5s;transition-duration:.2s;transform:translateX(-50%) scaleY(1)}[data-tooltip-location=left]:after,[data-tooltip-location=left]:before{left:auto;right:calc(100% + var(--arrow-size));bottom:50%}[data-tooltip-location=left]:before{transform:translate(calc(0px - var(--arrow-size)),50%) scale(.5)}[data-tooltip-location=left]:hover:before{transform:translate(calc(0px - var(--arrow-size)),50%) scale(1)}[data-tooltip-location=left]:after{border-width:var(--arrow-size) 0 var(--arrow-size) var(--arrow-size);border-color:transparent transparent transparent rgba(55,64,70,.9);transform-origin:left;transform:translateY(50%) scaleX(0)}[data-tooltip-location=left]:hover:after{transform:translateY(50%) scaleX(1)}[data-tooltip-location=right]:after,[data-tooltip-location=right]:before{left:calc(100% + var(--arrow-size));bottom:50%}[data-tooltip-location=right]:before{transform:translate(var(--arrow-size),50%) scale(.5)}[data-tooltip-location=right]:hover:before{transform:translate(var(--arrow-size),50%) scale(1)}[data-tooltip-location=right]:after{border-width:var(--arrow-size) var(--arrow-size) var(--arrow-size) 0;border-color:transparent rgba(55,64,70,.9) transparent transparent;transform-origin:right;transform:translateY(50%) scaleX(0)}[data-tooltip-location=right]:hover:after{transform:translateY(50%) scaleX(1)}[data-tooltip-location=bottom]:after,[data-tooltip-location=bottom]:before{top:calc(100% + var(--arrow-size));bottom:auto}[data-tooltip-location=bottom]:before{transform:translate(-50%,var(--arrow-size)) scale(.5)}[data-tooltip-location=bottom]:hover:before{transform:translate(-50%,var(--arrow-size)) scale(1)}[data-tooltip-location=bottom]:after{border-width:0 var(--arrow-size) var(--arrow-size) var(--arrow-size);border-color:transparent transparent rgba(55,64,70,.9);transform-origin:bottom}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background-color:#898989;border-radius:20px;border:1px solid transparent;transition:all .2s ease-in-out}::-webkit-scrollbar-thumb:hover{background-color:#747474}::-webkit-scrollbar-thumb:active{background-color:#4c4c4c}.scrollbar-hidden{scrollbar-width:none}.scrollbar-hidden::-webkit-scrollbar{display:none}:root{--stopper-foreground:#f2f2f2;--stopper-background:#333232}.stopper-bg-white{background-color:var(--stopper-foreground)}.stopper-bg-black{background-color:var(--stopper-background)}.stopper-text-black{color:var(--stopper-background)}.stopper-text-white{color:var(--stopper-foreground)}