.portlet {
    border: 1px solid var(--bborder);
    box-sizing: border-box;
    margin-top: 1rem;
    background: var(--box-bg);
}

.portlet-head, .portlet-foot {
    padding: .7rem 1rem .7rem 1rem;
    display: flex;
}

.hl-1, .hl-2, .hl-3, .hl-4, .hl-5, .hl-6, .hl-7 {
    .portlet-body, .portlet-head {
        border: 0;
    }
}

.portlet-head {
    font-weight: 300;

    > span {
        display: inline-flex;
        align-items: center;

        > a {
            display: inherit;
        }
    }

    form {
        margin-left: 1rem;
    }
}

.portlet-body {
    padding: 1rem;
}

.portlet-body > h2, .portlet-separator, .portlet-head  {
    border-bottom: 1px solid var(--bborder2);
}

.portlet-foot {
    border-top: 1px solid var(--bborder2);
    box-sizing: border-box;
    flex-wrap: wrap;
    column-gap: .5rem;
}

.plain-portlet {
    box-sizing: border-box;
    margin-top: 1rem;
    overflow-x: auto;
}