/* /Common/Components/FabMenu.razor.rz.scp.css */
.fab-menu[b-hi6yzck2rz] {
    display: grid;
    --radius: 25vmin;
}

    .fab-menu.showing[b-hi6yzck2rz] {
        --radius: calc(0);
    }

    .fab-menu[b-hi6yzck2rz]  .fab-menu-item {
        grid-area: layer;
        /* Decimal value, 0-1 based on the child's index. */
        --d: calc(var(--i) / var(--total));
        /* Offset to get better starting placement on the circle */
        --r-offset: -0.25turn;
        /* Full circle */
        --r-amount: 1turn;
        /* Rotation based on the decimal and r modifiers */
        --r: calc((var(--r-amount) * var(--d)) + var(--r-offset));
        /* Rotate, transform out, then negative rotation so the content appears upright */
        --transform: rotate(var(--r)) translate(var(--radius)) rotate(calc(-1 * var(--r)));
        transform: var(--transform);
        transition: transform .75s ease-in-out;
    }
/* /Common/Components/Footer.razor.rz.scp.css */
.footer[b-tbd6dp6qi4] {
    --footer-backgrouond: var(--mud-palette-surface, #fff);
    position: fixed;
    left: 0;
    bottom: 0;
    width: 100vw;
    height: var(--footer-height);
    z-index: 10;
    -moz-user-select: none;
    -ms-touch-select: none;
    -ms-user-select: none;
    -webkit-user-select: none;
    user-select: none;
}

.footer-left[b-tbd6dp6qi4],
.footer-right[b-tbd6dp6qi4] {
    background-color: var(--footer-backgrouond);
    width: calc((100% - 80px) / 2);
    height: 100%;
    position: absolute;
    padding-bottom: 16px;
}

.footer-left[b-tbd6dp6qi4] {
    border-top-right-radius: 50px;
    left: 0;
}

.footer-right[b-tbd6dp6qi4] {
    border-top-left-radius: 50px;
    right: 0;
}

.footer-center[b-tbd6dp6qi4] {
    --size: 50px;
    --p: 38px;
    --R: 60px;
    height: 125px;
    background: radial-gradient(var(--R) at 50% calc(-1*var(--p)),#0000 99%,var(--footer-backgrouond) 101%) 50% var(--size)/calc(4*var(--size)) 100% no-repeat;
    width: 100px;
    position: absolute;
    left: calc(50% - 50px);
    top: -25px;
}
/* /Common/Components/Layouts/FullscreenLayout.razor.rz.scp.css */
/*.page {
    position: relative;
    display: flex;
    flex-direction: column;
}

main {
    flex: 1;
}

.sidebar {
    background-image: linear-gradient(180deg, rgb(5, 39, 103) 0%, #3a0647 70%);
}

.top-row {
    background-color: #f7f7f7;
    border-bottom: 1px solid #d6d5d5;
    justify-content: flex-end;
    height: 3.5rem;
    display: flex;
    align-items: center;
}

    .top-row ::deep a, .top-row ::deep .btn-link {
        white-space: nowrap;
        margin-left: 1.5rem;
        text-decoration: none;
    }

    .top-row ::deep a:hover, .top-row ::deep .btn-link:hover {
        text-decoration: underline;
    }

    .top-row ::deep a:first-child {
        overflow: hidden;
        text-overflow: ellipsis;
    }

@media (max-width: 640.98px) {
    .top-row:not(.auth) {
        display: none;
    }

    .top-row.auth {
        justify-content: space-between;
    }

    .top-row ::deep a, .top-row ::deep .btn-link {
        margin-left: 0;
    }
}

@media (min-width: 641px) {
    .page {
        flex-direction: row;
    }

    .sidebar {
        width: 250px;
        height: 100vh;
        position: sticky;
        top: 0;
    }

    .top-row {
        position: sticky;
        top: 0;
        z-index: 1;
    }

    .top-row.auth ::deep a:first-child {
        flex: 1;
        text-align: right;
        width: 0;
    }

    .top-row, article {
        padding-left: 2rem !important;
        padding-right: 1.5rem !important;
    }
}
*/
/* /Common/Components/Layouts/MainLayout.razor.rz.scp.css */

div[b-l6excutupk] {
    --footer-height: 80px;
}

    div[b-l6excutupk]  .main-layout-with-footer .page-wrapper > .page-wrapper_content {
        padding-bottom: calc(var(--footer-height) + 1rem ) !important;
    }
/*.page {
    position: relative;
    display: flex;
    flex-direction: column;
}

main {
    flex: 1;
}

.sidebar {
    background-image: linear-gradient(180deg, rgb(5, 39, 103) 0%, #3a0647 70%);
}

.top-row {
    background-color: #f7f7f7;
    border-bottom: 1px solid #d6d5d5;
    justify-content: flex-end;
    height: 3.5rem;
    display: flex;
    align-items: center;
}

    .top-row ::deep a, .top-row ::deep .btn-link {
        white-space: nowrap;
        margin-left: 1.5rem;
        text-decoration: none;
    }

    .top-row ::deep a:hover, .top-row ::deep .btn-link:hover {
        text-decoration: underline;
    }

    .top-row ::deep a:first-child {
        overflow: hidden;
        text-overflow: ellipsis;
    }

@media (max-width: 640.98px) {
    .top-row:not(.auth) {
        display: none;
    }

    .top-row.auth {
        justify-content: space-between;
    }

    .top-row ::deep a, .top-row ::deep .btn-link {
        margin-left: 0;
    }
}

@media (min-width: 641px) {
    .page {
        flex-direction: row;
    }

    .sidebar {
        width: 250px;
        height: 100vh;
        position: sticky;
        top: 0;
    }

    .top-row {
        position: sticky;
        top: 0;
        z-index: 1;
    }

    .top-row.auth ::deep a:first-child {
        flex: 1;
        text-align: right;
        width: 0;
    }

    .top-row, article {
        padding-left: 2rem !important;
        padding-right: 1.5rem !important;
    }
}
*/
/* /Common/Components/NavMenu.razor.rz.scp.css */
.navbar-toggler[b-56ey6r8ki6] {
    background-color: rgba(255, 255, 255, 0.1);
}

.top-row[b-56ey6r8ki6] {
    height: 3.5rem;
    background-color: rgba(0,0,0,0.4);
}

.navbar-brand[b-56ey6r8ki6] {
    font-size: 1.1rem;
}

.oi[b-56ey6r8ki6] {
    width: 2rem;
    font-size: 1.1rem;
    vertical-align: text-top;
    top: -2px;
}

.nav-item[b-56ey6r8ki6] {
    font-size: 0.9rem;
    padding-bottom: 0.5rem;
}

    .nav-item:first-of-type[b-56ey6r8ki6] {
        padding-top: 1rem;
    }

    .nav-item:last-of-type[b-56ey6r8ki6] {
        padding-bottom: 1rem;
    }

    .nav-item[b-56ey6r8ki6]  a {
        color: #d7d7d7;
        border-radius: 4px;
        height: 3rem;
        display: flex;
        align-items: center;
        line-height: 3rem;
    }

.nav-item[b-56ey6r8ki6]  a.active {
    background-color: rgba(255,255,255,0.25);
    color: white;
}

.nav-item[b-56ey6r8ki6]  a:hover {
    background-color: rgba(255,255,255,0.1);
    color: white;
}

@media (min-width: 641px) {
    .navbar-toggler[b-56ey6r8ki6] {
        display: none;
    }

    .collapse[b-56ey6r8ki6] {
        /* Never collapse the sidebar for wide screens */
        display: block;
    }
    
    .nav-scrollable[b-56ey6r8ki6] {
        /* Allow sidebar to scroll for tall menus */
        height: calc(100vh - 3.5rem);
        overflow-y: auto;
    }
}
/* /Common/Components/PageWrapper.razor.rz.scp.css */
.page-wrapper[b-m0183toan2] {
    height: calc(100dvh - (var(--mud-appbar-height) - var(--mud-appbar-height) / 8));
    display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: min-content 1fr min-content;
    grid-template-areas:
        "fixed-page-header"
        "content"
        "fixed-page-buttons";
}

    .page-wrapper > .page-wrapper_header:not(:empty)[b-m0183toan2] {
        grid-area: fixed-page-header;
        z-index: 1;
        position: sticky;
        background-color: var(--mud-palette-background);
        /*top: calc(var(--mud-appbar-height) - 8px);*/
        /*top: calc(var(--page-wrapper-gutter-top) - 9px);*/
        top: calc(max(var(--mud-appbar-height), var(--page-wrapper-gutter-top)) - 9px);
    }

    .page-wrapper[b-m0183toan2] >  .page-wrapper_content {
        grid-area: content;
        padding-top: var(--page-wrapper-gutter-top);
        padding-bottom: var(--page-wrapper-gutter-bottom);
        overscroll-behavior: auto;
        overflow-y: auto;
    }

        .page-wrapper[b-m0183toan2] >  .page-wrapper_content:not(.pull-container),
        .page-wrapper[b-m0183toan2] >  .page-wrapper_content.pull-container > div {
            padding-right: var(--page-wrapper-gutter-right);
            padding-left: var(--page-wrapper-gutter-left);
        }

    .page-wrapper[b-m0183toan2] >  .page-wrapper_content::-webkit-scrollbar-track,
    .page-wrapper[b-m0183toan2] >  .page-wrapper_content.pull-container > div::-webkit-scrollbar-track {
        margin-bottom: var(--footer-height);
    }

    .page-wrapper > .page-wrapper_buttons[b-m0183toan2] {
        /*background-color: var(--mud-palette-primary-lighten);
        background-color: #DAF7BC;*/
        padding-right: 16px;
        padding-left: 16px;
    }

        .page-wrapper > .page-wrapper_buttons:not(:empty)[b-m0183toan2] {
            grid-area: fixed-page-buttons;
            padding-top: 16px;
            padding-bottom: 32px;
        }

@media(min-width: 600px) {
    .page-wrapper[b-m0183toan2] {
        height: calc(100dvh - var(--mud-appbar-height));
    }
}
/* /Common/Components/PullToRefresh/PullToRefresh.razor.rz.scp.css */
.pull-container[b-bws48jdx2c] {
    display: flex;
    flex-direction: column;
    flex-grow: 1;
    height: 100%;
}

    .pull-container div[part="tip"][b-bws48jdx2c] {
        display: flex;
        align-items: center;
        justify-content: center;
        background-color: var(--neutral-layer-2);
        color: var(--neutral-base-color);
        padding: 0.5rem;
        height: var(--pull-refresh-head-height, 50px);
        width: 100%;
    }

        .pull-container div[part="tip"][b-bws48jdx2c] {
            position: relative;
            top: 0px;
        }
/* /Common/Components/SwipeableItem/SwipeableItem.razor.rz.scp.css */
.swipe-container[b-ggdgzwl40m] {
    display: grid;
    grid-template-columns: 100%;
    /*grid-template-rows: auto;*/
    grid-auto-flow: column;
    overflow-x: hidden;
    scrollbar-width: none;
}
    .swipe-container[b-ggdgzwl40m]::-webkit-scrollbar {
        display: none;
    }

.swipe-container--swipeable[b-ggdgzwl40m] {
    overflow-x: scroll;
    scroll-snap-type: x mandatory;
    overscroll-behavior-y: auto;
    -webkit-overflow-scrolling: touch;
}
.swipe-container--swipeable > *[b-ggdgzwl40m]{
    scroll-snap-align: start;
}

.swipe-main-content[b-ggdgzwl40m] {
    overflow: hidden;
    min-width: 100%;
    max-width: 100%;
}

.swipe-button-container[b-ggdgzwl40m] {
    display: flex;
    flex-direction: row;
    align-items: center;
}
/* /Common/Components/SwipeableItem/SwipeableItemButton.razor.rz.scp.css */
.swipeable-item-button-container[b-he5qzum02p] {
    height: 100%;
    aspect-ratio: 1 / 1;
}
.swipeable-item-button[b-he5qzum02p] {
    height: 100%;
    width: 100%;
    padding: 4px 12px;
}
/* /Features/Recipes/Common/Components/AddIngredientsFromSingleRecipeDialog.razor.rz.scp.css */
/*.mud-list-container ::deep .mud-list-item:first-child {
    border-top: 1px solid var(--mud-palette-table-lines);
}*/
.mud-list-container[b-yoiqylwilr]  .mud-list-item {
    border-bottom: 1px solid var(--mud-palette-table-lines);
}
.mud-list-container[b-yoiqylwilr]  .mud-list-item:last-child {
    border-bottom: 0;
}
/* /Features/Recipes/Common/Components/RecipeServingsIncrementer.razor.rz.scp.css */
.recipe-servings-incrementer[b-3aia9dc3q4] {
    -moz-user-select: none;
    -ms-touch-select: none;
    -ms-user-select: none;
    -webkit-user-select: none;
    user-select: none;
}
    /*.recipe-servings-incrementer ::deep .mud-fab[disabled] {
        background-color: var(--mud-palette-surface);
    }*/
/* /Features/Recipes/CreateRecipe/Components/DurationPicker.razor.rz.scp.css */
.duration-picker_wrapper[b-px962egk11] {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px;
    padding-top: 0;
}

.duration-picker_header[b-px962egk11] {
    display: grid;
    font-size: 48px;
    padding: 6px 6px;
    margin-bottom: 16px;
    grid-template-columns: 45% auto auto auto;
    grid-auto-flow: column;
    background-color: var(--mud-palette-primary-lighten);
    background-color: var(--mud-palette-primary);
}

    .duration-picker_header[b-px962egk11]  * {
        line-height: 1em;
        color: white;
    }

    .duration-picker_header[b-px962egk11]  input.hours {
        text-align: right;
        min-width: 49%;
    }

    .duration-picker_header[b-px962egk11]  input {
        width: 100%;
        background-color: unset;
        padding: 0;
        margin: 0;
        height: 1em;
        -moz-appearance: textfield;
    }

        .duration-picker_header[b-px962egk11]  input::-webkit-outer-spin-button,
        .duration-picker_header[b-px962egk11]  input::-webkit-inner-spin-button {
            -webkit-appearance: none;
            appearance: unset;
        }

.duration-picker[b-px962egk11] {
    position: relative;
    width: var(--duration-picker-size);
    height: var(--duration-picker-size);
    margin: var(--duration-picker-border-thickness);
    overflow: visible;
    font-size: 20px;
}

    .duration-picker *[b-px962egk11] {
        -moz-user-select: none;
        -ms-touch-select: none;
        -ms-user-select: none;
        -webkit-user-select: none;
        user-select: none;
    }

    .duration-picker svg[b-px962egk11] {
        overflow: visible;
        left: 0;
        top: 0;
        position: absolute;
        width: calc(100% + var(--duration-picker-border-thickness) * 2 + 4px);
        height: calc(100% + var(--duration-picker-border-thickness) * 2);
        margin: calc(var(--duration-picker-border-thickness) * -1);
    }

.duration-picker_center-point[b-px962egk11] {
    top: 50%;
    left: 50%;
    width: 6px;
    height: 6px;
    position: absolute;
    transform: translate(-50%, -50%);
    border-radius: 50%;
    z-index: 5;
    background-color: var(--mud-palette-primary);
}

.duration-picker_start-point[b-px962egk11] {
    position: absolute;
    left: 50%;
    width: 3px;
    height: 50%;
}

.duration-picker_knob[b-px962egk11] {
    position: absolute;
    left: 50%;
    width: 3px;
    height: 50%;
    z-index: 10;
    touch-action: none;
    -ms-touch-action: none;
    transform-origin: center bottom;
}

    .duration-picker_knob[b-px962egk11]:after {
        content: "";
        background-color: var(--mud-palette-primary-darken);
        position: absolute;
        left: 50%;
        transform: translate(-50%, -66%);
        width: 25px;
        height: 25px;
        border-radius: 50%;
    }

.duration-picker_minute-mark[b-px962egk11] {
    position: absolute;
    left: 50%;
    width: 3px;
    height: 50%;
    transform-origin: center bottom;
}

    .duration-picker_minute-mark span.minute-marker[b-px962egk11] {
        transform: translate(-315%, 10%);
        display: block;
    }

    .duration-picker_minute-mark span:not(.minute-marker)[b-px962egk11] {
        font-size: 5px;
        display: block;
        transform: translate(65%, 40%);
    }

    .duration-picker_minute-mark[b-px962egk11]:after {
        content: "";
        background-color: #333;
        position: absolute;
        left: 50%;
        transform: translate(-50%, -50%);
        height: 58px;
        width: 15px;
        top: 20px;
        border-radius: 50%;
        background-color: inherit;
    }