.sound-mixer-overlay {
    position:
        fixed;

    inset:
        0;

    z-index:
        10050;

    display:
        flex;

    align-items:
        center;

    justify-content:
        center;

    padding:
        20px;

    background:
        rgba(3, 7, 18, 0.84);

    backdrop-filter:
        blur(7px);
}

.sound-mixer-overlay.hidden {
    display:
        none;
}

.sound-mixer-content {
    position:
        relative;

    width:
        min(
            460px,
            100%
        );

    padding:
        28px;

    border:
        1px solid
        rgba(
            0,
            229,
            255,
            0.8
        );

    background:
        linear-gradient(
            145deg,
            #08111f,
            #12051f
        );

    box-shadow:
        0 0 28px
        rgba(
            0,
            229,
            255,
            0.35
        );

    color:
        #e8fbff;
}

.sound-mixer-content h2 {
    margin:
        0;

    color:
        #00e5ff;

    letter-spacing:
        2px;
}

.sound-mixer-subtitle {
    margin:
        7px 0 22px;

    color:
        #ff4fd8;
}

.sound-mixer-close {
    position:
        absolute;

    top:
        10px;

    right:
        10px;

    width:
        38px;

    margin:
        0;

    padding:
        6px;

    font-size:
        1.3rem;
}

.sound-mixer-channel {
    margin-top:
        18px;

    padding:
        15px;

    border:
        1px solid
        rgba(
            0,
            229,
            255,
            0.25
        );

    background:
        rgba(
            0,
            0,
            0,
            0.22
        );
}

.sound-mixer-heading {
    display:
        flex;

    justify-content:
        space-between;

    gap:
        14px;

    margin-bottom:
        10px;

    color:
        #00e5ff;

    font-size:
        0.83rem;

    letter-spacing:
        1.2px;
}

.sound-mixer-slider {
    width:
        100%;

    margin:
        0 0 12px;

    padding:
        0;
}

.sound-mixer-mute-row {
    display:
        flex;

    align-items:
        center;

    gap:
        10px;

    cursor:
        pointer;

    color:
        #dcecff;

    font-size:
        0.88rem;
}

.sound-mixer-mute-row input {
    width:
        auto;

    margin:
        0;

    padding:
        0;
}

.sound-mixer-select {
    width:
        100%;

    margin:
        0;

    padding:
        11px 12px;

    border:
        1px solid
        rgba(
            0,
            229,
            255,
            0.55
        );

    border-radius:
        0;

    outline:
        none;

    background:
        #070d18;

    color:
        #e8fbff;

    font:
        inherit;

    cursor:
        pointer;
}

.sound-mixer-select:focus {
    border-color:
        #00e5ff;

    box-shadow:
        0 0 10px
        rgba(
            0,
            229,
            255,
            0.3
        );
}

.sound-mixer-select option {
    background:
        #070d18;

    color:
        #e8fbff;
}

.sound-mixer-pack-note {
    margin:
        9px 0 0;

    color:
        #b9cad8;

    font-size:
        0.78rem;
}