.tooltip{position:fixed;background-color:var(--color-mid-dark);border:1px solid var(--color-mid-light);border-radius:8px;padding:8px 12px;pointer-events:none;opacity:0;transform:scale(.95);transition:opacity .2s ease-in-out,transform .2s ease-in-out;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.tooltip.tooltip-top{animation:tooltip-fade-in-top .2s ease-in-out forwards}.tooltip.tooltip-bottom{animation:tooltip-fade-in-bottom .2s ease-in-out forwards}.tooltip.tooltip-left{animation:tooltip-fade-in-left .2s ease-in-out forwards}.tooltip.tooltip-right{animation:tooltip-fade-in-right .2s ease-in-out forwards}.tooltip-content{color:var(--color-xxlight);font-size:14px;line-height:1.5;font-weight:400;text-align:left;word-wrap:break-word}.tooltip-arrow{position:absolute;width:0;height:0;border-style:solid}.tooltip-arrow[data-position=top]{bottom:-6px;left:50%;transform:translate(-50%);border-width:6px 6px 0 6px;border-color:var(--color-mid-dark) transparent transparent transparent}.tooltip-arrow[data-position=top]:before{content:"";position:absolute;bottom:1px;left:-6px;border-style:solid;border-width:6px 6px 0 6px;border-color:var(--color-mid-light) transparent transparent transparent}.tooltip-arrow[data-position=bottom]{top:-6px;left:50%;transform:translate(-50%);border-width:0 6px 6px 6px;border-color:transparent transparent var(--color-mid-dark) transparent}.tooltip-arrow[data-position=bottom]:before{content:"";position:absolute;top:-1px;left:-6px;border-style:solid;border-width:0 6px 6px 6px;border-color:transparent transparent var(--color-mid-light) transparent}.tooltip-arrow[data-position=left]{right:-6px;top:50%;transform:translateY(-50%);border-width:6px 0 6px 6px;border-color:transparent transparent transparent var(--color-mid-dark)}.tooltip-arrow[data-position=left]:before{content:"";position:absolute;right:-1px;top:-6px;border-style:solid;border-width:6px 0 6px 6px;border-color:transparent transparent transparent var(--color-mid-light)}.tooltip-arrow[data-position=right]{left:-6px;top:50%;transform:translateY(-50%);border-width:6px 6px 6px 0;border-color:transparent var(--color-mid-dark) transparent transparent}.tooltip-arrow[data-position=right]:before{content:"";position:absolute;left:1px;top:-6px;border-style:solid;border-width:6px 6px 6px 0;border-color:transparent var(--color-mid-light) transparent transparent}@keyframes tooltip-fade-in-top{0%{opacity:0;transform:translateY(4px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes tooltip-fade-in-bottom{0%{opacity:0;transform:translateY(-4px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes tooltip-fade-in-left{0%{opacity:0;transform:translate(4px) scale(.95)}to{opacity:1;transform:translate(0) scale(1)}}@keyframes tooltip-fade-in-right{0%{opacity:0;transform:translate(-4px) scale(.95)}to{opacity:1;transform:translate(0) scale(1)}}@keyframes tooltip-fade-out{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.95)}}.tooltip-primary{background-color:#da4d2d;border-color:#da4d2d80}.tooltip-primary .tooltip-content{color:#fff}.tooltip-success{background-color:#16a34a;border-color:#16a34a80}.tooltip-success .tooltip-content{color:#fff}.tooltip-warning{background-color:#f59e0b;border-color:#f59e0b80}.tooltip-warning .tooltip-content{color:#fff}.tooltip-error{background-color:#ef4444;border-color:#ef444480}.tooltip-error .tooltip-content{color:#fff}@media(prefers-color-scheme:light){.tooltip{background-color:#fffffffa;border-color:#0000001a}.tooltip-content{color:#1c1a24}.tooltip-arrow[data-position=top]{border-color:rgba(255,255,255,.98) transparent transparent transparent}.tooltip-arrow[data-position=bottom]{border-color:transparent transparent rgba(255,255,255,.98) transparent}.tooltip-arrow[data-position=left]{border-color:transparent transparent transparent rgba(255,255,255,.98)}.tooltip-arrow[data-position=right]{border-color:transparent rgba(255,255,255,.98) transparent transparent}}@media(max-width:640px){.tooltip{padding:6px 10px;font-size:13px;max-width:240px!important}.tooltip-arrow{border-width:5px}.tooltip-arrow[data-position=top]{bottom:-5px;border-width:5px 5px 0 5px}.tooltip-arrow[data-position=bottom]{top:-5px;border-width:0 5px 5px 5px}.tooltip-arrow[data-position=left]{right:-5px;border-width:5px 0 5px 5px}.tooltip-arrow[data-position=right]{left:-5px;border-width:5px 5px 5px 0}}