.log-list-container {
    width: 100vw;
    height: 100vh;
    // background: var(--background-color-secondary);
    // backdrop-filter: blur(2px);

    .log-list-wrapper {
        height: 50%;
        min-width: 50%;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        z-index: 5;
        background: var(--background-color);
        padding: 14px 12px;
        border-radius: 15px;
        display: flex;
        flex-direction: column;
        gap: 12px;
        backdrop-filter: blur(50px);

        .log-header {
            display: flex;
            justify-content: space-between;

            .log-header-wrapper {
                display: flex;
                align-items: center;
                gap: 6px;
            }

            .close {
                // transform: scale(1.5);
                cursor: pointer;
            }
        }

        .log-nav-wrapper {
            display: flex;
            gap: 6px;

            .log-nav {
                padding: 8px 16px;
                border-radius: 19px;
            }

            .log-nav.active {
                background-color: var(--accent-color);
                color: var(--text-button-color);
            }
        }

        .log-entry-wrapper {
            height: 100%;
            display: flex;
            flex-direction: column;
            gap: 4px;
            background: var(--background-color);
            padding: 18px 10px;
            border-radius: 16px;

            .log-entry {
                padding: 4px;
                border-radius: 4px;
                font-size: var(--font-size-small);
                display: flex;
                align-items: center;
                gap: 6px;

                &:nth-child(odd) {
                    background: var(--background-color);
                }
            }
        }
    }
}