.nested-sort {
    .navigation-builder-row {
        width: 100%;
    }

    li {
        list-style: none;
        padding-bottom: 3px;
        margin-top: 5px;
        margin-bottom: 5px;
        top: 3px;

        ol {
            margin-left: 20px;
            margin-top: 10px;
            margin-bottom: -5px;
        }
    }

    .ns-dragged {
        border-width: 2px;
        border-color: rgba(var(--gray-950), .08);
    }

    .ns-targeted {
        border-width: 2px;
        border-color: rgba(var(--gray-950), .08);
        border-style: dashed;
    }

    .ns-placeholder:not(.ns-targeted) {
        border-width: 1px;
        border-color: rgba(var(--gray-950), .08);
        border-style: dashed;
    }
}

.dark {
    .ns-dragged {
        border-color: rgb(255 255 255 / .5);
    }

    .ns-targeted {
        border-color: rgb(255 255 255 / .5);
    }

    .ns-placeholder:not(.ns-targeted) {
        border-color: rgb(255 255 255 / .2);
    }
}

.nested-sort--enabled li {
    cursor: move;
}