menupanel
{
    position: absolute;
    z-index: 1000;
    pointer-events: all;

    .background
    {
        position: absolute;
        left: -5000px;
        right: -5000px;
        top: -5000px;
        bottom: -5000px;
    }

    .inner
    {
        min-width: 200px;
        min-height: 20px;
        transform: scale( 1 );
        transform-origin: 2% 2%;
        transition: all 0.1s ease-out;
        flex-direction: column;
        font-family: Poppins;
        font-weight: bold;
        border-radius: 10px;
        box-shadow: 5px 5px 30px #000c;
        overflow: hidden;
        background-color: #222;

        &:intro
        {
            transform: scale( 0.1 );
        }

        .option
        {
            color: #fffa;
            padding: 0px 8px;
            cursor: pointer;

            .icon
            {
                padding: 8px;
                font-family: Material Icons;
                justify-content: center;
                align-items: center;
            }

            .text
            {
                padding: 8px;
            }

            &:hover
            {
                background-color: #3472e6;
                color: #f5f8fe;
            }
        }
    }
}