.MuiTooltip-popper {
    flip: false;
    z-index: 1500;
    pointer-events: none;
}

.MuiTooltip-popperInteractive {
    pointer-events: auto;
}

.MuiTooltip-popperArrow[x-placement*="bottom"] .MuiTooltip-arrow {
    top: 0;
    flip: false;
    left: 0;
    width: 2em;
    height: 1em;
    margin-top: -0.95em;
    margin-left: 4px;
    margin-right: 4px;
}

.MuiTooltip-popperArrow[x-placement*="top"] .MuiTooltip-arrow {
    flip: false;
    left: 0;
    width: 2em;
    bottom: 0;
    height: 1em;
    margin-left: 4px;
    margin-right: 4px;
    margin-bottom: -0.95em;
}

.MuiTooltip-popperArrow[x-placement*="right"] .MuiTooltip-arrow {
    flip: false;
    left: 0;
    width: 1em;
    height: 2em;
    margin-top: 4px;
    margin-left: -0.95em;
    margin-bottom: 4px;
}

.MuiTooltip-popperArrow[x-placement*="left"] .MuiTooltip-arrow {
    flip: false;
    right: 0;
    width: 1em;
    height: 2em;
    margin-top: 4px;
    margin-right: -0.95em;
    margin-bottom: 4px;
}

    .MuiTooltip-popperArrow[x-placement*="left"] .MuiTooltip-arrow::before {
        flip: false;
        border-color: transparent transparent transparent currentcolor;
        border-width: 1em 0 1em 1em;
    }

.MuiTooltip-popperArrow[x-placement*="right"] .MuiTooltip-arrow::before {
    flip: false;
    border-color: transparent currentcolor transparent transparent;
    border-width: 1em 1em 1em 0;
}

.MuiTooltip-popperArrow[x-placement*="top"] .MuiTooltip-arrow::before {
    flip: false;
    border-color: currentcolor transparent transparent transparent;
    border-width: 1em 1em 0 1em;
}

.MuiTooltip-popperArrow[x-placement*="bottom"] .MuiTooltip-arrow::before {
    flip: false;
    border-color: transparent transparent currentcolor transparent;
    border-width: 0 1em 1em 1em;
}

.MuiTooltip-tooltip {
    color: #fff;
    padding: 4px 8px;
    font-size: 0.625rem;
    max-width: 300px;
    word-wrap: break-word;
    font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";
    font-weight: 500;
    line-height: 1.4em;
    border-radius: 4px;
    background-color: rgba(97, 97, 97, 0.9);
}

.MuiTooltip-tooltipArrow {
    margin: 0;
    position: relative;
}

.MuiTooltip-arrow {
    color: rgba(97, 97, 97, 0.9);
    position: absolute;
    font-size: 6px;
}

    .MuiTooltip-arrow::before {
        width: 0;
        height: 0;
        margin: auto;
        content: "";
        display: block;
        border-style: solid;
    }

.MuiTooltip-touch {
    padding: 8px 16px;
    font-size: 0.875rem;
    font-weight: 400;
    line-height: 1.14286em;
}

.MuiTooltip-tooltipPlacementLeft {
    margin: 0 24px;
    transform-origin: right center;
}

@media (min-width:600px) {
    .MuiTooltip-tooltipPlacementLeft {
        margin: 0 14px;
    }
}

.MuiTooltip-tooltipPlacementRight {
    margin: 0 24px;
    transform-origin: left center;
}

@media (min-width:600px) {
    .MuiTooltip-tooltipPlacementRight {
        margin: 0 14px;
    }
}

.MuiTooltip-tooltipPlacementTop {
    margin: 24px 0;
    transform-origin: center bottom;
}

@media (min-width:600px) {
    .MuiTooltip-tooltipPlacementTop {
        margin: 14px 0;
    }
}

.MuiTooltip-tooltipPlacementBottom {
    margin: 24px 0;
    transform-origin: center top;
}

@media (min-width:600px) {
    .MuiTooltip-tooltipPlacementBottom {
        margin: 14px 0;
    }
}