.app-tooltip[data-v-796e91b6]{align-items:center;display:inline-flex;position:relative}.app-tooltip__content[data-v-796e91b6]{bottom:100%;left:var(--tooltip-left,50%);position:absolute;transform:translate(var(--tooltip-translate-x,-50%),calc(var(--spacing-xs)*-1));--tooltip-arrow-left:50%;--tooltip-arrow-translate-x:-50%;background:var(--color-text);border-radius:var(--border-radius);color:var(--color-base);font-size:var(--font-size-base);font-weight:400;line-height:var(--line-height-base);opacity:0;padding:var(--spacing-xs) var(--spacing-sm);pointer-events:none;text-align:left;transition:opacity .2s ease,transform .2s ease;white-space:nowrap;z-index:2}.app-tooltip--left .app-tooltip__content[data-v-796e91b6]{--tooltip-left:0;--tooltip-translate-x:0;--tooltip-arrow-left:var(--spacing-xs);--tooltip-arrow-translate-x:0}.app-tooltip--right .app-tooltip__content[data-v-796e91b6]{--tooltip-left:100%;--tooltip-translate-x:-100%;--tooltip-arrow-left:calc(100% - var(--spacing-xs));--tooltip-arrow-translate-x:-100%}.app-tooltip__content[data-v-796e91b6]:after{border-color:var(--color-text) transparent transparent;border-style:solid;border-width:var(--spacing-xs) var(--spacing-xs) 0;content:"";left:var(--tooltip-arrow-left);position:absolute;top:100%;transform:translate(var(--tooltip-arrow-translate-x))}.app-tooltip:focus-within .app-tooltip__content[data-v-796e91b6],.app-tooltip:hover .app-tooltip__content[data-v-796e91b6]{opacity:1;transform:translate(var(--tooltip-translate-x,-50%),calc(var(--spacing-sm)*-1))}@media(min-width:768px){.app-tooltip--left .app-tooltip__content[data-v-796e91b6],.app-tooltip--right .app-tooltip__content[data-v-796e91b6]{--tooltip-left:50%;--tooltip-translate-x:-50%;--tooltip-arrow-left:50%;--tooltip-arrow-translate-x:-50%}.app-tooltip:focus-within .app-tooltip__content[data-v-796e91b6],.app-tooltip:hover .app-tooltip__content[data-v-796e91b6]{transform:translate(var(--tooltip-translate-x,-50%),calc(var(--spacing-sm)*-1))}}