/* _content/DPT.Apps.Components/Components/DayScrollBar.razor.rz.scp.css */
.vertical-scroll-container[b-y7u9b8erj3] {
    overflow-y: hidden;
    overflow-x: auto;
    scroll-behavior: smooth;
    max-width: 100%;
}

/* hide scrollbar but allow scrolling */
.hide-scroll-bar[b-y7u9b8erj3] {
    -ms-overflow-style: none; /* for Internet Explorer, Edge */
    scrollbar-width: none; /* for Firefox */
}
.hide-scroll-bar[b-y7u9b8erj3]::-webkit-scrollbar {
    display: none; /* for Chrome, Safari, and Opera */
}


/*.scroll-track {*/
/*    position: relative;*/
/*    z-index: 0;*/
/*}*/

/*.splide__list {*/
/*    margin: 0 !important;*/
/*    padding: 0 !important;*/
/*    width: -webkit-max-content;*/
/*    width: max-content;*/
/*    will-change: transform*/
/*}*/

.vertical-scroll-container > div[b-y7u9b8erj3] {
    -webkit-user-select: none;
    user-select: none
}
/* _content/DPT.Apps.Components/Components/InfiniteScrollingComponent.razor.rz.scp.css */
/* _content/DPT.Apps.Components/Components/SnapCardComponent.razor.rz.scp.css */
.snap-scroll-container[b-dmhubm4fwe]::-webkit-scrollbar{
    display: none;
}
/* hide scrollbar but allow scrolling */
.snap-scroll-container[b-dmhubm4fwe] {
    -ms-overflow-style: none; /* for Internet Explorer, Edge */
    scrollbar-width: none; /* for Firefox */
}
.snap-scroll-container[b-dmhubm4fwe]::-webkit-scrollbar {
    display: none; /* for Chrome, Safari, and Opera */
}

.snap-scroll-container[b-dmhubm4fwe] {
    display: flex;
    overflow-x: auto;
    overflow-y: hidden;
    /*scroll-snap-type: x proximity; !* Changed to 'proximity' for more natural snapping *!*/
    width: max-content;
    scroll-behavior: smooth !important;
    padding-left:  2em;
    padding-right: 2em;
    -webkit-overflow-scrolling: touch;
}

.snap-scroll-container .snap-card[b-dmhubm4fwe] {
    flex: 0 0 auto; /* Prevents cards from stretching */
    width: 80vw; /* Adjust width to match your design */
    scroll-snap-align: center; /* Snaps the center of the element */
    margin: 10px;
}

[b-dmhubm4fwe] .snap-card .card {
    /*flex: 0 0 auto; !* Prevents cards from stretching *!*/
    /*width: 300px; !* Adjust width to match your design *!*/
    /*scroll-snap-align: center; !* Snaps the center of the element *!*/
    /*margin: 10px;*/
    
    background-size: cover;
    background-position: center center;
}
/* _content/DPT.Apps.Components/Pages/Nutrition/AlternativeRecipeSelectorChatItemContent.razor.rz.scp.css */
.recipe-info-button[b-cgdm6mhkyr] {
    position: absolute;
    top: -0.5em;
    right: -0.5em;
    padding: 0 12px;
    height: 32px;
    line-height: 32px;
    color: #fff;
    font-weight: 600;
    z-index: 2;
}
/* _content/DPT.Apps.Components/Pages/NutritionPlanPage.razor.rz.scp.css */
/* _content/DPT.Apps.Components/Pages/OnlineCourses/OnlineCourseLessonPage.razor.rz.scp.css */
.card-style[b-xamzviowvp] {
    overflow: hidden;
    border-radius: 30px;
    margin: 0px 15px 30px 15px;
    border: none;
    box-shadow: rgba(0, 0, 0, 0.03) 0px 20px 25px -5px, rgba(0, 0, 0, 0.02) 0px 10px 10px -5px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
}

.gradient-highlight[b-xamzviowvp] {
    background-image: linear-gradient(to bottom, #5D9CEC, #4A89DC) !important;
    color: #FFF !important;
}

.gradient-highlight[b-xamzviowvp] {
    border: none;
    background-image: linear-gradient(to bottom, #5D9CEC, #4A89DC);
}
.opacity-50[b-xamzviowvp] {
    opacity: 0.5 !important;
}
.opacity-60[b-xamzviowvp] {
    opacity: 0.6 !important;
}
.rounded-xs[b-xamzviowvp] {
    border-radius: 10px !important;
}

.font-11[b-xamzviowvp] {
    font-size: 11px !important;
}

.shadow-bg[b-xamzviowvp] {
    background-size: cover;
    position: relative;
    z-index: 10;
    overflow: visible !important;
}

.btn-s[b-xamzviowvp] {
    font-size: 12px;
    padding: 12px 18px;
}

.card-overlay[b-xamzviowvp] {
    position: absolute;
    left: -2px;
    right: -2px;
    bottom: -2px;
    top: -2px;
    z-index: 1;
    border-radius: 30px;
}

.bg-black[b-xamzviowvp] {
    background-color: #000 !important;
}

.theme-light .bg-gradient-fade[b-xamzviowvp] {
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 20%, rgba(0, 0, 0, 0.1) 30%, rgba(0, 0, 0, 0.8) 70%, #000 100%) !important;
}

.card-body[b-xamzviowvp] {
    z-index: 4;
}
/* _content/DPT.Apps.Components/Pages/Preferences/NutritionReferenceSelectInput.razor.rz.scp.css */
.recipe-info-button[b-27o2y3bkfj] {
    position: absolute;
    top: -0.5em;
    right: -0.5em;
    padding: 0 12px;
    height: 32px;
    line-height: 32px;
    color: #fff;
    font-weight: 600;
    z-index: 2;
}