.popups {
    width: 400px;
    padding: 10px;   /* Внутренние отступы */
    font-family: Arial, sans-serif;
    font-size: 10pt;
    background-color: #dbdbdb;
    border-radius: 6px;
    position: fixed; /* Меняем на fixed */
    z-index: 1000;   /* Поднимаем над другими элементами */
    box-shadow: 0 0 10px rgba(0,0,0,0.2);
    display: none;
    transform: translateY(-50%); /* Центрируем по вертикали */
}

.popups::before {
    content: "";        /* Псевдоэлемент для стрелочки */
    width: 12px;        /* Ширина стрелочки */
    height: 12px;          /* Высота стрелочки */
    transform: rotate(45deg);   /* Поворот квадрата для создания стрелочки */
    background-color: #dbdbdb;
    position: absolute;
    left: -6px;     /* Выравнивание слева от подсказки */
    top: 50%;       /* Центрирование по вертикали */
    margin-top: -6px;
}