@feed-list-height: 23.3rem;
@feed-list-height-mobile: 70vh;

.isekai-feed-list-card > .card-header {
    height: 2.2rem;
}

.isekai-feed-list {
    margin: 0;
    height: @feed-list-height;
    overflow-y: overlay;
    display: none;

    &.mounted {
        display: block;
    }

    .loading {
        width: 100%;
        height: 99.5%;
        height: calc(100% - 2px); // fix: overflow because of border
        margin-top: 1px;
        display: flex;

        .spinner {
            margin: auto;
            padding: 2rem;
            width: 100%;
        }
    }

    @media (max-width: 850px) {
        height: @feed-list-height-mobile;
    }
}