.ui-tooltip {
    position: absolute;
    transform: translateZ(0);
    display: none;
    z-index: 100;
    max-width: 300px;
    min-width: 200px;
    pointer-events: none;
}

.ui-tooltip.active {
    display: block;
    pointer-events: auto;
}

.ui-modal__container {
    background: #34ff02;
}

@media (max-width: 768px) {
    .ui-tooltip {
        max-width: 280px;
        min-width: 180px;
        font-size: 14px;
    }
}

@media (max-width: 480px) {
    .ui-tooltip {
        max-width: 250px;
        min-width: 160px;
        font-size: 13px;
    }
}