.muck-base-content {
    display: flex;

    .left {
        width: 55%;
        margin: 40px 30px;
        background-color: var(--sub-bg-color);
        border-radius: 20px;
    }

    .right {
        position: relative;
        display: flex;
        flex-direction: column;
        flex-grow: 1;
        padding: 40px 32px;
        h3 {
            color: var(--title-color);
        }
    }
}
.ant-space {
    display: flex;
}
.muck-metering-content {
    position: relative;
    padding: 24px;

    .top-bar {
        display: flex;
        margin: 32px 0;
        padding-left: 28px;
    }

    .right-top {
        position: absolute;
        top: 32px;
        right: 20px;
        display: flex;
    }
}

.audio-content {
    display: flex;
    padding: 24px;

    .left {
        width: 30%;
        padding: 40px 0;
        .text {
            color: var(--title-color);
        }
    }

    .right {
        position: relative;
        flex: 1;
        .right-tabs {
            position: absolute;
            right: 0;
        }

        .OCXBody {
            padding: 40px 0;
            .name {
                display: flex;
                align-items: center;
                justify-content: center;
            }
        }
    }
}

.work-content {
    position: relative;
    padding: 24px;

    .top-bar {
        display: flex;
        margin: 6px 0;
        padding-left: 28px;

        .right {
            position: absolute;
            top: 32px;
            right: 20px;
        }
    }

    .vtx-sub-tabs {
        .tab-pane {
            padding: 0;
        }
    }
}
