.tippy-box[data-animation=fade][data-state=hidden] {
    opacity:0
}
[data-tippy-root] {
    max-width:calc(100vw - 10px)
}
.tippy-box {
    position:relative;
    background-color:#333;
    color:#fff;
    border-radius:4px;
    font-size:14px;
    line-height:1.4;
    white-space:normal;
    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:#333
}
.tippy-arrow:before {
    content:"";
    position:absolute;
    border-color:transparent;
    border-style:solid
}
.tippy-content {
    position:relative;
    padding:5px 9px;
    z-index:1
}