.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}
.tippy-box {
    position: relative;
    background-color: #333;
    color: #fff;
    border-radius: 4px;
    font-size: 14px;
    line-height: 1.4;
    outline: 0;
    transition-property: transform,visibility,opacity;
}

.tippy-content {
    position: relative;
    padding: 8px 12px;
    z-index: 1;
    font-family: Arial, sans-serif;
}

.tippy-arrow {
    width: 16px;
    height: 16px;
    color: #333;
}

    .tippy-arrow:before {
        content: "";
        position: absolute;
        border-color: transparent;
        border-style: solid;
    }

.tippy-box[data-placement^=top] > .tippy-arrow:before {
    left: 0;
    border-width: 8px 8px 0;
    transform-origin: center top;
}

    .tippy-box[data-theme~=material] {
        background-color: #505355;
        font-weight: 600
    }

        .tippy-box[data-theme~=material][data-placement^=top] > .tippy-arrow:before {
            border-top-color: #505355
        }

        .tippy-box[data-theme~=material][data-placement^=bottom] > .tippy-arrow:before {
            border-bottom-color: #505355
        }

        .tippy-box[data-theme~=material][data-placement^=left] > .tippy-arrow:before {
            border-left-color: #505355
        }

        .tippy-box[data-theme~=material][data-placement^=right] > .tippy-arrow:before {
            border-right-color: #505355
        }

        .tippy-box[data-theme~=material] > .tippy-backdrop {
            background-color: #505355
        }

        .tippy-box[data-theme~=material] > .tippy-svg-arrow {
            fill: #505355
        }

.sparkline--cursor {
    stroke: orange;
}

.sparkline--spot {
    fill: red;
    stroke: red;
}