.attendance-statistics-table {
    width: 100%;
    table-layout: fixed;
    margin-bottom: 1rem;
}

    .attendance-statistics-table caption {
        caption-side: top;
    }

    .attendance-statistics-table td,
    .attendance-statistics-table th {
        border-bottom: 1px solid var(--gray-1);
        border-right: 1px solid var(--gray-1);
        padding: 0.25rem;
        position: relative;
    }

    .attendance-statistics-table th {
        text-align: center;
    }

    .attendance-statistics-table td span {
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    .attendance-statistics-table td:hover{
        cursor: pointer;
        background-color: var(--gray-1);
    }