.tooltip {
    z-index: 10002;
    color: var(--grey-04) !important;
    background-color: var(--background-tooltip) !important;
    border-radius: 8px !important;
    box-shadow: var(--box-shadow);
}

.tooltip.show {
    opacity: 1;
}

.tooltip .arrow {
    display: none;
}

.tooltip .tooltip-arrow::before {
    display: none;
}

.tooltip-inner {
    color: var(--grey-04) !important;
    background-color: var(--background-tooltip) !important;
    border-radius: 8px !important;
    max-width: 300px;
}

.wdk-layout:has(.learning) ~ .tooltip .tooltip-inner {
    max-width: 270px;
}