.tippy-box[data-animation=fade][data-state=hidden]{
    opacity:0
}
[data-tippy-root]{
    max-width:calc(100vw - 10px)
}
.tippy-box{
    position:relative;
    background-color: rgb(39 61 185);
    -webkit-backdrop-filter: blur(5px);
    box-shadow: 0 1px 4px -2px black, inset 0 2px 1px -1px rgb(255 255 255 / 10%);
    backdrop-filter: blur(5px);
    color:#fff;
    border-radius:4px;
    font-size:14px;
    line-height:1.4;
    outline:0;
    transition-property:transform,visibility,opacity
}
.tippy-box[data-placement^=top]>.tippy-arrow{
    bottom:0
}
.tippy-box[data-placement^=top]>.tippy-arrow:before{
    bottom:-7px;
    left:0;
    border-width:8px 8px 0;
    border-top-color:initial;
    transform-origin:center top
}
.tippy-box[data-placement^=bottom]>.tippy-arrow{
    top:0
}
.tippy-box[data-placement^=bottom]>.tippy-arrow:before{
    top:-7px;
    left:0;
    border-width:0 8px 8px;
    border-bottom-color:initial;
    transform-origin:center bottom
}
.tippy-box[data-placement^=left]>.tippy-arrow{
    right:0
}
.tippy-box[data-placement^=left]>.tippy-arrow:before{
    border-width:8px 0 8px 8px;
    border-left-color:initial;
    right:-7px;
    transform-origin:center left
}
.tippy-box[data-placement^=right]>.tippy-arrow{
    left:0
}
.tippy-box[data-placement^=right]>.tippy-arrow:before{
    left:-7px;
    border-width:8px 8px 8px 0;
    border-right-color:initial;
    transform-origin:center right
}
.tippy-box[data-inertia][data-state=visible]{
    transition-timing-function:cubic-bezier(.54,1.5,.38,1.11)
}
.tippy-arrow{
    width:16px;
    height:16px;
    color: rgb(39 61 185);
}
.tippy-arrow:before{
    content:"";
    position:absolute;
    border-color:transparent;
    border-style:solid
}
.tippy-content{
    position:relative;
    padding:5px 9px;
    z-index:1;
    text-align:left;
}