.draggableList {
    border: 1px solid var(--color-greyNormal);
    border-radius: 6px;
    padding: 5px 0px;
    width: 100%;

    ul {
        margin: 0;
        padding: 0;
        list-style-type: none;
        background: #fff;




        li {
            &:hover {
                cursor: pointer;
            }

            transition: box-shadow 200ms ease-out,
            opacity 200ms ease-out;




            display: flex;

            &:not(:last-child) {
                border-bottom: 1px solid var(--color-whiteNormal);
                margin-bottom: 7px;
            }

            .handle {
                top: 0;
                right: 0;
                bottom: 0;
                left: 0;

                &-content {
                    display: flex;
                    align-items: center;
                    gap: 10px;

                    position: relative;
                    left: 8px;
                    bottom: 2px;
                }

                &:hover {
                    cursor: pointer;
                }
            }
        }
    }
}