@import "/UI/Core/Styles/Colors.scss";

.scoreboard-context-menu {
    position: absolute;
    z-index: 1000;
    min-width: 160px;
    background-color: rgba( 15, 15, 15, 0.95 );
    border: 0.5px solid rgba(128, 128, 128, 1);
    border-radius: 4px;
    box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.7);
    overflow: hidden;
    flex-direction: column;

    UIButton .ui-button.context-item {
        width: 100%;
        padding: 6px 10px;
        text-align: left;
        white-space: nowrap;
        justify-content: flex-start;
        font-family: "Akshar-ContrastLight", "Akshar-Light", "Akshar", "Segoe UI", sans-serif;
        background-color: transparent;
        border: 0;
        border-radius: 0;
        box-shadow: none;
    }

    UIButton .ui-button.context-item > label {
        font-size: 16px;
        font-family: "Akshar-ContrastLight", "Akshar-Light", "Akshar", "Segoe UI", sans-serif;
    }

    .context-volume {
        padding: 6px 10px;
        flex-direction: column;
        gap: 4px;
        border-top: 0;

        .context-volume-label {
            font-size: 13px;
            color: rgba( 255, 255, 255, 0.7 );
            font-family: "Akshar-ContrastLight", "Akshar-Light", "Akshar", "Segoe UI", sans-serif;
        }
    }
}