@import '_content/BlazzyMotion.Bento/BlazzyMotion.Bento.8gh931d3d1.bundle.scp.css';

/* /Components/Catalog/CatalogEntryCard.razor.rz.scp.css */
.mh-row-card[b-hsygnql77v] {
    align-items: stretch;
    display: grid;
    gap: 0;
    grid-template-columns: 164px minmax(0, 1fr);
    min-height: 176px;
    overflow: hidden;
}

.mh-cover-frame[b-hsygnql77v] {
    background: color-mix(in srgb, var(--mud-palette-primary) 8%, var(--mud-palette-surface));
    border-right: 1px solid var(--mud-palette-divider);
    min-height: 100%;
    overflow: hidden;
    position: relative;
}

[b-hsygnql77v] .mh-row-cover {
    display: block;
    height: 100%;
    min-height: 176px;
    object-fit: cover;
    width: 100%;
}

.mh-cover-placeholder[b-hsygnql77v] {
    align-items: center;
    color: var(--mud-palette-primary);
    display: flex;
    height: 100%;
    justify-content: center;
    min-height: 176px;
}

.mh-cover-caption[b-hsygnql77v] {
    backdrop-filter: blur(10px);
    background: color-mix(in srgb, #160d22 82%, transparent);
    border: 1px solid color-mix(in srgb, var(--mud-palette-primary) 32%, transparent);
    border-radius: 8px;
    bottom: .45rem;
    color: #fffaff;
    display: flex;
    flex-direction: column;
    gap: .05rem;
    left: .45rem;
    max-width: calc(100% - .9rem);
    padding: .4rem .5rem;
    position: absolute;
    right: .45rem;
}

.mh-cover-caption span[b-hsygnql77v] {
    color: #d8c9e8;
    font-size: .65rem;
    line-height: 1;
    text-transform: uppercase;
}

.mh-cover-caption strong[b-hsygnql77v] {
    font-size: .82rem;
    line-height: 1.1;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

[b-hsygnql77v] .mh-cover-placeholder .mud-icon-root {
    font-size: 2.5rem;
    opacity: .65;
}

[b-hsygnql77v] .mh-bento-card-content {
    display: flex;
    flex-direction: column;
    gap: .65rem;
    min-width: 0;
    padding: .7rem;
}

[b-hsygnql77v] .mh-entry-bento {
    --bzb-gap: 4px;
    --mh-bento-item-min-height: 52px;
    --mh-bento-row-height: 52px;
}

[b-hsygnql77v] .mh-entry-bento .mh-bento-tile {
    padding: .75rem;
}

.mh-entry-main[b-hsygnql77v] {
    display: flex;
    flex-direction: column;
    gap: .45rem;
    height: 100%;
    justify-content: space-between;
    min-width: 0;
}

.mh-entry-topline[b-hsygnql77v] {
    align-items: start;
    display: grid;
    gap: .5rem;
    grid-template-columns: minmax(0, 1fr) auto;
}

.mh-entry-stat[b-hsygnql77v] {
    display: flex;
    flex-direction: column;
    gap: .05rem;
    height: 100%;
    justify-content: center;
    min-width: 0;
}

.mh-entry-stat strong[b-hsygnql77v],
.mh-entry-stat span[b-hsygnql77v] {
    display: block;
    font-size: .9rem;
    line-height: 1.25;
}

.mh-title-block[b-hsygnql77v] {
    min-width: 0;
}

.mh-row-title[b-hsygnql77v] {
    margin-top: .1rem;
}

[b-hsygnql77v] .mh-row-title {
    display: -webkit-box;
    line-height: 1.1;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}

.mh-chip-row[b-hsygnql77v] {
    align-items: center;
}

[b-hsygnql77v] .mh-primary-tags {
    justify-content: flex-end;
    max-width: min(260px, 46vw);
    min-width: 0;
    text-align: right;
    flex-wrap: nowrap !important;
}

[b-hsygnql77v] .mh-secondary-tags {
    max-height: 56px;
    overflow: hidden;
}

[b-hsygnql77v] .mh-count-chip {
    flex: 0 0 auto;
}

[b-hsygnql77v] .mh-card-chip {
    max-width: 8rem;
    min-width: 0;
}

[b-hsygnql77v] .mh-card-chip .mud-chip-content {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.mh-row-summary[b-hsygnql77v] {
    background: transparent;
    border: 0;
    color: inherit;
    display: -webkit-box;
    font: inherit;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    padding: 0;
    text-align: left;
    width: 100%;
}

.mh-entry-context[b-hsygnql77v] {
    display: grid;
    gap: .4rem;
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

.mh-entry-context div[b-hsygnql77v] {
    background: color-mix(in srgb, var(--mud-palette-surface) 72%, var(--mud-palette-primary) 28%);
    border: 1px solid color-mix(in srgb, var(--mud-palette-primary) 28%, transparent);
    border-radius: 8px;
    display: flex;
    flex-direction: column;
    gap: .1rem;
    min-width: 0;
    padding: .45rem .55rem;
}

.mh-entry-context span[b-hsygnql77v] {
    color: var(--mud-palette-text-secondary);
    font-size: .68rem;
    line-height: 1;
    text-transform: uppercase;
}

.mh-entry-context strong[b-hsygnql77v] {
    font-size: .86rem;
    font-weight: 700;
    line-height: 1.15;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

[b-hsygnql77v] .mh-bento-card-actions {
    align-items: stretch;
    border-top: 1px solid var(--mud-palette-divider);
    display: flex;
    gap: .5rem;
    justify-content: flex-end;
    padding: .7rem 0 0;
}

[b-hsygnql77v] .mh-entry-stat-tile .mh-bento-tile {
    padding: .55rem;
}

[b-hsygnql77v] .mh-entry-stat-tile .mh-bento-corner-icon {
    display: none;
}

[b-hsygnql77v] .mh-entry-stat .mud-typography-h3 {
    display: block;
    font-size: clamp(.9rem, 1.5vw, 1.1rem);
    line-height: 1.05;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

@media (max-width: 640px) {
    .mh-row-card[b-hsygnql77v] {
        grid-template-columns: 1fr;
    }

    .mh-cover-frame[b-hsygnql77v] {
        border-bottom: 1px solid var(--mud-palette-divider);
        border-right: 0;
        max-height: 280px;
    }

    [b-hsygnql77v] .mh-entry-bento {
        --mh-bento-item-min-height: 92px;
        --mh-bento-row-height: 92px;
        display: grid !important;
        grid-auto-flow: row !important;
        grid-auto-rows: auto !important;
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }

    [b-hsygnql77v] .mh-entry-bento > .bzb-item {
        grid-column: span 1 !important;
        grid-row: span 1 !important;
        min-height: 92px !important;
    }

    [b-hsygnql77v] .mh-entry-bento > .bzb-item:nth-child(1) {
        grid-column: 1 / -1 !important;
        min-height: 190px !important;
    }

    [b-hsygnql77v] .mh-entry-bento > .bzb-item:nth-child(n + 2) {
        min-height: 104px !important;
    }

    [b-hsygnql77v] .mh-row-cover {
        height: 280px;
        max-height: 280px;
        min-height: 280px;
        width: 100%;
    }

    .mh-cover-placeholder[b-hsygnql77v] {
        height: 280px;
        min-height: 280px;
    }

    .mh-entry-main[b-hsygnql77v] {
        gap: .6rem;
        justify-content: flex-start;
    }

    .mh-entry-topline[b-hsygnql77v] {
        grid-template-columns: 1fr;
    }

    [b-hsygnql77v] .mh-primary-tags {
        justify-content: flex-start;
        max-width: none;
        text-align: left;
    }

    [b-hsygnql77v] .mh-secondary-tags,
    .mh-mobile-hide[b-hsygnql77v] {
        display: none !important;
    }

    .mh-row-summary[b-hsygnql77v] {
        -webkit-line-clamp: 3;
    }

    [b-hsygnql77v] .mh-entry-stat-tile .mh-bento-tile {
        padding: .7rem;
    }

    .mh-entry-stat[b-hsygnql77v] {
        justify-content: space-between;
    }

    [b-hsygnql77v] .mh-bento-card-actions {
        justify-content: stretch;
    }

    [b-hsygnql77v] .mh-bento-card-actions .mud-button-root {
        flex: 1 1 0;
    }
}
/* /Components/Design/MangaBento.razor.rz.scp.css */
.mh-bento-host[b-xlyqz89ns5] {
    --bz-padding: 0;
    --bzb-gap: 4px;
    --bzb-item-padding: 0;
    --bzb-item-radius: 8px;
    --mh-bento-item-min-height: 116px;
    --mh-bento-row-height: 116px;
    --bzb-item-min-height: var(--mh-bento-item-min-height);
    --bzb-row-height: var(--mh-bento-row-height);
}

.mh-bento-host[b-xlyqz89ns5]  .mh-bento-grid {
    --bz-padding: 0;
    --bzb-gap: 4px;
    --bzb-item-padding: 0;
    --bzb-item-radius: 8px;
    --bzb-item-min-height: var(--mh-bento-item-min-height) !important;
    --bzb-row-height: var(--mh-bento-row-height) !important;
    gap: 4px !important;
    padding: 0 !important;
}

.mh-bento-host[b-xlyqz89ns5]  .mh-bento-grid.bzb-grid {
    margin: 0;
    max-width: none;
}

.mh-bento-host[b-xlyqz89ns5]  .mh-bento-grid.mh-entry-bento {
    --mh-bento-item-min-height: 52px;
    --mh-bento-row-height: 52px;
}

.mh-bento-host.mh-entry-bento[b-xlyqz89ns5],
.mh-bento-host.mh-entry-bento[b-xlyqz89ns5]  .mh-bento-grid {
    --mh-bento-item-min-height: 52px;
    --mh-bento-row-height: 52px;
}

.mh-bento-host[b-xlyqz89ns5]  .mh-bento-grid .bzb-item {
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    min-height: 0 !important;
    padding: 0 !important;
}

.mh-bento-host[b-xlyqz89ns5]  .mh-bento-grid .bzb-item:hover {
    background: transparent !important;
}

@media (max-width: 991px) {
    .mh-bento-host[b-xlyqz89ns5]  .mh-bento-grid {
        gap: 4px !important;
    }
}

@media (max-width: 600px) {
    .mh-bento-host[b-xlyqz89ns5]  .mh-bento-grid {
        gap: 4px !important;
    }

    .mh-bento-host[b-xlyqz89ns5]  .mh-bento-grid.mh-entry-bento {
        --mh-bento-item-min-height: 48px;
        --mh-bento-row-height: 48px;
    }

    .mh-bento-host.mh-entry-bento[b-xlyqz89ns5],
    .mh-bento-host.mh-entry-bento[b-xlyqz89ns5]  .mh-bento-grid {
        --mh-bento-item-min-height: 48px;
        --mh-bento-row-height: 48px;
    }
}
/* /Components/Design/MangaBentoTile.razor.rz.scp.css */
.mh-bento-tile[b-mgsgse8e90] {
    --mh-bento-accent: var(--mud-palette-primary);
    --mh-bento-bg: var(--mud-palette-surface);
    --mh-bento-fg: var(--mud-palette-text-primary);
    --mh-bento-muted: var(--mud-palette-text-secondary);
    --mh-bento-border: var(--mud-palette-divider);
    background:
        radial-gradient(circle at 94% 8%, color-mix(in srgb, var(--mh-bento-accent) 18%, transparent), transparent 32%),
        linear-gradient(135deg, color-mix(in srgb, var(--mh-bento-accent) 8%, var(--mh-bento-bg)), var(--mh-bento-bg));
    border: 1px solid var(--mh-bento-border);
    border-radius: 8px;
    color: var(--mh-bento-fg);
    display: flex;
    flex-direction: column;
    height: 100%;
    min-height: 0;
    overflow: hidden;
    padding: 1rem;
    position: relative;
    transition: border-color .16s ease, transform .16s ease, background .16s ease;
}

.mh-bento-tile.is-clickable[b-mgsgse8e90] {
    cursor: pointer;
}

.mh-bento-tile.is-clickable:hover[b-mgsgse8e90],
.mh-bento-tile.is-clickable:focus-visible[b-mgsgse8e90] {
    border-color: var(--mh-bento-accent);
    transform: translateY(-1px);
}

.mh-bento-tile :is(.mud-typography, .mud-icon-root)[b-mgsgse8e90] {
    color: inherit;
}

.mh-bento-tile :is(.mud-typography-caption, .mud-typography-body2, .mud-typography-overline)[b-mgsgse8e90],
.mh-bento-tile small[b-mgsgse8e90] {
    color: var(--mh-bento-muted);
}

.mh-bento-corner-icon[b-mgsgse8e90] {
    background: color-mix(in srgb, var(--mh-bento-accent) 16%, transparent);
    border-radius: 999px;
    padding: .35rem;
    position: absolute;
    right: .8rem;
    top: .8rem;
}

.mh-bento-scheme-primary[b-mgsgse8e90] {
    --mh-bento-accent: var(--mud-palette-primary);
    --mh-bento-bg: color-mix(in srgb, var(--mud-palette-primary) 7%, var(--mud-palette-surface));
}

.mh-bento-scheme-secondary[b-mgsgse8e90] {
    --mh-bento-accent: var(--mud-palette-secondary);
    --mh-bento-bg: color-mix(in srgb, var(--mud-palette-secondary) 8%, var(--mud-palette-surface));
}

.mh-bento-scheme-soft[b-mgsgse8e90] {
    --mh-bento-accent: var(--mud-palette-tertiary);
    --mh-bento-bg: color-mix(in srgb, var(--mud-palette-tertiary) 6%, var(--mud-palette-surface));
}

.mh-bento-scheme-deep[b-mgsgse8e90] {
    --mh-bento-accent: var(--mud-palette-secondary);
    --mh-bento-bg: #211330;
    --mh-bento-fg: #fffaff;
    --mh-bento-muted: #d8c9e8;
    --mh-bento-border: #5b3a78;
}

.mh-bento-scheme-ink[b-mgsgse8e90] {
    --mh-bento-accent: var(--mud-palette-primary);
    --mh-bento-bg: #160d22;
    --mh-bento-fg: #f7f2ff;
    --mh-bento-muted: #c8b6dd;
    --mh-bento-border: #4c2e65;
}

.mh-bento-scheme-warm[b-mgsgse8e90] {
    --mh-bento-accent: var(--mud-palette-warning);
    --mh-bento-bg: color-mix(in srgb, var(--mud-palette-warning) 8%, var(--mud-palette-surface));
}
/* /Components/Layout/NavRailButton.razor.rz.scp.css */
.mh-nav-button-host[b-2nz2lggcnx] {
    display: block;
}

.mh-nav-button-host[b-2nz2lggcnx]  .mh-nav-button {
    border-radius: 8px;
    justify-content: flex-start;
    min-height: 44px;
    min-width: 0;
    overflow: hidden;
    padding-left: 10px;
    padding-right: .75rem;
    text-align: left;
}

.mh-nav-button-host[b-2nz2lggcnx]  .mh-nav-button-active {
    background: color-mix(in srgb, var(--mud-palette-primary) 14%, transparent);
}

    .mh-nav-button-host[b-2nz2lggcnx]  .mh-nav-button .mud-button-label .mud-button-icon-start {
        margin-left: 0;
        margin-right: 0;
        margin-inline-start: 0;
        margin-inline-end: 0;
    }
/* /Components/LoginModal.razor.rz.scp.css */
.mh-login-modal[b-skiutl8f98] {
    max-width: 460px;
}
/* /Components/Shelf/ShelfEntryCard.razor.rz.scp.css */
.mh-row-card[b-r2sz2reapo] {
    align-items: stretch;
    display: grid;
    gap: 0;
    grid-template-columns: 164px minmax(0, 1fr);
    min-height: 176px;
    overflow: hidden;
}

.mh-cover-frame[b-r2sz2reapo] {
    background: color-mix(in srgb, var(--mud-palette-primary) 8%, var(--mud-palette-surface));
    border-right: 1px solid var(--mud-palette-divider);
    min-height: 100%;
    overflow: hidden;
    position: relative;
}

[b-r2sz2reapo] .mh-row-cover {
    display: block;
    height: 100%;
    min-height: 176px;
    object-fit: cover;
    width: 100%;
}

.mh-cover-placeholder[b-r2sz2reapo] {
    align-items: center;
    color: var(--mud-palette-primary);
    display: flex;
    height: 100%;
    justify-content: center;
    min-height: 176px;
}

.mh-cover-caption[b-r2sz2reapo] {
    backdrop-filter: blur(10px);
    background: color-mix(in srgb, #160d22 82%, transparent);
    border: 1px solid color-mix(in srgb, var(--mud-palette-primary) 32%, transparent);
    border-radius: 8px;
    bottom: .45rem;
    color: #fffaff;
    display: flex;
    flex-direction: column;
    gap: .05rem;
    left: .45rem;
    max-width: calc(100% - .9rem);
    padding: .4rem .5rem;
    position: absolute;
    right: .45rem;
}

.mh-cover-caption span[b-r2sz2reapo] {
    color: #d8c9e8;
    font-size: .65rem;
    line-height: 1;
    text-transform: uppercase;
}

.mh-cover-caption strong[b-r2sz2reapo] {
    font-size: .82rem;
    line-height: 1.1;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

[b-r2sz2reapo] .mh-cover-placeholder .mud-icon-root {
    font-size: 2.5rem;
    opacity: .65;
}

[b-r2sz2reapo] .mh-bento-card-content {
    display: flex;
    flex-direction: column;
    gap: .65rem;
    min-width: 0;
    padding: .7rem;
}

[b-r2sz2reapo] .mh-entry-bento {
    --bzb-gap: 4px;
    --mh-bento-item-min-height: 52px;
    --mh-bento-row-height: 52px;
}

[b-r2sz2reapo] .mh-entry-bento .mh-bento-tile {
    padding: .75rem;
}

.mh-entry-main[b-r2sz2reapo] {
    display: flex;
    flex-direction: column;
    gap: .45rem;
    height: 100%;
    justify-content: space-between;
    min-width: 0;
}

.mh-entry-topline[b-r2sz2reapo] {
    align-items: start;
    display: grid;
    gap: .5rem;
    grid-template-columns: minmax(0, 1fr) auto;
}

.mh-entry-stat[b-r2sz2reapo] {
    display: flex;
    flex-direction: column;
    gap: .05rem;
    height: 100%;
    justify-content: center;
    min-width: 0;
}

.mh-entry-stat strong[b-r2sz2reapo],
.mh-entry-stat span[b-r2sz2reapo] {
    display: block;
    font-size: .9rem;
    line-height: 1.25;
}

.mh-title-block[b-r2sz2reapo] {
    min-width: 0;
}

.mh-row-title[b-r2sz2reapo] {
    margin-top: .1rem;
}

[b-r2sz2reapo] .mh-row-title {
    display: -webkit-box;
    line-height: 1.1;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}

.mh-chip-row[b-r2sz2reapo] {
    align-items: center;
}

[b-r2sz2reapo] .mh-primary-tags {
    justify-content: flex-end;
    max-width: min(260px, 46vw);
    min-width: 0;
    text-align: right;
    flex-wrap: nowrap !important;
}

[b-r2sz2reapo] .mh-secondary-tags {
    max-height: 56px;
    overflow: hidden;
}

[b-r2sz2reapo] .mh-count-chip {
    flex: 0 0 auto;
}

[b-r2sz2reapo] .mh-card-chip {
    max-width: 8rem;
    min-width: 0;
}

[b-r2sz2reapo] .mh-card-chip .mud-chip-content {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.mh-row-summary[b-r2sz2reapo] {
    background: transparent;
    border: 0;
    color: inherit;
    display: -webkit-box;
    font: inherit;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    padding: 0;
    text-align: left;
    width: 100%;
}

.mh-row-notes[b-r2sz2reapo] {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
}

.mh-entry-context[b-r2sz2reapo] {
    display: grid;
    gap: .4rem;
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

.mh-entry-context div[b-r2sz2reapo] {
    background: color-mix(in srgb, var(--mud-palette-surface) 72%, var(--mud-palette-primary) 28%);
    border: 1px solid color-mix(in srgb, var(--mud-palette-primary) 28%, transparent);
    border-radius: 8px;
    display: flex;
    flex-direction: column;
    gap: .1rem;
    min-width: 0;
    padding: .45rem .55rem;
}

.mh-entry-context span[b-r2sz2reapo] {
    color: var(--mud-palette-text-secondary);
    font-size: .68rem;
    line-height: 1;
    text-transform: uppercase;
}

.mh-entry-context strong[b-r2sz2reapo] {
    font-size: .86rem;
    font-weight: 700;
    line-height: 1.15;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

[b-r2sz2reapo] .mh-bento-card-actions {
    align-items: stretch;
    border-top: 1px solid var(--mud-palette-divider);
    display: flex;
    gap: .5rem;
    justify-content: flex-end;
    padding: .7rem 0 0;
}

[b-r2sz2reapo] .mh-entry-stat-tile .mh-bento-tile {
    padding: .55rem;
}

[b-r2sz2reapo] .mh-entry-stat-tile .mh-bento-corner-icon {
    display: none;
}

[b-r2sz2reapo] .mh-entry-stat .mud-typography-h3 {
    display: block;
    font-size: clamp(.9rem, 1.5vw, 1.1rem);
    line-height: 1.05;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

@media (max-width: 640px) {
    .mh-row-card[b-r2sz2reapo] {
        grid-template-columns: 1fr;
    }

    .mh-cover-frame[b-r2sz2reapo] {
        border-bottom: 1px solid var(--mud-palette-divider);
        border-right: 0;
        max-height: 280px;
    }

    [b-r2sz2reapo] .mh-entry-bento {
        --mh-bento-item-min-height: 92px;
        --mh-bento-row-height: 92px;
        display: grid !important;
        grid-auto-flow: row !important;
        grid-auto-rows: auto !important;
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }

    [b-r2sz2reapo] .mh-entry-bento > .bzb-item {
        grid-column: span 1 !important;
        grid-row: span 1 !important;
        min-height: 92px !important;
    }

    [b-r2sz2reapo] .mh-entry-bento > .bzb-item:nth-child(1) {
        grid-column: 1 / -1 !important;
        min-height: 190px !important;
    }

    [b-r2sz2reapo] .mh-entry-bento > .bzb-item:nth-child(n + 2) {
        min-height: 104px !important;
    }

    [b-r2sz2reapo] .mh-row-cover {
        height: 280px;
        max-height: 280px;
        min-height: 280px;
        width: 100%;
    }

    .mh-cover-placeholder[b-r2sz2reapo] {
        height: 280px;
        min-height: 280px;
    }

    .mh-entry-main[b-r2sz2reapo] {
        gap: .6rem;
        justify-content: flex-start;
    }

    .mh-entry-topline[b-r2sz2reapo] {
        grid-template-columns: 1fr;
    }

    [b-r2sz2reapo] .mh-primary-tags {
        justify-content: flex-start;
        max-width: none;
        text-align: left;
    }

    [b-r2sz2reapo] .mh-secondary-tags,
    .mh-mobile-hide[b-r2sz2reapo] {
        display: none !important;
    }

    .mh-row-summary[b-r2sz2reapo] {
        -webkit-line-clamp: 3;
    }

    [b-r2sz2reapo] .mh-entry-stat-tile .mh-bento-tile {
        padding: .7rem;
    }

    .mh-entry-stat[b-r2sz2reapo] {
        justify-content: space-between;
    }

    [b-r2sz2reapo] .mh-bento-card-actions {
        justify-content: stretch;
    }

    [b-r2sz2reapo] .mh-bento-card-actions .mud-button-root {
        flex: 1 1 0;
    }
}
/* /Pages/BentoCardLab.razor.rz.scp.css */
.mh-card-lab[b-dwn5k6vxi9] {
    padding-bottom: 2rem;
}

@media (max-width: 640px) {
    .mh-card-lab[b-dwn5k6vxi9] {
        gap: 1rem;
    }
}
/* /Pages/Home.razor.rz.scp.css */
[b-l0xr7b0i5w] .mh-home-bento {
    --bzb-gap: 4px;
    --mh-bento-item-min-height: 128px;
    --mh-bento-row-height: 128px;
}

.mh-home-block[b-l0xr7b0i5w] {
    display: flex;
    flex-direction: column;
    gap: .55rem;
    height: 100%;
    justify-content: flex-end;
    min-width: 0;
}

.mh-home-block-main[b-l0xr7b0i5w] {
    justify-content: space-between;
}

@media (max-width: 640px) {
    .mh-home-hero[b-l0xr7b0i5w] {
        padding: 1rem;
    }

    .mh-hero-copy[b-l0xr7b0i5w] {
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
        overflow: hidden;
    }

    [b-l0xr7b0i5w] .mh-home-bento {
        --mh-bento-item-min-height: 94px;
        --mh-bento-row-height: 94px;
    }

    .mh-home-block[b-l0xr7b0i5w] {
        gap: .35rem;
    }

    .mh-home-detail[b-l0xr7b0i5w] {
        display: none !important;
    }

    [b-l0xr7b0i5w] .mh-home-bento .mh-bento-tile {
        padding: .8rem;
    }
}
/* /Pages/Layout/MainLayout.razor.rz.scp.css */
.mh-layout-root[b-rz6i88i6fz]  .mud-drawer-open-persistent-left:not(.mud-drawer-open-persistent-right) .mud-main-content {
    margin-left: 72px !important;
}

.mh-layout-root[b-rz6i88i6fz]  .mud-drawer-open-persistent-left.mud-drawer-left-clipped-never .mud-appbar {
    margin-left: 72px !important;
    width: 100% !important;
}

.mh-layout-root[b-rz6i88i6fz]  .mh-appbar {
    backdrop-filter: blur(16px);
    border-bottom: 1px solid var(--mud-palette-divider);
    z-index: 1300;
}

.mh-layout-root[b-rz6i88i6fz]  .mh-account-menu {
    margin-right: 71px;
}

.mh-layout-root[b-rz6i88i6fz]  .mh-brand {
    font-weight: 800;
    letter-spacing: 0;
}

.mh-layout-root[b-rz6i88i6fz]  .mh-drawer {
    border-right: 1px solid var(--mud-palette-divider);
    transition: width .18s ease;
    z-index: 1301;
}

.mh-layout-root[b-rz6i88i6fz]  .mh-drawer-compact {
    width: 72px !important;
}

.mh-layout-root[b-rz6i88i6fz]  .mh-drawer-expanded {
    width: 240px !important;
}

.mh-layout-root[b-rz6i88i6fz]  .mh-rail {
    align-items: stretch;
    height: 100%;
    justify-content: flex-start;
    padding: .75rem;
}

.mh-rail-brand[b-rz6i88i6fz] {
    align-items: center;
    display: flex;
    gap: .75rem;
    min-height: 44px;
    white-space: nowrap;
}

.mh-layout-root[b-rz6i88i6fz]  .mh-drawer-compact .mh-nav-button {
    justify-content: center;
    padding-left: 0;
    padding-right: 0;
}

.mh-layout-root[b-rz6i88i6fz]  .mh-drawer-compact .mh-nav-button .mud-button-start-icon {
    margin: 0;
}

.mh-layout-root[b-rz6i88i6fz]  .mh-rail-action {
    align-self: center;
}

.mh-layout-root[b-rz6i88i6fz]  .mh-nav-tooltip .mud-tooltip {
    background: var(--mud-palette-primary);
    color: var(--mud-palette-primary-text);
}

.mh-layout-root[b-rz6i88i6fz]  .mh-main {
    min-height: 100vh;
}

.mh-layout-root[b-rz6i88i6fz]  .mh-content {
    padding-bottom: 3rem;
    padding-top: 2rem;
}

.mh-mobile-nav[b-rz6i88i6fz] {
    display: none;
}

@media (max-width: 640px) {
    .mh-layout-root[b-rz6i88i6fz]  .mud-drawer-open-persistent-left:not(.mud-drawer-open-persistent-right) .mud-main-content {
        margin-left: 0 !important;
    }

    .mh-layout-root[b-rz6i88i6fz]  .mud-drawer-open-persistent-left.mud-drawer-left-clipped-never .mud-appbar {
        margin-left: 0 !important;
        width: 100% !important;
    }

    .mh-layout-root[b-rz6i88i6fz]  .mh-drawer {
        display: none !important;
    }

    .mh-layout-root[b-rz6i88i6fz]  .mh-account-menu {
        margin-right: 0;
    }

    .mh-layout-root[b-rz6i88i6fz]  .mh-content {
        padding-bottom: 6rem;
        padding-top: 1rem;
    }

    .mh-mobile-nav[b-rz6i88i6fz] {
        align-items: stretch;
        backdrop-filter: blur(18px);
        background: color-mix(in srgb, var(--mud-palette-surface) 92%, transparent);
        border-top: 1px solid var(--mud-palette-divider);
        bottom: 0;
        display: grid;
        gap: .25rem;
        grid-auto-columns: minmax(0, 1fr);
        grid-auto-flow: column;
        left: 0;
        padding: .45rem .65rem calc(.45rem + env(safe-area-inset-bottom));
        position: fixed;
        right: 0;
        z-index: 1400;
    }

    .mh-mobile-nav-item[b-rz6i88i6fz] {
        align-items: center;
        background: transparent;
        border: 0;
        border-radius: 8px;
        color: var(--mud-palette-text-secondary);
        display: flex;
        flex-direction: column;
        font: inherit;
        font-size: .72rem;
        font-weight: 700;
        gap: .1rem;
        justify-content: center;
        min-height: 52px;
        min-width: 0;
        padding: .35rem .2rem;
    }

    .mh-mobile-nav-item[b-rz6i88i6fz]  .mud-icon-root {
        font-size: 1.35rem;
    }

    .mh-mobile-nav-item-active[b-rz6i88i6fz] {
        background: color-mix(in srgb, var(--mud-palette-primary) 14%, transparent);
        color: var(--mud-palette-primary);
    }
}