/* =========================================================
   ETHERION — ÁUDIO GLOBAL
   ========================================================= */

.etherion-audio {
    display: flex;
    align-items: center;

    gap: 8px;

    user-select: none;
}


.etherion-audio__mute {
    width: 38px;
    height: 34px;

    display: grid;
    place-items: center;

    padding: 0;

    cursor: pointer;

    color:
        rgba(238, 232, 220, 0.72);

    background:
        rgba(8, 8, 8, 0.58);

    border:
        1px solid var(--etherion-border);

    border-radius: 5px;

    backdrop-filter:
        blur(12px);

    transition:
        color 180ms ease,
        border-color 180ms ease,
        background 180ms ease;
}


.etherion-audio__mute:hover {
    color:
        var(--etherion-gold-light);

    border-color:
        var(--etherion-border-strong);
}


.etherion-audio__mute.is-muted {
    color:
        var(--etherion-text-muted);
}


.etherion-audio__volume {
    height: 34px;

    display: flex;
    align-items: center;

    gap: 8px;

    padding:
        0 10px;

    color:
        rgba(238, 232, 220, 0.48);

    background:
        rgba(8, 8, 8, 0.58);

    border:
        1px solid var(--etherion-border);

    border-radius: 5px;

    backdrop-filter:
        blur(12px);
}


.etherion-audio__volume span {
    font-size: 8px;

    letter-spacing: 0.05em;
}


.etherion-audio__volume input {
    width: 92px;

    cursor: pointer;

    accent-color:
        var(--etherion-gold);
}


@media (max-width: 650px) {

    .etherion-audio__volume span {
        display: none;
    }

    .etherion-audio__volume input {
        width: 70px;
    }

}