:root{--tooltip-d-transition-duration: .4s;--tooltip-d-border-radius: 1.25rem;--tooltip-d-padding: 1.5rem;--tooltip-d-position-x: calc(100% + 10px) ;--tooltip-d-position-y: calc(100% + 10px) ;--tooltip-d-box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, .15);--tooltip-d-z-index: 1000000;--tooltip-d-max-width: 300px;--tooltip-d-font-size: text-0.875rem;--tooltip-d-font-weight: 400;--tooltip-d-width: max-content;--tooltip-d-height: max-content;--tooltip-d-outline: none;--tooltip-d-border: none;--tooltip-primary-color: #212121;--tooltip-primary-background: #fff;--tooltip-seconary-color: #fff;--tooltip-seconary-background: #475deb;--tooltip-accent-color: #fff;--tooltip-accent-background: #212121}.vue-tooltip{position:relative;cursor:pointer;z-index:1;height:max-content;width:max-content}.vue-tooltip__primary:after{background:var(--tooltip-primary-background);color:var(--tooltip-primary-color)}.vue-tooltip__secondary:after{background:var(--tooltip-seconary-background);color:var(--tooltip-seconary-color)}.vue-tooltip__accent:after{background:var(--tooltip-accent-background);color:var(--tooltip-accent-color)}.vue-tooltip:after{content:attr(data-tooltip);font-size:var(--tooltip-d-font-size);font-weight:var(--tooltip-d-font-weight);width:var(--tooltip-d-width);max-width:var(--tooltip-d-max-width);height:var(--tooltip-d-height);z-index:var(--tooltip-d-z-index);padding:var(--tooltip-d-padding);border-radius:var(--tooltip-d-border-radius);box-shadow:var(--tooltip-d-box-shadow);transition:var(--tooltip-d-transition-duration);border:var(--tooltip-d-border);outline:var(--tooltip-d-outline);position:absolute;pointer-events:none;opacity:0;text-wrap:wrap}.vue-tooltip:hover{z-index:calc(var(--tooltip-d-z-index) + 1)}.vue-tooltip:hover:after{opacity:1}.vue-tooltip__bottom:after{inset:50% 50% auto;transform:translate(-50%)}.vue-tooltip__bottom:hover:after{top:var(--tooltip-d-position-y)}.vue-tooltip__top:after{inset:auto 50% 50%;transform:translate(-50%)}.vue-tooltip__top:hover:after{bottom:var(--tooltip-d-position-y)}.vue-tooltip__right:after{inset:50% auto 50% 14px;transform:translateY(-50%)}.vue-tooltip__right:hover:after{left:var(--tooltip-d-position-x)}.vue-tooltip__left:after{inset:50% 14px 50% auto;b transform: translate(0,-50%)}.vue-tooltip__left:hover:after{right:var(--tooltip-d-position-x)}