/* _content/CuisiPedia/Components/Layout/HeaderBar.razor.rz.scp.css */
.header-container[b-lbdj9dt72i] {
    display: flex;
    padding: calc(1px + 0.1vw) 1vw;
    background-color: var(--bs-primary-bg-subtle);
    border-radius: 0 0 5px 5px;
    justify-content:space-between;
}
    .header-container span[b-lbdj9dt72i] {
        color: var(--bs-primary);
        font-size:calc(10px + 0.5vw) ;
    }
/* _content/CuisiPedia/Components/Layout/MainLayout.razor.rz.scp.css */
#blazor-error-ui[b-hp01zo5pvb] {
    background: lightyellow;
    bottom: 0;
    box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.2);
    display: none;
    left: 0;
    padding: 0.6rem 1.25rem 0.7rem 1.25rem;
    position: fixed;
    width: 100%;
    z-index: 1000;
}

    #blazor-error-ui .dismiss[b-hp01zo5pvb] {
        cursor: pointer;
        position: absolute;
        right: 0.75rem;
        top: 0.5rem;
    }
/* _content/CuisiPedia/Components/Pages/Home.razor.rz.scp.css */
.recipe-wrapper[b-wncegzpbgc] {
    display: flex;
    flex-wrap: wrap;
    gap: 1vw;
    padding: 0.1vw;
    justify-content:space-between;
}

.recipe-card[b-wncegzpbgc] {
    position: relative;
    padding: 0.05vw;
    flex: 1 1 30%;
    border-radius: 10px;
    border: 1px solid var(--bs-primary);
    display: flex;
    flex-direction: column;
    justify-content: center;
    text-align:center;
}

@media screen and (max-width: 768px) {
    .recipe-card[b-wncegzpbgc] {
        flex: 1 1 45%;
    }
}

@media screen and (max-width: 425px) {
    .recipe-card[b-wncegzpbgc] {
        flex: 1 1 90%;
    }
    .recipe-wrapper[b-wncegzpbgc] {
        gap: 10px;
    }
}