.app-tooltip{cursor:pointer;display:inline-block;position:relative}.app-tooltip__content{background-color:#333;border-radius:5px;bottom:calc(100% + .3125rem);color:#fff;font-size:.75rem;padding:.3125rem .625rem;white-space:nowrap;z-index:1000}.app-tooltip__content,.app-tooltip__content:before{left:50%;position:absolute;transform:translate(-50%)}.app-tooltip__content:before{border:5px solid #0000;border-top-color:#333;content:"";top:calc(100% - .0625rem)}.app-tooltip__content:after{content:"";display:block;height:.625rem;left:0;position:absolute;right:0;top:calc(100% - .0625rem)}.app-tooltip__content_direction_left{left:auto;right:-.3125rem;transform:translate(0)}.app-tooltip__content_direction_left:before{left:auto;right:calc(var(--main-slot-width)/2);transform:translate(0)}.app-tooltip__content_direction_right{left:-.3125rem;transform:translate(0)}.app-tooltip__content_direction_right:before{left:calc(var(--main-slot-width)/2);transform:translate(0)}.app-tooltip__content_position_bottom{bottom:auto;top:calc(100% + .3125rem)}.app-tooltip__content_position_bottom:before{border-color:#0000 #0000 #333;bottom:calc(100% - .0625rem);top:auto}.app-tooltip__content_position_bottom:after{content:"";display:block;height:.625rem;left:0;position:absolute;right:0;top:calc(100% - .0625rem)}