: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 #00000026;--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{cursor:pointer;z-index:1;width:max-content;height:max-content;position:relative}.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);pointer-events:none;opacity:0;text-wrap:wrap;position:absolute}.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;transform:translateY(-50%)}.vue-tooltip__left:hover:after{right:var(--tooltip-d-position-x)}