.menu {
    user-select: none;
    font-size: 13px;

    & details {
        &>summary {
            list-style: none;

            &::-webkit-details-marker {
                display: none;
            }

            display: flex;
            padding: 8px 8px;
            cursor: pointer;
            border-radius: 4px;
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
            color: rgba(255, 255, 255, 1);

            &:hover {
                background: rgba(255, 255, 255, 0.08);
                color: #fff;
            }

            &.selected {
                background: rgba(255, 255, 255, 0.15);
                color: #fff;
            }
            
            &>.title {
                flex: 1;
            }

            & svg {
                vertical-align: middle;
                margin: 2px;
                
                box-sizing: border-box;
            }
        }

        & details {
            padding-left: 12px;
        }
    }
}