#idPaymentMethods {
    .main {
        padding: 10px;
    }

    .main * {
        margin: 5px 0;
        background-color: azure;
        padding: 5px;
        user-select: none;
    }

    .header {
        display: flex;
    }

    .ghost-class {
        background-color: green;
    }
    .handle {
        cursor:grab;
    }

    [data-id] {
        font-size: 1.1rem;
        padding: .5rem;
        font-weight: 550;
        display: flex;
    }

    [data-view="setup"] {
      /*  background-color: palevioletred; sinnvoll, wenn toggle -Funktion */
        color: white;
        height: fit-content;
    }

    &:has([data-view="select"]) {
        .hidden {
            display: none;
        }

        .handle {
            visibility: hidden;
        }
    }

    &:has([data-view="setup"]) {
        .hidden .label {
            color: gray;
            text-decoration-line: line-through;
        }

    }
}