.introjs-tooltip {
    border-radius: var(--border-radius);
}

.introjs-tooltip-header {
    display: none;
}

.introjs-tooltipbuttons {
    border-top: 0;
}

.introjs-tooltiptext {
    padding-bottom: 5px;
    font-size: 14px;
}

.introjs-overlay {
    z-index: 1039;
}

.introjs-tooltipReferenceLayer, .introjs-helperLayer {
    z-index: 1040;
}

.introjs-showElement {
    z-index: 1041 !important;
}

.introjs-button {
    text-shadow: unset;
    background-color: #fff;
    font-weight: 500;
    border-radius: var(--border-radius-sm);
    transition: .2s linear;
    line-height: 18px;
    border: 1px solid var(--color-border);
}

.introjs-button:hover, .introjs-button:active, .introjs-button:focus {
    -webkit-box-shadow: none;
    box-shadow: none;
    color: var(--color-primary);
    border-color: var(--color-primary);
    background: #fff;
}

.introjs-prevbutton {
    border: 0;
}

.introjs-prevbutton:hover, .introjs-prevbutton:active, .introjs-prevbutton:focus {
    border: 0;
}

.introjs-donebutton, .introjs-nextbutton {
    background: var(--color-primary);
    color: #fff;
    border: 0;
}

.introjs-donebutton:hover, .introjs-donebutton:active, .introjs-donebutton:focus, .introjs-nextbutton:hover, .introjs-nextbutton:active, .introjs-nextbutton:focus {
    color: #fff;
    border: 0;
    background: var(--color-primary-hover);
}

.introjs-helperLayer {
    box-shadow: rgba(33, 33, 33, 0) 0px 0px 1px 2px, rgba(33, 33, 33, 0.5) 0px 0px 0px 5000px !important;
}