.tooltip-popup {
            position: fixed;
            pointer-events: none;
            z-index: 9999;
            opacity: 0;
            transition: opacity 0.2s ease-out, transform 0.2s ease-out;
            transform: translateY(5px);
        }
        .tooltip-popup.visible {
            opacity: 1;
            transform: translateY(0);
        }
        /* Стили для стрелочки подсказки */
        .tooltip-arrow {
            position: absolute;
            width: 0;
            height: 0;
            border-left: 6px solid transparent;
            border-right: 6px solid transparent;
        }


.shadow-lg {
    --tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 4px 6px -4px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}

.text-white {
    color: #fff;
}

.text-sm {
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
}

.py-1\.5 {
    padding-block: calc(0.25rem * 1.5);
}

.px-3 {
    padding-inline: calc(0.25rem * 3);
}

.bg-slate-800 {
    background-color: oklch(27.9% 0.041 260.031);
}

.rounded-md {
    border-radius: 0.375rem;
}

.max-w-xs {
    max-width: 20rem;
}