@media (prefers-color-scheme: dark) { 
    
    .w-panel__content .w-field--block_widget {
        /* background-color: pink; */
    }

    :root #panel-child-content-content-content div:has(> section.w-panel){
        padding:10px;
        margin:10px 0;
        background-color: color-mix(in hsl, var(--w-color-grey-800), white 10%)
    }
    :root #panel-child-content-content-content div:has(> section.w-panel) .c-sf-add-button{
        background-color: color-mix(in hsl, var(--w-color-grey-800), white 10%)
    }


    :root #panel-child-content-content-content div:has(> section.w-panel) div:has(> section.w-panel){
        padding:10px;
        margin:10px 0;
        background-color: color-mix(in hsl, var(--w-color-grey-800), white 20%)
    }
    :root #panel-child-content-content-content div:has(> section.w-panel) div:has(> section.w-panel)  .c-sf-add-button{
        background-color: color-mix(in hsl, var(--w-color-grey-800), white 20%)
    }

    :root #panel-child-content-content-content div:has(> section.w-panel) div:has(> section.w-panel) div:has(> section.w-panel){
        padding:10px;
        margin:10px 0;
        background-color: color-mix(in hsl, var(--w-color-grey-800), white 30%)
    }

}

@media (prefers-color-scheme: light) { 
    
    .w-panel__content .w-field--block_widget {
        /* background-color: pink; */
    }

    :root #panel-child-content-content-content div:has(> section.w-panel){
        padding:10px;
        margin:10px 0;
        background-color: color-mix(in hsl, var(--w-color-white), black 10%)
    }
    :root #panel-child-content-content-content div:has(> section.w-panel) .c-sf-add-button{
        background-color: color-mix(in hsl, var(--w-color-white), black 10%)
    }


    :root #panel-child-content-content-content div:has(> section.w-panel) div:has(> section.w-panel){
        padding:10px;
        margin:10px 0;
        background-color: color-mix(in hsl, var(--w-color-white), black 20%)
    }
    :root #panel-child-content-content-content div:has(> section.w-panel) div:has(> section.w-panel)  .c-sf-add-button{
        background-color: color-mix(in hsl, var(--w-color-white), black 20%)
    }

    :root #panel-child-content-content-content div:has(> section.w-panel) div:has(> section.w-panel) div:has(> section.w-panel){
        padding:10px;
        margin:10px 0;
        background-color: color-mix(in hsl, var(--w-color-white), black 30%)
    }

}