.resource-container {
    display: grid;
    grid-template-columns: var(--app-sidebar-width) 1fr;
}

.resource-tag-list {
    margin: 0;
    padding: 0;
    background-color: var(--bs-sidebar-bg);
    display: flex;
    flex-direction: column;
    padding-block: var(--app-panel-spacing);
    list-style: none;

    > * {
        &.selected {
            background-color: var(--app-color-white);
        }

        a {
            display: block;
            padding: var(--app-sidebar-item-padding) var(--app-panel-spacing);
            color: var(--bs-body-color);
            text-decoration: none;
        }
    }
}

.resource-list {
    .panel .panel-body.no-padding & {
        padding: var(--app-panel-spacing);
    }

    ul {
        display: flex;
        flex-direction: column;
        gap: 1em;
        margin: 0;
        padding: 0;
        list-style: none;
    }

    .resource-item {
        display: flex;
        justify-content: space-between;
        align-items: center;
        gap: 0.5em;

        a {
            color: inherit;
        }
    }

    .favorite-icon svg {
        width: calc(20 * var(--rem-size));
        height: calc(20 * var(--rem-size));
        vertical-align: middle;
    }
}