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

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

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

            display: flex;
            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 {
                padding: 8px;
                flex: 1;
                overflow-x: hidden;
                text-overflow: ellipsis;
            }

            &>.actions {
                display: flex;

                &>* {
                    padding: 8px;
                }

                &>*:hover {
                    background: rgba(255, 255, 255, 0.08);
                }
            }

            & svg {
                vertical-align: middle;

                box-sizing: border-box;
            }
        }

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