.footer-wrapper {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    z-index: 1;
    display: flex;
    justify-content: space-between;
    padding: 6px;

    .selection-wrapper {
        display: flex;
        gap: 6px;

        .selector-wrapper {
            display: flex;
            gap: 6px;
            align-items: center;
            background: var(--background-color);
            padding: 3px 6px;
            border-radius: 12px;
            color: var(--text-color);

            .selector {
                color: var(--text-button-color);
                font-weight: 200;
            }
        }
    }

    .logs-wrapper {
        display: flex;
        gap: 6px;

        .logs-detail,
        .version {
            border-radius: 12px;
            background: var(--background-color);
            padding: 3px 6px;
            color: var(--text-button-color);
            font-weight: 200;
            display: flex;
            align-items: center;
        }

        .logs-detail {
            // background-color: #fff;
            cursor: pointer;
        }

        .version {
            display: flex;
            gap: 6px;

        }
    }
}