:root{--tooltip-opacity:.9;--tooltip-border-radius:4px;--tooltip-font-size:14px;--tooltip-padding:8px 16px;--tooltip-offset:10px;--tooltip-default-color:#616161;--tooltip-primary-color:var(--color-primary);--tooltip-info-color:var(--color-info);--tooltip-success-color:var(--color-success);--tooltip-warning-color:var(--color-warning);--tooltip-danger-color:var(--color-danger);--tooltip-default-text-color:#fff;--tooltip-primary-text-color:var(--color-on-primary);--tooltip-info-text-color:var(--color-on-info);--tooltip-success-text-color:var(--color-on-success);--tooltip-warning-text-color:var(--color-on-warning);--tooltip-danger-text-color:var(--color-on-danger)}.var-tooltip{display:inline-block}.var-tooltip-enter-from,.var-tooltip-leave-to{opacity:0;transform:scale(.8)}.var-tooltip-enter-active,.var-tooltip-leave-active{transition-duration:.2s;transition-property:opacity,transform}.var-tooltip__content-container{border-radius:var(--tooltip-border-radius);display:inline-block;font-size:var(--tooltip-font-size);opacity:var(--tooltip-opacity);padding:var(--tooltip-padding);text-align:center;transition:opacity .25s,background-color .25s}.var-tooltip--default{background:var(--tooltip-default-color);color:var(--tooltip-default-text-color)}.var-tooltip--primary{background-color:var(--tooltip-primary-color);color:var(--tooltip-primary-text-color)}.var-tooltip--info{background-color:var(--tooltip-info-color);color:var(--tooltip-info-text-color)}.var-tooltip--success{background-color:var(--tooltip-success-color);color:var(--tooltip-success-text-color)}.var-tooltip--warning{background-color:var(--tooltip-warning-color);color:var(--tooltip-warning-text-color)}.var-tooltip--danger{background-color:var(--tooltip-danger-color);color:var(--tooltip-danger-text-color)}.var-tooltip__tooltip[data-popper-placement=top-end] .var-tooltip__content-container,.var-tooltip__tooltip[data-popper-placement=top-start] .var-tooltip__content-container,.var-tooltip__tooltip[data-popper-placement=top] .var-tooltip__content-container{transform:translateY(calc(var(--tooltip-offset)*-1))}.var-tooltip__tooltip[data-popper-placement=bottom-end] .var-tooltip__content-container,.var-tooltip__tooltip[data-popper-placement=bottom-start] .var-tooltip__content-container,.var-tooltip__tooltip[data-popper-placement=bottom] .var-tooltip__content-container{transform:translateY(var(--tooltip-offset))}.var-tooltip__tooltip[data-popper-placement=right-end] .var-tooltip__content-container,.var-tooltip__tooltip[data-popper-placement=right-start] .var-tooltip__content-container,.var-tooltip__tooltip[data-popper-placement=right] .var-tooltip__content-container{transform:translate(var(--tooltip-offset))}.var-tooltip__tooltip[data-popper-placement=left-end] .var-tooltip__content-container,.var-tooltip__tooltip[data-popper-placement=left-start] .var-tooltip__content-container,.var-tooltip__tooltip[data-popper-placement=left] .var-tooltip__content-container{transform:translate(calc(var(--tooltip-offset)*-1))}