/* Variables */

    body.full {
        --image-background: url('https://static.kazimariusz.com/asset/tile/colophon_bg.jpg');
        --color-text:var(--color-black);
    }

    .grid {
        --cell-size:min(40px, 80px);
        margin-bottom:0px;
    }


/* Sources */

    .resources {
        display:flex;
        flex-direction:column;
        margin-bottom:var(--gutter-2);
        border-radius:6px;
        gap: 4px;
    }

    .resources .source {
        display:flex;
        height:40px;
        margin-left:var(--gutter-1);
        gap: var(--gutter-1);
        align-items:center;
    }

    .resources .source .link {
        flex-grow:1;
    }
    
    .resources .group {
        padding:var(--gutter-2);
    }

    body.full .resources .source,
    body.full .resources .group {
        border-radius:4px;
        background-color:var(--color-white);
        padding-right:var(--gutter-1);
    }

    .resources img {
        height: 100%;
        width:100%;
        aspect-ratio: 1/1;
        object-fit: none;
        border-radius:4px;
    }

    .resources .source img {
        height: 40px;
        width:40px;
    }

    .resources .shrink img {
        object-fit:scale-down;
    }
        
    body.full .resources img {
        background-color:rgb(182, 182, 182);
    }