.repo {
    padding: 1rem;
    background-color: var(--color-accent-1);

    h3 {
        margin: 0;
    }

    div.subtitle {
        padding-bottom: 0.5em;
        margin-bottom: 0.5em;
        border-bottom: 1px solid #888;
    }

    &:not(&:last-child) {
        margin-bottom: 1rem;
    }
}


.record {
    padding: 1rem;
    background-color: var(--color-accent-1);

    h3 {
        margin: 0;
    }

    .subtitle {
        margin-bottom: 1rem;
    }

    .delete {
        display: none;

        float: right;
        height: 1.5rem;

        content: url("/static/images/cross.svg");

        padding: 0.25rem;
        background-color: var(--color-accent-1);
        border: 3px solid var(--color-border-1);
        border-radius: 2rem;
        box-shadow: 3px 3px 3px #080808;

        cursor: pointer;

        &:hover {
            background-color: var(--color-bg);
        }
    }

    &:hover .delete {
        display: block;
    }

    .content.plain {
        padding: 1rem;
        background-color: var(--color-accent-2);
        white-space: pre;
    }

    .file-footer {
        margin-top: 1rem;
    }

    &:not(&:last-child) {
        margin-bottom: 1rem;
    }
}


table.key-list {
    th, td {
        padding: 0.5rem;
        background-color: var(--color-accent-1);
    }

    .perms {
        text-align: center;
        font-size: 1.25rem;
    }
}