@import '_content/Microsoft.AspNetCore.Components.QuickGrid/Microsoft.AspNetCore.Components.QuickGrid.25o87uqmvr.bundle.scp.css';

/* /Components/Account/Pages/Login.razor.rz.scp.css */
form h2[b-kc2n26xzwj] {   

}

.form-body[b-kc2n26xzwj] {
    display:flex;
    flex-direction:column;
    gap: 1rem;
    width: 100%;
}
.form-list-control[b-kc2n26xzwj] {
    display: flex;
    flex-direction: column;
    gap: .75rem;
}

[b-kc2n26xzwj] form {
    display: flex;    
    padding: 1.25rem 2rem;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 1.25rem;
}

.footer-button[b-kc2n26xzwj] {
    display: flex;
    flex-direction: column;
    gap: .75rem;
    width: 100%;
}

/* /Components/Account/Pages/Register.razor.rz.scp.css */
form h2[b-vksb4agsyb] {
}

.form-body[b-vksb4agsyb] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    width: 100%;
}

.form-list-control[b-vksb4agsyb] {
    display: flex;
    flex-direction: column;
    gap: .75rem;
}

[b-vksb4agsyb] form {
    display: flex;
    padding: 1.25rem 2rem;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 1.25rem;
}

.footer-button[b-vksb4agsyb] {
    display: flex;
    flex-direction: column;
    gap: .75rem;
    width: 100%;
}
/* /Components/Layout/Breadcrumb.razor.rz.scp.css */
.breadcrumb[b-8h7s4qdg29] {
    display: inline-flex;
    align-items: center;
    gap: 0.25rem;
}

ol[b-8h7s4qdg29] {
    list-style:none;
    margin: 0;
    padding: 0;
}
li[b-8h7s4qdg29],
a[b-8h7s4qdg29] {
    color: var(--Dark-Dark-200);
    font-family: Montserrat;
    font-size: 0.625rem;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}

.active a[b-8h7s4qdg29] {
    color: var(--Dark-Dark-300);
    font-weight: 600;
}

@media (max-width: 640.98px) {
    .breadcrumb[b-8h7s4qdg29] {
        display: none;
    }
}
/* /Components/Layout/Calendar.razor.rz.scp.css */
.title-cal[b-gyrezi1ume] {
    display: flex;
    align-items: center;
    justify-content: space-around;
    margin-bottom: 1.5rem;
}

    .title-cal.active .center-arrow svg[b-gyrezi1ume] {
        transform: rotate(180deg);
    }

.center-arrow[b-gyrezi1ume] {
    display: flex;    
    padding: 0.75rem 1rem;
    justify-content: center;
    align-items: center;
    border-radius: 0.75rem;
    background: var(--Dark-Blue-Dark-Blue-100, #EBEFFF);
}
.month-name[b-gyrezi1ume] {
    display: flex;
    flex-direction: column;
    align-items: center;
    color: var(--Dark-Dark-1000, #0A0C3C);
    text-align: center;
    /* Paragraph/14 Medium */
    font-family: Montserrat;
    font-size: 0.875rem;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    gap: .25rem;
}

    .month-name label[b-gyrezi1ume] {
        color: var(--Dark-Dark-300, #B6B7C5);
        text-align: center;
        /* Paragraph/10 Medium */
        font-family: Montserrat;
        font-size: 0.625rem;
        font-style: normal;
        font-weight: 500;
        line-height: normal;
    }

.calendar[b-gyrezi1ume] {
    display: grid;
    grid-template-columns: repeat(7,1fr);
}
.dayofweek[b-gyrezi1ume] {
    color: var(--Dark-Dark-300, #B6B7C5);
    text-align: center;
    /* Paragraph/12 Medium */
    font-family: Montserrat;
    font-size: 0.75rem;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    display: flex;
    padding: 0.625rem;
    justify-content: center;
    align-items: center;
    gap: 0.625rem;
    flex: 1 0 0;
    border-radius: 0.5rem;
}
.day[b-gyrezi1ume] {
    display: flex;
    padding: 0.875rem 0.625rem;
    justify-content: center;
    align-items: center;
    gap: 0.625rem;
    flex: 1 0 0;
    border-radius: 0.5rem;
    background: var(--Dark-Blue-Dark-Blue-100, #EBEFFF);
    color: var(--Dark-Dark-1000, #0A0C3C);
    text-align: center;
    font-family: Montserrat;
    font-size: 0.75rem;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    cursor: pointer;
}

    .day i[b-gyrezi1ume] {
        font-style: normal;
    }

    .day.active[b-gyrezi1ume] {
        background: var(--Purple-Purple-1000, #7E6CFF);
        color: var(--Main-White, #FFF);    
    }

    .day.grey[b-gyrezi1ume] {
        opacity: 0.5;
        background: var(--Dark-Blue-Dark-Blue-100, #EBEFFF);
        color: var(--Dark-Dark-1000, #0A0C3C);        
    }
/* /Components/Layout/ConsentCookie.razor.rz.scp.css */
.card[b-dihl2tskma] {
    display: flex;
    padding: 1.25rem;
    justify-content: flex-end;
    align-items: center;
    gap: 1.25rem;
    position: fixed;
    right: 1.25rem;
    top: calc(100vh - 7rem);
    border-radius: 1.25rem;
    background: var(--Main-White, #FFF);
}

    .card div[b-dihl2tskma] {
        display: flex;
        align-items: center;
    }
    .card div[b-dihl2tskma] {
        gap: .75rem;
    }
    .card div:first-child[b-dihl2tskma] {
        gap: 1.25rem;
    }
   


p[b-dihl2tskma] {
    font-size: .75rem;
}

@media (max-width: 640.98px) {
    .card[b-dihl2tskma] {       
        right: .75rem;
        left: .75rem;
        top: calc(100vh - 17rem);    
        flex-direction: column;
        gap: 1.25rem;
    }
    .card div[b-dihl2tskma] {
        display: flex;
    }
}
/* /Components/Layout/DateComponent.razor.rz.scp.css */
.input[b-74w9yb9qi7] {
    display: none;
}
/* /Components/Layout/Footer.razor.rz.scp.css */
.container[b-d1zw463h7u] {
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
}
footer[b-d1zw463h7u] {
    display: flex;
    padding: 2.5rem;
    flex-direction: column;
    align-items: center;
    gap: 1.5rem;
    padding-left: 7.5rem;
    background: var(--Purple-Purple-50, #F3F1FF);
    position: sticky;    
    zoom: 0;
    margin-top: 1.25rem;
}

.page:has(.active-menu) footer[b-d1zw463h7u] {
    padding-left: 14.75rem;
}

.grid[b-d1zw463h7u] {
    display: grid;
    grid-template-columns: repeat(3,1fr);
    width: 100%;
}
.footer-footer[b-d1zw463h7u] {
    color: var(--Dark-Dark-800, #3B3D63);
    /* Paragraph/12 Medium */
    font-family: Montserrat;
    font-size: 0.75rem;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}
.info[b-d1zw463h7u], .info a[b-d1zw463h7u],
.text[b-d1zw463h7u] {
    color: var(--Dark-Dark-800, #3B3D63);
    font-family: Montserrat;
    font-size: 1rem;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}

.info[b-d1zw463h7u], .info a[b-d1zw463h7u] {
    display: flex;
    align-items: center;
    gap: 1rem;
}

.info-block[b-d1zw463h7u] {
    display: flex;
    gap: .75rem;
    flex-direction:column;
    margin: 1.25rem 0 2rem;
}

.center p[b-d1zw463h7u] {
    color: var(--Dark-Dark-300, #B6B7C5);
    /* Paragraph/14 Medium */
    font-family: Montserrat;
    font-size: 0.875rem;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}

ul[b-d1zw463h7u] {
    display: flex;
    flex-direction: column;
    gap: .75rem;
}

    ul li a[b-d1zw463h7u] {
        color: var(--Dark-Dark-800, #3B3D63);
        /* Text/16 Medium */
        font-family: Montserrat;
        font-size: 1rem;
        font-style: normal;
        font-weight: 500;
        line-height: normal;
    }
.buttom-message[b-d1zw463h7u] {
    display: flex;
    gap: .5rem;
    margin: .75rem 0 0;
}
    .buttom-message a[b-d1zw463h7u] {
        border-radius: 2.375rem;
        background: var(--Main-White, #FFF);
        display: flex;
        padding: 0.625rem;
        align-items: center;
        gap: 0.625rem;
    }

@media (max-width: 640.98px) {
    .grid[b-d1zw463h7u] {     
        grid-template-columns: repeat(1,1fr);
        width: 100%;
        gap: 1.25rem;
    }
    footer[b-d1zw463h7u] {
        padding: 1rem .75rem 6rem;
    }
}
/* /Components/Layout/Header.razor.rz.scp.css */
.back[b-3emttjzfud] {
    display: flex;    
    align-self: start;
    margin-right: 1rem;
}

.round[b-3emttjzfud] {
    display: flex;
    width: 2.5rem;
    height: 2.5rem;    
    background: #2BC4D6;
    border-radius: 3rem;
    justify-content: center;
    align-items: center;
}

.one[b-3emttjzfud] {
    display: flex;
    gap: 1.5rem;
}

.row[b-3emttjzfud] {
    display: flex;
    justify-content: start;
    align-items: center;
    align-self: stretch;
    gap: 1.5rem;
}

.user-profile[b-3emttjzfud] {
    display:flex;
    margin-left: auto;
    gap: .75rem;
}

@media (max-width: 640.98px) {
    .row[b-3emttjzfud] {
        padding: 0.75rem;
    }
    .one[b-3emttjzfud] {
        flex-direction: column;
    }
}
/* /Components/Layout/InputPickerDate.razor.rz.scp.css */
.input-picker[b-u3vq5y5ly5] {
    position:relative;
    width: 100%;
    display:flex;
}
.input-picker input[b-u3vq5y5ly5] {
    width: 100%;
}
.card[b-u3vq5y5ly5] {
    border-radius: 10px;
    background: #FFF;
    box-shadow: 0px 0px 10px 0px rgba(138, 168, 182, 0.20);
    padding: .875rem;
    position: absolute;
    z-index: 1000;
    top: 3rem;
}

.calendar[b-u3vq5y5ly5] {
    display: grid;
    grid-template-columns: repeat(7,1fr);
}

    .calendar div[b-u3vq5y5ly5] {
        font-size:  .75rem;
        font-style: normal;
        font-weight: 400;
        line-height: 16px;
    }

    .calendar .dayofweek[b-u3vq5y5ly5] {
        text-align: center;
        text-transform: uppercase;
        margin-bottom: .75rem;
    }

        .calendar .dayofweek.bg[b-u3vq5y5ly5] {
            color: #604FD0;
        }

    .calendar .day[b-u3vq5y5ly5] {
        border: 1px solid #E2EEF5;
        background: #FFF;
        height: 1rem;
        padding: 6px;
        position: relative;
    }

        .calendar .day[b-u3vq5y5ly5]  svg {
            height: 100%;
            position: absolute;
            top: 0.25rem;
            left: 32%;
            width: 40%;
        }

    .calendar .grey[b-u3vq5y5ly5] {
        background: #F8F9FE;
        color: #8AA8B6;
    }

.title-cal[b-u3vq5y5ly5] {
    display: grid;
    grid-template-columns: auto 1fr auto;
    text-align: center;
    margin-bottom: .75rem;
    align-items: center;
    gap: 1rem;
}

    .title-cal h4[b-u3vq5y5ly5] {
        font-size: 16px;
        font-style: normal;
        font-weight: 400;
        line-height: 20px;
    }

    .title-cal .btn-circle[b-u3vq5y5ly5] {
        background: #F8F9FE;
        border: none;
        border-radius: 1rem;
        padding: 10px 13px;
        display: flex;
        justify-content: center;
        align-items: center;
    }


.blur div[b-u3vq5y5ly5] {
    color: #fff;
    background: var(--secondary);
    padding: 3px;
    margin: -6px;
}

.blur p[b-u3vq5y5ly5] {
    color: #8AA8B6;
    font-feature-settings: 'clig' off, 'liga' off;
    font-family: Montserrat;
    font-size: 10px;
    font-style: normal;
    font-weight: 400;
    line-height: 16px;
}
.day[b-u3vq5y5ly5] {
    cursor: pointer;
}
/* /Components/Layout/LoginDisplay.razor.rz.scp.css */
img[b-35g1u47bnh] {
    width: 2.125rem;
    height: 2.125rem;
    aspect-ratio: 1/1;
}

.btn-profile[b-35g1u47bnh] {
    border-radius: 0.75rem;
    background: var(--Main-White, #FFF);
    display: flex;
    padding: 0.3125rem 0.375rem;
    justify-content: center;
    align-items: center;
    gap: 0.5rem;
    flex-shrink: 0;
    border: none;
    border: 1px solid #fff;
    cursor:pointer;
}


.select-custom[b-35g1u47bnh] {
    display: flex;
    flex-direction: column;
    width: 100%;
    position: relative;
}

    .select-custom .select-title[b-35g1u47bnh] {
        display: flex;
        justify-content: space-between;
        align-items: center;
        align-self: stretch;
        color: var(--Dark-Dark-400, #9D9EB1);
        font-family: Montserrat;
        font-size: 0.875rem;
        font-style: normal;
        font-weight: 500;
        line-height: normal;
        border-radius: 0.75rem;
        border: 1px solid var(--Dark-Dark-200, #CECED8);
        background: var(--Main-White, #FFF);
        padding: 0.75rem;
        cursor: pointer;
    }

    .select-custom.active .select-list[b-35g1u47bnh] {
        display: flex;
    }

    .select-custom .select-list[b-35g1u47bnh] {
        display: none;
        width: max-content;
        flex-direction: column;
        align-items: flex-start;
        position: absolute;
        top: 3.25rem;
        right: 0;
        border-radius: 0.75rem;
        background: var(--Main-White, #FFF);
        z-index: 10;
    }

.row-list[b-35g1u47bnh] {
    display: flex;
    padding: 1rem;
    align-items: center;
    gap: 0.75rem;
    align-self: stretch;
    color: var(--Dark-Dark-300, #B6B7C5);
    /* Paragraph/16 Medium */
    font-family: Montserrat;
    font-size: 1rem;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    cursor:pointer;
}
.btn-profile:hover[b-35g1u47bnh],
.row-list:hover[b-35g1u47bnh] {
    background: var(--Dark-Blue-Dark-Blue-50, #F8F9FE);
}

.btn-logout[b-35g1u47bnh] {
    background: none;
    border: none;
    display: flex;
    gap: .75rem;
    align-items: center;
    padding: 0;
    color: var(--Main-Red, #EB4E4E);
    /* Paragraph/16 Medium */
    font-family: Montserrat;
    font-size: 1rem;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    cursor: pointer;
}

.active .btn-profile[b-35g1u47bnh] {    
    border: 1px solid var(--Green-Green-500, #95E2EA);    
}

.active .btn-profile svg[b-35g1u47bnh] {
    transform:rotate(180deg);
}

/* /Components/Layout/MainLayout.razor.rz.scp.css */
#blazor-error-ui[b-9dxa26935d] {
    color-scheme: light only;
    background: lightyellow;
    bottom: 0;
    box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.2);
    box-sizing: border-box;
    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-9dxa26935d] {
        cursor: pointer;
        position: absolute;
        right: 0.75rem;
        top: 0.5rem;
    }


    .page[b-9dxa26935d] {
        position:relative;
    }
/* /Components/Layout/ModalPaymentRequired.razor.rz.scp.css */
h4[b-iv186z6ifi] {
    color: var(--Dark-Dark-1000, #0A0C3C);
    /* Title/H4 */
    font-family: Montserrat;
    font-size: 1.375rem;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    text-wrap: nowrap;
}
.body-card[b-iv186z6ifi] {
    display: flex;
    flex-direction: column;
    gap: .75rem;
}
/* /Components/Layout/MyAwards.razor.rz.scp.css */
.card[b-8do9hkvr85] {
    display: flex;
    padding: 0.75rem;
    flex-direction: column;
    align-items: center;
    gap: 0.75rem;
    align-self: stretch;
    border-radius: 1rem;
    background: #FFF;
}

.progress[b-8do9hkvr85] {
    width: 9.875rem;
    height: 0.25rem;
    margin:auto;
}

    .progress div[b-8do9hkvr85] {        
        height: 0.25rem;        
    }

.title[b-8do9hkvr85] {
    margin-bottom: 0;
    width: 100%;
}

.content[b-8do9hkvr85] {
    display: flex;
    padding: 0.5rem 0;
    flex-direction: column;
    align-items: center;
    gap: 1rem;
    align-self: stretch;
}

.body-card[b-8do9hkvr85] {
    display: flex;    
    flex-direction: column;
    align-items: center;
    gap: .5rem;
    align-self: stretch;
}

p[b-8do9hkvr85] {
    color: var(--Dark-Dark-400, #9D9EB1);
    text-align: center;
    /* Paragraph/12 Medium */
    font-family: Montserrat;
    font-size: 0.75rem;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}
/* /Components/Layout/NavMenu.razor.rz.scp.css */
.sidebar[b-3ncasroiku] {
    position: fixed;
    display: flex;
    padding: 0.5rem;
    flex-direction: column;
    align-items: center;
    gap: 0.75rem;
    background: var(--Main-White);
    top: 1.25rem;
    left: 1.25rem;
    min-height: calc(100vh - 2.5rem);
    border-radius: 1rem;
    z-index: 1;
}

p[b-3ncasroiku] {
    display:none;
}

ul[b-3ncasroiku] {
    list-style: none;
    display: flex;
    flex-direction: column;    
    flex: 1;
}
.dop-menu[b-3ncasroiku],
.mob-view[b-3ncasroiku] {
    display: none;
}
.tolbar[b-3ncasroiku] {
    cursor:pointer;
}
.tolbar[b-3ncasroiku],
li[b-3ncasroiku] {
    display: flex;
    padding: 1rem;
    align-items: center;
    gap: 0.75rem;
    align-self: stretch;
    border-radius: 0.75rem;
}

.help[b-3ncasroiku] {
    margin-top: auto;
}

li:has(.active)[b-3ncasroiku] {    
    background: var(--Green-Green-100);
}
li:has(a:hover)[b-3ncasroiku] {    
    background: var(--Green-Green-50, #F4FCFD);
}

i[b-3ncasroiku] {
    line-height: 1;
}
.active svg path[b-3ncasroiku] {
    fill: #2BC4D5;
}
a:hover svg path[b-3ncasroiku] {
    fill: #AAE7EE;
}
a:hover p[b-3ncasroiku] {
    color: var(--Green-Green-400, #AAE7EE);
}
.active-menu[b-3ncasroiku]  a {
    display: flex;
    align-items:center;
    gap: .75rem
}

.active-menu p[b-3ncasroiku] {
    display: flex;
    color: var(--Dark-Dark-300);    
    font-family: Montserrat;
    font-size: 1rem;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}

.active-menu .active p[b-3ncasroiku] {
    color: var(--Green-Green-1000);   
}

@media (max-width: 640.98px) {

    .sidebar[b-3ncasroiku],
    .sidebar.active-menu[b-3ncasroiku] {
        background: #fff;
        border-radius: .5rem;
        width: calc(100vw - 2rem);
        height: auto;
        margin: .5rem;
        position: fixed;
        bottom: 0;
        display: flex;
        flex-direction: column;
        z-index: 1000;
        min-height: auto;
        max-height: 5rem;
        padding: 0.5rem;
        top: auto;
        left: 0;
        right: 0;
    }

    .tolbar[b-3ncasroiku],
    li[b-3ncasroiku] {
        display: flex;
        flex-direction: column;
        padding: .75rem;
        align-items: center;
        gap: 0.25rem;
        align-self: stretch;
        border-radius: 0.75rem;
        justify-content: center;
    }


    .page:has(.active-menu) main[b-3ncasroiku] {
        margin-left: 1rem;
    }

    .sidebar.active[b-3ncasroiku] {
        width: 100%;
    }

    .sidebar .tolbar[b-3ncasroiku] {
        display: none;
        justify-content: center;
        align-items: center;
        margin: 1rem;
    }

    .sidebar.active-menu ul li .active[b-3ncasroiku] {
        margin-left: 0;
    }

    .sidebar.active ul[b-3ncasroiku],
    .sidebar.active-menu ul[b-3ncasroiku],
    .sidebar ul[b-3ncasroiku] {
        display: grid;
        grid-template-columns: repeat(5,1fr);
        gap: 0;
        margin: 0;
        justify-content: center;
        align-items: center;
    }

        .sidebar ul .mob[b-3ncasroiku] {
            display: none;
        }

        .sidebar ul .mob-view[b-3ncasroiku] {
            display: list-item;
        }


        .sidebar ul li[b-3ncasroiku] {
            height: fit-content;
        }

            .sidebar ul li:last-child[b-3ncasroiku] {
                margin-top: auto;
                margin-bottom: 0;
            }

                .sidebar ul li:last-child a[b-3ncasroiku] {
                    margin-bottom: 0;
                }

            .sidebar ul li[b-3ncasroiku]  a {
                display: grid;
                grid-template-rows: 1fr auto;
                height: calc(100% - 1rem);
                justify-items: center;
                padding: 0;
                margin: 0;
                text-decoration: none;                
            }

                .sidebar ul li a p[b-3ncasroiku],
                .sidebar.active-menu ul li a p[b-3ncasroiku] {
                    display: flex;
                    font-weight: 400;
                    font-size: .5rem;
                    line-height: 1.125rem;
                    color: #000000;
                    margin: auto 0 0 0;
                }

        .sidebar.active ul li a p[b-3ncasroiku] {
            display: flex;
            margin: auto 0 auto 2rem;
        }

        .sidebar ul li a i[b-3ncasroiku],
        .sidebar.active-menu ul li a i[b-3ncasroiku] {
            height: 100%;
            display: flex;
            align-items: center;
        }

    .sidebar.active .tolbar a[b-3ncasroiku] {
        margin-left: auto;
        margin-right: 1.5rem;
    }


    .sidebar.active ul li .active[b-3ncasroiku] {
        margin-left: -.5rem;
    }

    .sidebar ul li .active[b-3ncasroiku] {
        background: rgba(43, 196, 214, 0.1);
        border-radius: 1rem;
        display: flex;
        flex-direction: column;
        padding: 0.5rem;
    }

        .sidebar ul li .active i[b-3ncasroiku] {
            background: none;
            padding: 0;
        }

    .sidebar ul li a.active p[b-3ncasroiku] {
        color: #2BC4D6;        
    }
    .dop-menu.active[b-3ncasroiku] {
        display: flex;
        position: absolute;
        bottom: 5rem;
        right: 0;
        border-radius: 10px;
        background: #FFF;
        box-shadow: 0px 0px 10px 0px rgba(138, 168, 182, 0.20);
    }

    .dop-menu ul[b-3ncasroiku] {
        display: flex;
    }
        .dop-menu ul li[b-3ncasroiku] {
            padding: 0;
        }
            .dop-menu ul li[b-3ncasroiku]  a p {
                color: var(--Dark-Dark-300, #B6B7C5);
                /* Paragraph/16 Medium */
                font-family: Montserrat;
                font-size: 1rem;
                font-style: normal;
                font-weight: 500;
                line-height: normal;
            }
            .dop-menu ul li[b-3ncasroiku]  a {
                display: flex;
                padding: 1rem;
                align-items: center;
                gap: 0.75rem;
                align-self: stretch;
               
            }


        .dop-menu.active svg path[b-3ncasroiku] {
            fill: rgb(157, 158, 177);
        }
    .dop-menu.active .active svg path[b-3ncasroiku] {
        fill: #2BC4D5;
    }
}
/* /Components/Layout/NotificationComponent.razor.rz.scp.css */
.card[b-7nm0sjv9ti] {
    display: flex;
    padding: 1.25rem;
    justify-content: flex-end;
    align-items: center;
    gap: 1.25rem;
    position: fixed;
    right: 1.25rem;
    top: calc(100vh - 7rem);
    border-radius: 1.25rem;
    background: var(--Main-White, #FFF);
}

    .card div[b-7nm0sjv9ti] {
        display: flex;
        align-items: center;
    }

    .card div[b-7nm0sjv9ti] {
        gap: .75rem;
    }

        .card div:first-child[b-7nm0sjv9ti] {
            gap: 1.25rem;
        }



p[b-7nm0sjv9ti] {
    font-size: .75rem;
}

.card div.text[b-7nm0sjv9ti] {
    display: flex;
    flex-direction: column;
    gap: .25rem;
}

.image svg[b-7nm0sjv9ti] {
    width: 3rem;
    height: 3rem;    
}

    .image svg path[b-7nm0sjv9ti] {
        fill: #7E6CFF;
    }

@media (max-width: 640.98px) {
    .card[b-7nm0sjv9ti] {
        right: .75rem;
        left: .75rem;
        top: calc(100vh - 17rem);
        flex-direction: column;
        gap: 1.25rem;
    }

        .card div[b-7nm0sjv9ti] {
            display: flex;
        }
}
/* /Components/Layout/RegisterFormLayout.razor.rz.scp.css */
.container[b-di9n8t41mm] {
    display: flex;
    min-height: 100vh;
}
[b-di9n8t41mm] .account-page {
    display: flex;
    align-items:center;
}
[b-di9n8t41mm] .card {
    display: flex;
    padding: 1.25rem 2rem;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 1.25rem;
    border-radius: 1.5rem;
    background: #FFF;
    margin: auto 6.25rem auto -6.25rem;
    min-width: 22.875rem;
}

[b-di9n8t41mm] .image {
    padding: 1.25rem;
}

[b-di9n8t41mm] img {
    width: 100%;
}
[b-di9n8t41mm] .form-label {
    color: var(--Dark-Dark-300, #B6B7C5);
    font-size: 0.75rem;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}

[b-di9n8t41mm] h2 {
    color: var(--Dark-Dark-1000, #0A0C3C);
    font-family: Montserrat;
    font-size: 1.5rem;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    margin: 0;
}
[b-di9n8t41mm] .form-floating {
    
}

[b-di9n8t41mm] form {
    width: 100%;
}

[b-di9n8t41mm] .btn.btn-purple-1000 {
    width:100%;
}

[b-di9n8t41mm] .btn-link-accaunt {
    display: flex;
    padding: 0.75rem 1rem;
    justify-content: center;
    align-items: center;
    gap: 0.625rem;
    align-self: stretch;
    border-radius: 0.75rem;
    color: var(--Dark-Dark-1000, #0A0C3C);
    font-size: 0.875rem;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    text-decoration-line: underline;
    text-decoration-style: solid;
    text-decoration-skip-ink: auto;
    text-decoration-thickness: auto;
    text-underline-offset: auto;
    text-underline-position: from-font;
}

[b-di9n8t41mm] p {
    color: var(--Dark-Dark-400, #9D9EB1);
    text-align: center;
    font-size: 0.875rem;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}

@media (max-width: 640.98px) {
 [b-di9n8t41mm]   .account-page {
        flex-direction: column;
    }

  [b-di9n8t41mm]  .card {
        display: flex;
        padding: 1.25rem 2rem;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        gap: 1.25rem;
        border-radius: 1.5rem;
        background: #FFF;
        margin: .75rem .75rem .75rem;
        min-width: auto;
    }
    [b-di9n8t41mm] .image {
        margin: .75rem;
        aspect-ratio: 16 / 8;
        overflow: hidden;
        border-radius: .75rem;
        padding: 0;
    }
}
/* /Components/Layout/RequireAuthorization.razor.rz.scp.css */
.modal-body[b-uxjykxgvko] {
    color: var(--Dark-Dark-400, #9D9EB1);   
    font-family: Montserrat;
    font-size: 0.75rem;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}
.footer-modal[b-uxjykxgvko] {
    width: 100%;
}

.footer-modal .btn[b-uxjykxgvko] {
    flex: 1;
}
/* /Components/Layout/SelectComponent.razor.rz.scp.css */
.select-custom[b-q6qo1oki1c] {
    display: flex;
    flex-direction:column;
    width: 100%;
    position:relative;
}
.select-custom .select-title[b-q6qo1oki1c] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    align-self: stretch;
    color: var(--Dark-Dark-400, #9D9EB1);
    font-family: Montserrat;
    font-size: 0.875rem;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    border-radius: 0.75rem;
    border: 1px solid var(--Dark-Dark-200, #CECED8);
    background: var(--Main-White, #FFF);
    padding: 0.75rem;
    cursor: pointer;
}

    .select-custom.active .select-list[b-q6qo1oki1c] {
        display: flex;
    }
    .select-custom .select-list[b-q6qo1oki1c] {
        display: none;
        width: -webkit-fill-available;
        flex-direction: column;
        align-items: flex-start;
        position: absolute;
        top: 3.25rem;
        border-radius: 0.75rem;
        border: 1px solid var(--Purple-Purple-300, #CBC4FF);
        background: var(--Main-White, #FFF);
        z-index: 10;
    }

.row-list[b-q6qo1oki1c] {
    display: flex;
    padding: 0.75rem;
    flex-direction: column;
    justify-content: space-between;
    align-items: flex-start;
    align-self: stretch;
    color: var(--Dark-Dark-1000, #0A0C3C);    
    font-family: Montserrat;
    font-size: 0.875rem;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    cursor: pointer;
}
/* /Components/Layout/SliderHeaderComponent.razor.rz.scp.css */
swiper-container[b-gycrm4k94n] {
    width: 100%;
    min-height: 10rem;
    border-radius: 1rem;
    overflow:hidden;
}
swiper-slide[b-gycrm4k94n] {
    width: calc(100% - 5rem) !important;
    height: calc(100% - 7.26rem);
    background-size: cover;
    
    padding: 3.63rem 2.5rem;
}
h3[b-gycrm4k94n] {
    color: var(--Main-White, #FFF);
    /* Title/H3 */
    font-family: Montserrat;
    font-size: 1.875rem;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    margin: 0;
    min-height: 2lh;
    width: 70%;
}
p[b-gycrm4k94n] {
    color: var(--Main-White, #FFF);
    /* Paragraph/14 Medium */
    font-family: Montserrat;
    font-size: 0.875rem;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    margin: .75rem 0 0;
    min-height: 2lh;
    width: 70%;
}

.btn[b-gycrm4k94n] {
    border-radius: 0.75rem;
    background: var(--Main-White, #FFF);
    color: var(--Dark-Dark-1000, #0A0C3C);
    /* Paragraph/14 Semibold */
    font-family: Montserrat;
    font-size: 0.875rem;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    display: flex;
    padding: 0.75rem 1rem;
    justify-content: center;
    align-items: center;
    width: fit-content;
    margin-top: 1.25rem;

}
    [b-gycrm4k94n] .swiper-pagination-bullet {
        opacity: 0.3 !important;
        background: #FFF !important;
    }
[b-gycrm4k94n] .swiper-pagination {
    display: flex;
}

@media (max-width: 640.98px) {
    h3[b-gycrm4k94n] {
        color: var(--Main-White, #FFF);
        /* Paragraph/16 Semibold */
        font-family: Montserrat;
        font-size: 1rem;
        font-style: normal;
        font-weight: 600;
        line-height: normal;
    }
    p[b-gycrm4k94n] {
        font-size: 0.625rem;
    }
    swiper-slide[b-gycrm4k94n] {
        padding: .75rem 1rem;
        width: 100% !important;
        height: 100%;
        background-size: cover;
        background-position-x: -19rem;
    }    
}
/* /Components/Pages/Admin/Company/Index.razor.rz.scp.css */
.block[b-hudaa1fy94] {
    max-width: 1260px;
    margin: auto;
}
.block-title[b-hudaa1fy94] {
    display: flex;
    padding: 1rem 0;
}
.card[b-hudaa1fy94] {
    padding: 1rem;
    display: flex;
    justify-content: start;
    border-radius: .5rem;
    background: #FFF;
    gap: 1rem;
    box-shadow: 0px 0px 10px 0px rgba(138, 168, 182, 0.20);
    color: rgb(128, 128, 128);
}
.avatar[b-hudaa1fy94] {
    display: flex;
    align-items: center;
    justify-content: center;
}
p[b-hudaa1fy94] {
    margin: 0;
}

dt[b-hudaa1fy94] {
    font-size: .75rem;
}

dd[b-hudaa1fy94] {
    margin: 0;
    color: #000000;
    line-height: 1;
    min-height: 1rem;
}
/* /Components/Pages/Admin/Consultation/Index.razor.rz.scp.css */
.card-list[b-1h4kb3aa40] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    width: fit-content;
    margin:0 auto;
}

.card[b-1h4kb3aa40] {
    display:grid;
    grid-template-columns:auto 1fr 1fr;
    gap: 1rem;
    align-items:center;
    padding: 1rem;
}
.card-time[b-1h4kb3aa40] {
    display: flex;
    gap: 1rem;
}

.avatar img[b-1h4kb3aa40] {
    max-width: 5rem;
    border-radius: 1rem;
}

.user[b-1h4kb3aa40],
.worker[b-1h4kb3aa40] {
    display: flex;
    align-items:center;
    gap: .5rem;
}

p[b-1h4kb3aa40] {
    margin:0;
}
label[b-1h4kb3aa40] {
    font-size: .75rem;
}
/* /Components/Pages/Admin/Consultation/UserConsultation.razor.rz.scp.css */
.card-list[b-25zap60zx9] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    width: fit-content;
    margin: 0 auto;
}

.card[b-25zap60zx9] {
    display: grid;
    grid-template-columns: 1fr;
    gap: 1rem;
    align-items: center;
    padding: 1rem;
}

.card-consultation[b-25zap60zx9] {
    display: grid;
    grid-template-columns: auto 1fr;
    gap: 1rem;
    align-items: center;
    padding: 1rem;
}

.card-time[b-25zap60zx9] {
    display: flex;
    gap: 1rem;
}

.avatar img[b-25zap60zx9] {
    max-width: 5rem;
    border-radius: 1rem;
}

.user[b-25zap60zx9],
.worker[b-25zap60zx9] {
    display: flex;
    align-items: center;
    gap: .5rem;
}

p[b-25zap60zx9] {
    margin: 0;
}

label[b-25zap60zx9] {
    font-size: .75rem;
}
/* /Components/Pages/Admin/PanelAdminComponent.razor.rz.scp.css */
/* /Components/Pages/Admin/SchedulePage/Index.razor.rz.scp.css */
.block[b-hnuoozc3y5] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}
.card-date[b-hnuoozc3y5] {
    background: #fff;
    padding: 1rem;
    border-radius: .75rem;
}
    .card-date h4[b-hnuoozc3y5] {
        margin-bottom: 1rem;
        font-family: Montserrat;
        font-size: 1rem;
        font-style: normal;
        font-weight: 600;
        line-height: normal;
        color: #0A0C3C;
    }
    .card-date .card-body[b-hnuoozc3y5] {
        display:grid;
        grid-template-columns: 1fr 1fr;
        gap: 1rem;
    }
.card-worker[b-hnuoozc3y5] {
    border-radius: 0.75rem;
    display: flex;
    overflow: hidden;
    gap: 1rem;
    max-height: 4rem;
}
.avatar[b-hnuoozc3y5] {
    
}
.worker-body[b-hnuoozc3y5] {    
    padding: 1rem 1rem 1rem 0;
}
.avatar img[b-hnuoozc3y5] {
    height: 100%;
}

/* /Components/Pages/Admin/User/DetailsWorker.razor.rz.scp.css */
.block[b-9z8nsn80v5] {
    display: grid;
    grid-template-columns: 3fr 1.2fr;
    gap: 2rem;
    margin-top: 2.5rem;
    max-width: 1260px;
    margin: 2rem auto 0;
}

[b-9z8nsn80v5] .w-100 {
    width: 100%;
}

.avatar-worker[b-9z8nsn80v5] {
    border-radius: 2rem;
    overflow: hidden;
}

    .avatar-worker img[b-9z8nsn80v5] {
        width: 100%;
    }

.title-worker[b-9z8nsn80v5] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 1rem;
}

.name-worker[b-9z8nsn80v5] {
    margin: 0 0 1rem 0;
    display: flex;
    flex-direction: column;
}

    .calendar h4[b-9z8nsn80v5],
    .name-worker h4[b-9z8nsn80v5] {
        color: #151D2A;
        font-family: "Montserrat";
        font-size: 1.25rem;
        font-style: normal;
        font-weight: 500;
        line-height: normal;
    }

    .name-worker label[b-9z8nsn80v5] {
        font-size: 0.8125rem;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
        margin-bottom: .5rem;
    }

.card-title[b-9z8nsn80v5] {
    display: flex;
    gap: 1.5rem;
    margin-top: auto;
}

    .card-title div[b-9z8nsn80v5] {
        flex: 1;
        border-radius: 0.625rem;
        background: #FFF;
        padding: .5rem;
        text-align: center;
        box-shadow: 0px 0px .625rem rgb(138 168 182 / 20%);
    }

    .card-title p[b-9z8nsn80v5] {
        color: #000;
        text-align: center;
        font-family: "Montserrat";
        font-size: 0.9375rem;
        font-style: normal;
        font-weight: 500;
        line-height: 1.3125rem;
        margin: 0;
    }

    .card-title label[b-9z8nsn80v5] {
        color: var(--Font_gray, #4F4F4F);
        text-align: center;
        font-family: "Montserrat";
        font-size: 0.8125rem;
        font-style: normal;
        font-weight: 500;
        line-height: normal;
    }

.about-worker[b-9z8nsn80v5] {
    margin-top: 2rem;
}

    .about-worker label[b-9z8nsn80v5] {
        font-size: 0.8125rem;
        font-style: normal;
        font-weight: 500;
        line-height: normal;
        margin-bottom: .5rem;
    }

    .about-worker p[b-9z8nsn80v5] {
        color: #151D2A;
        font-family: "Montserrat";
        font-size: 0.8125rem;
        font-style: normal;
        font-weight: 400;
        line-height: 1.25rem;
    }

.reviews[b-9z8nsn80v5] {
    margin-bottom: 3rem;
}

    .reviews p[b-9z8nsn80v5],
    .reviews label[b-9z8nsn80v5] {
        font-size: 0.8125rem;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
        margin-bottom: .5rem;
    }

.card-calendar[b-9z8nsn80v5] {
    background: #fff;
    padding: 1rem;
    border-radius: 1rem;
    margin-top: 1rem;
}

.diplom-list[b-9z8nsn80v5] {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    width: 100%;
    gap: 1rem;
}

    .diplom-list .scan[b-9z8nsn80v5] {
        width: 100%;
        display: flex;
        flex-direction: column;
        overflow: hidden;
    }

        .diplom-list .scan .image[b-9z8nsn80v5] {
            width: 100%;
            overflow: hidden;
            aspect-ratio: 3/2;
            display: flex;
            justify-content: center;
        }

        .diplom-list .scan .image img[b-9z8nsn80v5] {
            height: 100%;
        }

.diplom[b-9z8nsn80v5] {
    display:flex;
    flex-direction:column;
    gap: .5rem;
}
.diplom-title[b-9z8nsn80v5] {
    display:flex;
    gap: 1rem;
}
.diplom-title p[b-9z8nsn80v5] {
    margin:0;
}

.message-block[b-9z8nsn80v5] {
    background: #fff;
    border-radius: 1rem;
    padding: 1rem;
    position: sticky;
    top: 1rem;
    max-height: calc(100vh - 10rem);
    display: flex;
    flex-direction: column;
}
.message-body[b-9z8nsn80v5] {
    flex: 1;
    display:flex;
    flex-direction:column;
    gap:.5rem;
}

.message[b-9z8nsn80v5] {
    background: var(--Color-5, #EAF8FA);
    border-radius: 0 .5rem .5rem .5rem;
    padding: .5rem;
    display: flex;
    flex-direction: column;
    gap: .25rem;
}
.message-card-footer[b-9z8nsn80v5] {
    display: flex;
    justify-content:end;
}
.message label[b-9z8nsn80v5] {
    font-size: .75rem;
    margin-left: auto;
}
.message-footer[b-9z8nsn80v5]  textarea {
    border-radius: .5rem;
}

@media (max-width: 640.98px) {
    .block[b-9z8nsn80v5] {
        grid-template-columns: 1fr;
        margin-bottom: 6rem;
    }

    .title-worker[b-9z8nsn80v5] {
        grid-template-columns: 1fr;
    }
}
/* /Components/Pages/Admin/User/Index.razor.rz.scp.css */
.block[b-cdtws5b6ga] {
    max-width: 1260px;
    margin: auto;
}
/* /Components/Pages/Admin/User/WorkerList.razor.rz.scp.css */
.title-w[b-5euldwfo4w] {
    display:flex;
    gap: 1rem;
    margin: 1rem 0;
}

.btn-filter[b-5euldwfo4w] {
    border-radius: 1rem;
    background: #EAF9FB;
    color: #151D2A;
    font-size: .875rem;
    padding: 0.5rem 1rem;
    margin: 0 0.5rem .5rem 0;
    align-items: center;
    display: inline-flex;
    cursor: pointer;
}
.list-w[b-5euldwfo4w] {
    display:flex;
    flex-direction: column;
    gap: 1rem;
}




.card-w[b-5euldwfo4w] {
    background: #fff;
    border-radius: 1rem;
    overflow:hidden;
}
    .card-w .main-w[b-5euldwfo4w] {
        display: grid;
        gap: 1rem;
        grid-template-columns: 1fr 5fr;
    }

.body-w[b-5euldwfo4w] {
    display: flex;
    flex-direction:column;
    flex:1;
    padding: 1rem;
    gap: .5rem;
}

.avatar-w img[b-5euldwfo4w] {
    width: 100%;
}

.title-card-w[b-5euldwfo4w] {
    display: flex;
    align-items: center;
}



.title-left[b-5euldwfo4w] {
    display: flex;
    gap: .5rem;
    flex-direction: column;
}
    .title-left .row[b-5euldwfo4w] {
    display: flex;
    gap: 1rem;
    margin-top: 0;
    }
    .title-left .row p[b-5euldwfo4w] {
        margin: 0;
    }
    .title-left label[b-5euldwfo4w] {
        width: fit-content;
    }

.title-card-w p[b-5euldwfo4w] {
    margin: 0;
}
.block-button[b-5euldwfo4w] {
    display: flex;
    gap: 1rem;
    justify-content: end;
    flex: 1;
}

.hidden[b-5euldwfo4w] {
    display: none;
}
.hidden.active[b-5euldwfo4w] {
    display:grid;
    grid-template-columns: 1fr;
    gap: 1rem;
    padding: 1rem;
}
.avatar-video video[b-5euldwfo4w] {
    width: 100%;
}

.institut-list[b-5euldwfo4w] {
    display: flex;
    flex-direction:column;
    gap: .5rem;
}

label[b-5euldwfo4w] {
    background: var(--primary);
    font-size: .85rem;
    color: #fff;
    padding: .25rem .5rem;
    border-radius: .5rem;
}

.title-i[b-5euldwfo4w] {
    font-size: 1.25rem;
    font-weight: 500;
    margin-bottom: 1rem;
}

.diplom-list[b-5euldwfo4w] {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    width: 100%;
    gap: 1rem;
}

    .diplom-list .scan[b-5euldwfo4w] {
        width: 100%;
        display: flex;
        flex-direction: column;
        overflow: hidden;
    }

        .diplom-list .scan div[b-5euldwfo4w] {
            width: 100%;
            overflow: hidden;
            aspect-ratio: 3/2;
            display: flex;
            justify-content: center;
        }

            .diplom-list .scan div img[b-5euldwfo4w] {
                height: 100%;
            }

.body-w h6[b-5euldwfo4w] {
    margin: 0;
    font-size: 1rem;
}

.modal-card[b-5euldwfo4w] {
    display: flex;
    flex-direction: column;
    border-radius: 30px;
    background: #fff;
    box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.10);
    height: fit-content;
    margin: auto;
    width: max-content;
}

p[b-5euldwfo4w] {
    margin: 0;
    font-size: .75rem;
}

.modal-body[b-5euldwfo4w] {
    display: grid;
    grid-template-columns: auto 1fr;
}

.card[b-5euldwfo4w] {
    padding: 1rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    cursor: pointer;
}

.switch.active .slider[b-5euldwfo4w] {
    background: #2BC4D6;
    border-radius: 1rem;
    font-weight: 500;
    color: #fff;
}

.card:hover[b-5euldwfo4w] {
    background: rgba(255, 255, 255, 1);
    border-radius: 1rem;
}

/*.active:hover {
    background: #2BC4D6;
    border-radius: 1rem;
    color: #fff;
}*/

.footer-card[b-5euldwfo4w] {
    text-align: center;
    font-size: .75rem;
}

.img[b-5euldwfo4w]  svg {
    max-width: 8rem;
    height: min-content;
    margin-bottom: 0.5rem;
}

.modal-title[b-5euldwfo4w] {
    position: relative;
}

    .modal-title .btn-close-modal[b-5euldwfo4w] {
        position: absolute;
        top: -1.5rem;
        right: -1.5rem;
        border: none;
        background: #fff;
        border-radius: 2rem;
        filter: drop-shadow(0px 0px 20px rgba(138, 168, 182, 0.20));
        padding: 1rem 1.15rem;
    }

.modal-footer[b-5euldwfo4w] {
    display: grid;
    grid-template-columns: 1fr auto;
}

    .modal-footer .name[b-5euldwfo4w] {
        display: flex;
        align-items: center;
        margin-left: 1rem;
        font-size: .85rem;
    }

.body-card[b-5euldwfo4w] {
    padding: 2rem 2rem 1rem;
}

    .body-card span[b-5euldwfo4w] {
        font-size: .85rem;
        color: #2BC4D6;
    }

    .body-card label[b-5euldwfo4w] {
        color: #4F4F4F;
        font-size: .75rem;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
    }

.header .grid-head h4[b-5euldwfo4w] {
    font-size: 1.25rem;
    line-height: 1;
    text-transform: uppercase;
    color: #151D2A;
    font-weight: 500;
    margin-top: .5rem;
}

.body-card p[b-5euldwfo4w] {
    color: #151D2A;
    font-family: "Montserrat";
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    line-height: 21px;
    margin-bottom: .25rem;
}


.info label[b-5euldwfo4w] {
    background: #2BC4D6;
    color: #fff;
    border-radius: 2rem;
    padding: 0.5rem 0.85rem;
    margin-left: .5rem;
    cursor: pointer;
    z-index: 110;
    position: relative;
}

.block-notes[b-5euldwfo4w] {
    display: flex;
    margin-bottom: 1rem;
}

.notes .switch[b-5euldwfo4w] {
    margin-bottom: .5rem;
}

    .notes .switch:last-child[b-5euldwfo4w] {
        margin-bottom: 0;
    }

.buttons[b-5euldwfo4w] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 1rem;
    justify-content: center;
    align-items: end;
    margin: 1rem 0 0 0;
}


    .buttons button[b-5euldwfo4w] {
        font-weight: 500;
    }

.avatar[b-5euldwfo4w] {
    max-width: 20rem;
    padding: 1rem;
    border-radius: 2rem;
    background: #F8F9FE;
    text-align: center;
    display: flex;
    align-items: center;
}

    .avatar[b-5euldwfo4w]  .w-100 {
        width: 100%;
        border-radius: 1.25rem;
    }

    .avatar h4[b-5euldwfo4w] {
        color: #151D2A;
        text-align: center;
        font-size: 28px;
        font-weight: 500;
        line-height: 1;
        margin: 1rem 0 0;
    }

    .avatar label[b-5euldwfo4w] {
        color: #4F4F4F;
        text-align: center;
        font-size: .75rem;
        font-weight: 500;
        line-height: 1;
    }

    .avatar .grid[b-5euldwfo4w] {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        margin: 1rem 0;
    }

        .avatar .grid label[b-5euldwfo4w] {
            color: #4F4F4F;
            text-align: center;
            font-family: "Montserrat";
            font-size: 13px;
            font-style: normal;
            font-weight: 400;
            line-height: normal;
        }

        .avatar .grid p[b-5euldwfo4w] {
            color: #000;
            text-align: center;
            font-family: "Montserrat";
            font-size: 15px;
            font-style: normal;
            font-weight: 500;
            line-height: 21px; /* 140% */
        }

@media (max-width: 640.98px) {
    .modal-body[b-5euldwfo4w] {
        grid-template-columns: 1fr;
    }

    .avatar[b-5euldwfo4w] {
        justify-content: center;
    }
} 
/* /Components/Pages/Admin/Voximplant/Index.razor.rz.scp.css */
.list[b-4n6wayevpm] {
    display: flex;
    flex-direction:column;
    gap: 1rem;
}

.card[b-4n6wayevpm] {
    background: #fff;
    padding: 1rem;
    border-radius: 1rem;
}
/* /Components/Pages/Awards/AwardsBlock.razor.rz.scp.css */
.block[b-wkfd8o176l] {
    display: flex;
    padding: 0.75rem;
    flex-direction: column;
    align-items: flex-start;
    gap: 0.5rem;
    align-self: stretch;
    border-radius: 1rem;
    background: #FFF;
}
.block-title[b-wkfd8o176l] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    align-self: stretch;
}

.btn-group[b-wkfd8o176l] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.btn-circle[b-wkfd8o176l] {
    display: flex;
    height: 2.75rem;
    padding: 0.75rem 1rem;
    justify-content: center;
    align-items: center;
    gap: 0.625rem;
    border-radius: 0.75rem;
    background: var(--Dark-Blue-Dark-Blue-100, #EBEFFF);
}
.block-grid[b-wkfd8o176l] {    
    display: grid;
    grid-template-columns: repeat(5,1fr);    
    width: 100%;
}

.card[b-wkfd8o176l] {
    display: flex;   
    padding: 0.5rem 0;
    flex-direction: column;
    align-items: center;
    gap: 1rem;
}

.progress[b-wkfd8o176l] {
    margin: .75rem;
    display: flex;    
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 0.625rem;
}

.body-card[b-wkfd8o176l] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0.5rem;
    align-self: stretch;
}

p[b-wkfd8o176l] {
    color: var(--Dark-Dark-400, #9D9EB1);
    text-align: center;
    /* Paragraph/12 Medium */
    font-family: Montserrat;
    font-size: 0.75rem;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}

.img[b-wkfd8o176l] {
    display: flex;
    align-items: center;
    justify-content: center;
    max-height: 6rem;
}

@media (max-width: 640.98px) {
    .block[b-wkfd8o176l] {
        margin: 0 .75rem;
    }
    .block-grid[b-wkfd8o176l] {
        display: flex;
        gap: 1.25rem;
        overflow-y: auto;
        scrollbar-width: none;
    }
    .card[b-wkfd8o176l] {
        width: calc(100% / 2);
        min-width: calc(100% / 2);
    }
    .button-arrow-block[b-wkfd8o176l] {
        display: none;
    }
}
/* /Components/Pages/Awards/Index.razor.rz.scp.css */
.container[b-d8kh55utkg] {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 1.25rem;
}

.block[b-d8kh55utkg] {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 1.25rem;
    width: 100%;
}

@media (max-width: 640.98px) {
    .block h4[b-d8kh55utkg] {
        margin: 0 .75rem;
    }
}
/* /Components/Pages/ChallengePage/ChallengeComent.razor.rz.scp.css */
.card[b-tk6p1o50la] {
    display: flex;
    padding: 1rem;
    flex-direction: column;
    justify-content: start;
    align-items: flex-start;
    align-self: stretch;
    gap: 1.25rem;
    border-radius: 1rem;
    background: var(--Main-White, #FFF);
}

.comment-list[b-tk6p1o50la] {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: flex-start;
    align-self: stretch;
    gap: 1.25rem;
}

.comment-title[b-tk6p1o50la] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    align-self: stretch;
}

.user[b-tk6p1o50la] {
    display: flex;
    align-items: center;
    gap: 1rem;
}

.comment[b-tk6p1o50la] {
    display: flex;
    flex-direction: column;
    gap: .75rem;
    width: 100%;
}

.avatar[b-tk6p1o50la] {
    width: 2.5rem;
    height: 2.5rem;
}

    .avatar img[b-tk6p1o50la] {
        width: 100%;
    }

.user h4[b-tk6p1o50la] {
    color: var(--Dark-Dark-1000, #0A0C3C);
    font-size: 1rem;
}

.text[b-tk6p1o50la],
.user p[b-tk6p1o50la] {
    color: var(--Dark-Dark-400, #9D9EB1);
    font-size: 0.75rem;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}

.btn-fav[b-tk6p1o50la] {
}

.comment-footer[b-tk6p1o50la] {
    border-radius: 1rem;
    background: var(--Dark-Blue-Dark-Blue-50, #F8F9FE);
    display: flex;
    padding: 0.75rem;
    justify-content: space-between;
    align-items: center;
    align-self: stretch;
    margin-top: auto;
    gap: .5rem;
}

    .comment-footer div[b-tk6p1o50la] {
        color: var(--Dark-Dark-400, #9D9EB1);
        /* Paragraph/14 Medium */
        font-family: Montserrat;
        font-size: 0.875rem;
        font-style: normal;
        font-weight: 500;
        line-height: normal;
    }

.btn-fav[b-tk6p1o50la] {
    margin-left: auto;
    display: flex;
    align-items: center;
    padding: 0.5rem 1rem;
    justify-content: center;
    align-items: center;
    gap: 0.5rem;
    border-radius: 2.5rem;
    background: var(--Dark-Blue-Dark-Blue-100, #EBEFFF);
    color: var(--Dark-Dark-1000, #0A0C3C);
    font-size: 0.875rem;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}


@media (max-width: 640.98px) {
}
/* /Components/Pages/ChallengePage/CurrentChallenges.razor.rz.scp.css */
.title[b-wgfkd7t96f] {
    display: flex;
    justify-content:space-between;
    align-items:center;
}

.list-card .card[b-wgfkd7t96f] {
    display: flex;
    flex-direction: column;
    gap: 1.25rem;
    width: calc(100% / 4);
}

    .list-card .card:hover[b-wgfkd7t96f] {
        border-radius: 1rem;
        background: #FFF;
        box-shadow: 0 4px 14px 0 rgba(0, 0, 0, 0.05);
        margin-bottom: -.75rem;
    }

        .list-card .card:hover .card-footer[b-wgfkd7t96f] {
            padding: 0 .75rem .75rem;
        }

    .list-card .card .img[b-wgfkd7t96f] {
        position: relative;
        border-radius: 0.75rem;
        aspect-ratio: 18.75/10;
        overflow: hidden;
    }


        .list-card .card .img img[b-wgfkd7t96f] {
            min-height: 100%;
            width: auto;
            justify-content: center;
            display: flex;
        }

        .list-card .card .img .block-label-img[b-wgfkd7t96f] {
            position: absolute;
            top: .5rem;
            left: .5rem;
            display: flex;
            gap: .5rem;
        }

        .list-card .card .img label[b-wgfkd7t96f] {
            display: inline-flex;
            padding: 0.25rem 0.5rem;
            justify-content: center;
            align-items: center;
            gap: 0.625rem;
            border-radius: 0.25rem;
            background: var(--Main-White, #FFF);
            color: var(--Dark-Dark-1000, #0A0C3C);
            font-size: 0.625rem;
            font-style: normal;
            font-weight: 600;
            line-height: normal;
        }

.card-footer h5[b-wgfkd7t96f] {
    margin-bottom: .5rem;
}

.card-footer .label-list[b-wgfkd7t96f] {
    display: flex;
    align-items: flex-start;
    gap: 0.5rem;
    align-self: stretch;
}

.card-footer label[b-wgfkd7t96f] {
    display: flex;
    padding: 0.25rem 0.75rem;
    justify-content: center;
    align-items: center;
    gap: 0.5rem;
    border-radius: 2.5rem;
    background: var(--Purple-Purple-100, #E5E2FF);
    color: var(--Purple-Purple-1000, #7E6CFF);
    font-size: 0.75rem;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}



.block-info[b-wgfkd7t96f] {
    display: flex;
    flex-direction: column;
    padding: 1rem;
    align-items: center;
    justify-content: center;
}

    .block-info p[b-wgfkd7t96f] {
        color: var(--Main-White, #FFF);
        /* Paragraph/14 Medium */
        font-family: Montserrat;
        font-size: 0.875rem;
        font-style: normal;
        font-weight: 500;
        line-height: normal;
        opacity: 0.7;
        margin-bottom: 1.5rem;
    }

.button-block[b-wgfkd7t96f] {
    display: flex;
    gap: .5rem;
}

    .button-block .time[b-wgfkd7t96f],
    .button-block .btn[b-wgfkd7t96f] {
        display: flex;
        padding: 0.75rem 1rem;
        justify-content: center;
        align-items: center;
        gap: 0.625rem;
        border-radius: 0.75rem;
        background: var(--Main-White, #FFF);
        color: var(--Dark-Dark-1000, #0A0C3C);
        /* Paragraph/14 Semibold */
        font-family: Montserrat;
        font-size: 0.875rem;
        font-style: normal;
        font-weight: 600;
        line-height: normal;
    }

    .button-block .time[b-wgfkd7t96f] {
        background: var(--Pink-Pink-800, #F1A0FF);
    }


.banner .img-block[b-wgfkd7t96f] {
    position: relative;
    display: flex;
    flex-wrap: wrap;
}

    .banner .img-block img[b-wgfkd7t96f] {
        border-radius: 0.75rem;
        aspect-ratio: 18.75 / 10;
        overflow: hidden;
        margin-top: -1rem;
    }

    .banner .img-block .img-1[b-wgfkd7t96f] {
        transform: rotate(-7.796deg);
        flex-shrink: 0;
    }

    .banner .img-block .img-2[b-wgfkd7t96f] {
        transform: rotate(13.207deg);
        flex-shrink: 0;
        margin: -5rem 2rem 0 auto;
    }

@media (max-width: 640.98px) {

    .list-card .card[b-wgfkd7t96f] {
        width: calc(100% / 1.25);
    }

    .banner[b-wgfkd7t96f] {
        margin: 0 .75rem 1.25rem;
        flex-direction: column-reverse;
    }

        .banner .img-block img[b-wgfkd7t96f] {
            margin-top: 0;
        }

        .banner .img-block .img-2[b-wgfkd7t96f] {
            margin: -4rem -1rem 0 auto;
            width: 60%;
        }

        .banner .img-block .img-1[b-wgfkd7t96f] {
            transform: rotate(-7.796deg);
            flex-shrink: 0;
            width: 60%;
        }
}
/* /Components/Pages/ChallengePage/Details.razor.rz.scp.css */
.container[b-l7imtu7802] {
    display: flex;
    flex-direction: column;
    gap: 1.25rem;
}
.one[b-l7imtu7802] {
    display: grid;
    grid-template-columns: 46fr 30fr;
    gap: 1.25rem;
}

.left[b-l7imtu7802] {
    display:flex;
    flex-direction:column;
    gap: 1.25rem;
}

.main-block[b-l7imtu7802] {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 1.25rem;
}

.img[b-l7imtu7802] {
    position: relative;
    overflow: hidden;
    aspect-ratio: 2.3 / 1;
    border-radius: 1rem;
    display: flex;
    align-items: center;
    width: 100%;
}

    .img img[b-l7imtu7802] {
        width: 100%;
    }

.text-block[b-l7imtu7802] {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: .75rem;
}

    .text-block  p[b-l7imtu7802] {
        color: var(--Dark-Dark-400, #9D9EB1);
        font-size: 0.75rem;
        font-style: normal;
        font-weight: 500;
        line-height: normal;
        text-align: justify;
    }

.label-block-footer[b-l7imtu7802],
.footer-news[b-l7imtu7802] {
    display: flex;
    align-items: center;
}

.footer-news[b-l7imtu7802] {
    justify-content: space-between;
    width: 100%;
}

.label-block-footer[b-l7imtu7802] {
    gap: .5rem;
}

    .date[b-l7imtu7802],
    .label-block-footer div[b-l7imtu7802] {
        display: flex;
        align-items: center;
        padding: 0.5rem 1rem;
        justify-content: center;
        align-items: center;
        gap: 0.5rem;
        border-radius: 2.5rem;
        background: var(--Dark-Blue-Dark-Blue-100, #EBEFFF);
        color: var(--Dark-Dark-1000, #0A0C3C);
        font-size: 0.875rem;
        font-style: normal;
        font-weight: 500;
        line-height: normal;
    }

.author-card[b-l7imtu7802] {
    display: flex;
    padding: 1rem;
    justify-content: start;
    align-items: center;
    align-self: stretch;
    border-radius: 1rem;
    background: var(--Main-White, #FFF);
    gap: 1.25rem;
}

.button-block[b-l7imtu7802] {
    margin-left: auto;
}

.avatar[b-l7imtu7802] {
    width: 4.875rem;
    height: 4.875rem;
    aspect-ratio: 1/1;
    border-radius: 0.5rem;
    overflow: hidden;
}

    .avatar img[b-l7imtu7802] {
        width: 100%;
    }

.author-card small[b-l7imtu7802] {
    color: var(--Purple-Purple-1000, #7E6CFF);
    font-size: 0.75rem;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}

.author-card p[b-l7imtu7802] {
    color: var(--Dark-Dark-400, #9D9EB1);
    font-size: 0.75rem;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}

.author-card h4[b-l7imtu7802] {
    margin: .5rem 0 .25rem;
}

.text[b-l7imtu7802] {
    display: flex;
    flex-direction: column;
    align-items: start;
    justify-content: center;
}

.active svg[b-l7imtu7802] {
    fill: var(--Purple-Purple-1000, #7E6CFF);
}

.two[b-l7imtu7802] {
    display:flex;
    flex-direction:column;
    gap:1.25rem;
}

@media (max-width: 640.98px) {
    .one[b-l7imtu7802] {
        grid-template-columns: 1fr;
        margin: 0 .75rem;
    }
    .two[b-l7imtu7802] {
        margin: 0 0 1.25rem .75rem;
    }
        .two[b-l7imtu7802]  .title {
            margin-right: .75rem;
        }
    .btn-list .btn[b-l7imtu7802] {
        width: 100%;
    }

    .btn-list .card-footer[b-l7imtu7802] {
        display: flex;
        flex-direction:column;
        gap: .5rem;
    }
    .btn-list .card-footer .btn[b-l7imtu7802]{
        width: auto;
    }
}
/* /Components/Pages/ChallengePage/Index.razor.rz.scp.css */
.container[b-miw8gxov22] {
    display: flex;
    flex-direction: column;
    gap: 1.25rem;
}

.list-card[b-miw8gxov22] {
    display: grid;
    grid-template-columns: repeat(3,1fr);
    gap: 1.25rem;
}

.list-card .card[b-miw8gxov22] {
    display: flex;
    flex-direction: column;
    gap: 1.25rem;
    width: auto;
    cursor: pointer;
}

    .list-card .card .img[b-miw8gxov22] {
        position: relative;
        border-radius: 0.75rem;
        aspect-ratio: 18.75/10;
        overflow: hidden;
    }

        .list-card .card .img img[b-miw8gxov22] {
            min-height: 100%;
            width: 100%;
            justify-content: center;
            display: flex;
        }

        .list-card .card .img .block-label-img[b-miw8gxov22] {
            position: absolute;
            top: .5rem;
            left: .5rem;
            display: flex;
            gap: .5rem;
        }

        .list-card .card .img label[b-miw8gxov22] {
            display: inline-flex;
            padding: 0.25rem 0.5rem;
            justify-content: center;
            align-items: center;
            gap: 0.625rem;
            border-radius: 0.25rem;
            background: var(--Main-White, #FFF);
            color: var(--Dark-Dark-1000, #0A0C3C);
            font-size: 0.625rem;
            font-style: normal;
            font-weight: 600;
            line-height: normal;
        }

.card-footer h5[b-miw8gxov22] {
    margin-bottom: .5rem;
}

.card-footer .label-list[b-miw8gxov22] {
    display: flex;
    align-items: flex-start;
    gap: 0.5rem;
    align-self: stretch;
}

.card-footer label[b-miw8gxov22] {
    display: flex;
    padding: 0.25rem 0.75rem;
    justify-content: center;
    align-items: center;
    gap: 0.5rem;
    border-radius: 2.5rem;
    background: var(--Purple-Purple-100, #E5E2FF);
    color: var(--Purple-Purple-1000, #7E6CFF);
    font-size: 0.75rem;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}

.banner[b-miw8gxov22] {
    background-image: url(svg/block-bg-pink-1000.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    border-radius: 1rem;
    overflow: hidden;
    display: flex;
    margin-bottom: 1.25rem;
}

    .banner .block-info[b-miw8gxov22],
    .banner .img-block[b-miw8gxov22] {
        flex: 1;
    }

.header-challenge[b-miw8gxov22] {
    color: var(--Main-White, #FFF);
    /* Title/H2 */
    font-family: Montserrat;
    font-size: 2.375rem;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    margin-bottom: .75rem;
}

.block-info[b-miw8gxov22] {
    display: flex;
    flex-direction: column;
    padding: 1rem;
    align-items: center;
    justify-content: center;
}

    .block-info p[b-miw8gxov22] {
        color: var(--Main-White, #FFF);
        /* Paragraph/14 Medium */
        font-family: Montserrat;
        font-size: 0.875rem;
        font-style: normal;
        font-weight: 500;
        line-height: normal;
        opacity: 0.7;
        margin-bottom: 1.5rem;
    }

.button-block[b-miw8gxov22] {
    display: flex;
    gap: .5rem;
}

    .button-block .time[b-miw8gxov22],
    .button-block .btn[b-miw8gxov22] {
        display: flex;
        padding: 0.75rem 1rem;
        justify-content: center;
        align-items: center;
        gap: 0.625rem;
        border-radius: 0.75rem;
        background: var(--Main-White, #FFF);
        color: var(--Dark-Dark-1000, #0A0C3C);
        /* Paragraph/14 Semibold */
        font-family: Montserrat;
        font-size: 0.875rem;
        font-style: normal;
        font-weight: 600;
        line-height: normal;
    }

    .button-block .time[b-miw8gxov22] {
        background: var(--Pink-Pink-800, #F1A0FF);
    }


.banner .img-block[b-miw8gxov22] {
    position: relative;
    display: flex;
    flex-wrap: wrap;
}

    .banner .img-block img[b-miw8gxov22] {
        border-radius: 0.75rem;
        aspect-ratio: 18.75 / 10;
        overflow: hidden;
        margin-top: -1rem;
    }

    .banner .img-block .img-1[b-miw8gxov22] {
        transform: rotate(-7.796deg);
        flex-shrink: 0;
    }

    .banner .img-block .img-2[b-miw8gxov22] {
        transform: rotate(13.207deg);
        flex-shrink: 0;
        margin: -5rem 2rem 0 auto;
    }

.left[b-miw8gxov22] {
    display: flex;
    flex-direction: column;
    gap: 1.25rem;
}

.button-filter-list[b-miw8gxov22] {
    margin-bottom: 0;
}

.two[b-miw8gxov22] {
    display: grid;
    grid-template-columns: 2.55fr 1fr;
    gap: 1.25rem;
}
.mob-off[b-miw8gxov22] {
    display: block;
}
@media (max-width: 640.98px) {

    .section-title[b-miw8gxov22] {
        margin-bottom: 0;
    }

    .list-card[b-miw8gxov22] {
        grid-template-columns: 1fr;
    }

    .button-filter-list[b-miw8gxov22] {
        padding: 0 0 0 .75rem;
        flex-wrap: nowrap;
        overflow-y: auto;
        scrollbar-width: none;
        max-width: calc(100vw - .75rem);
    }
    .left h4[b-miw8gxov22] {
        padding: 0 .75rem;
    }
    .two[b-miw8gxov22] {
        grid-template-columns: 1fr;
    }

    .right[b-miw8gxov22] {
        order: 1;
    }
    .left[b-miw8gxov22] {
        order: 2;
    }

    .list-card .card[b-miw8gxov22] {
        width: auto;
    }

    .banner[b-miw8gxov22] {
        margin: 0 .75rem 1.25rem;
        flex-direction: column-reverse;
    }

        .banner .img-block img[b-miw8gxov22] {
            margin-top: 0;
        }

        .banner .img-block .img-2[b-miw8gxov22] {
            margin: -4rem -1rem 0 auto;
            width: 60%;
        }

        .banner .img-block .img-1[b-miw8gxov22] {
            transform: rotate(-7.796deg);
            flex-shrink: 0;
            width: 60%;
        }
    .mob-view[b-miw8gxov22] {
        flex-direction: column;
    }
    .mob-view .my-awards[b-miw8gxov22] {
        display: none;        
        margin: 0 .75rem;
    }
    .mob-view .my-awards.active[b-miw8gxov22] {
        display: block;
    }

    .mob-view .my-chelenge[b-miw8gxov22] {
        display: none;        
        margin: 0 .75rem;
    }

        .mob-view .my-chelenge.active[b-miw8gxov22] {
            display: block;
        }
}
/* /Components/Pages/ChallengePage/MyChallenge.razor.rz.scp.css */
body[b-ag34ji0ukq] {
}
/* /Components/Pages/ChatsPage/Index.razor.rz.scp.css */
/* /Components/Pages/ConsultationPage/ConsultationUser.razor.rz.scp.css */

/* /Components/Pages/ConsultationPage/ConsultationWorker.razor.rz.scp.css */

/* /Components/Pages/EmotionsPage/CalendarEmations.razor.rz.scp.css */
.card[b-dt7ruhdyqx] {
    display: flex;
    padding: 1rem;
    flex-direction: column;
    gap: 1.25rem;
    border-radius: 1rem;
    background: #FFF;
}
.title-cal[b-dt7ruhdyqx] {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.active .center-arrow svg[b-dt7ruhdyqx] {
    transform: rotate(180deg);
}

.center-arrow[b-dt7ruhdyqx] {
    display: flex;
    padding: 0.75rem 1rem;
    justify-content: center;
    align-items: center;
    border-radius: 0.75rem;
    background: var(--Dark-Blue-Dark-Blue-100, #EBEFFF);
}
.center[b-dt7ruhdyqx] {
    display:flex;
    flex-direction:column;
}
    .center h4[b-dt7ruhdyqx] {
        color: var(--Dark-Dark-1000, #0A0C3C);
        text-align: center;
        font-family: Montserrat;
        font-size: 0.875rem;
        font-style: normal;
        font-weight: 500;
        line-height: normal;
    }
    .center p[b-dt7ruhdyqx] {
        color: var(--Dark-Dark-300, #B6B7C5);
        text-align: center;
        font-family: Montserrat;
        font-size: 0.625rem;
        font-style: normal;
        font-weight: 500;
        line-height: normal;
    }
.month-name[b-dt7ruhdyqx] {
    display: flex;
    flex-direction: column;
    align-items: center;
    color: var(--Dark-Dark-1000, #0A0C3C);
    text-align: center;
    /* Paragraph/14 Medium */
    font-family: Montserrat;
    font-size: 0.875rem;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    gap: .25rem;
}

    .month-name label[b-dt7ruhdyqx] {
        color: var(--Dark-Dark-300, #B6B7C5);
        text-align: center;
        /* Paragraph/10 Medium */
        font-family: Montserrat;
        font-size: 0.625rem;
        font-style: normal;
        font-weight: 500;
        line-height: normal;
    }

.calendar[b-dt7ruhdyqx] {
    display: grid;
    grid-template-columns: repeat(7,1fr);
}

.dayofweek[b-dt7ruhdyqx] {
    color: var(--Dark-Dark-300, #B6B7C5);
    text-align: center;
    /* Paragraph/12 Medium */
    font-family: Montserrat;
    font-size: 0.75rem;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    display: flex;
    padding: 0.625rem;
    justify-content: center;
    align-items: center;
    gap: 0.625rem;
    flex: 1 0 0;
    border-radius: 0.5rem;
}

.day[b-dt7ruhdyqx] {
    display: flex;
    flex-direction:column;
    padding: 0.75rem;
    justify-content: start;
    align-items: start;
    gap: 0.625rem;
    flex: 1 0 0;
    border-radius: 0.5rem;
    background: var(--Dark-Blue-Dark-Blue-100, #EBEFFF);
    color: var(--Dark-Dark-1000, #0A0C3C);
    text-align: center;
    font-family: Montserrat;
    font-size: 0.75rem;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    cursor: pointer;
    min-width: 2.75rem;
    min-height: 2.75rem;
}

    .day i[b-dt7ruhdyqx] {
        font-style: normal;
    }

    .day.active[b-dt7ruhdyqx] {
        background: var(--Purple-Purple-1000, #7E6CFF);
        color: var(--Main-White, #FFF);
    }

    .day.grey[b-dt7ruhdyqx] {
        opacity: 0.5;
        background: var(--Dark-Blue-Dark-Blue-100, #EBEFFF);
        color: var(--Dark-Dark-1000, #0A0C3C);
    }
    .day[b-dt7ruhdyqx]  svg {
        display: flex;
        width: 2.75rem;
        height: 2.75rem;
        padding: 0.055rem 0.05506rem 0.055rem 0.05494rem;
        justify-content: center;
        align-items: center;
        aspect-ratio: 1/1;
    }

@media (max-width: 640.98px) {
    .card[b-dt7ruhdyqx] {
        margin: 0 .75rem;
    }
    .day[b-dt7ruhdyqx] {
        min-width: 1.5rem;
        min-height: 1.5rem;
    }
        .day[b-dt7ruhdyqx]  svg {         
            width: 1.5rem;
            height: 1.5rem;            
        }
}
/* /Components/Pages/EmotionsPage/EmotionsToday.razor.rz.scp.css */
.card[b-e67dqssae6] {
    border-radius: 1rem;
    background: var(--Pink-Pink-50, #FEF9FF);
    background-image: url('svg/baner-emotion-1.svg');
    background-size: cover;
    display: flex;
    padding: 1.25rem 1.5rem;
    justify-content: space-between;
    align-items: center;
    align-self: stretch;
}
h4[b-e67dqssae6] {
    margin-bottom: .75rem;
}
h4 b[b-e67dqssae6] {
    color: var(--Purple-Purple-1000, #7E6CFF);
    font-weight: 600;
}

.card-advice[b-e67dqssae6] {
    display: flex;
    padding: 0.75rem;
    flex-direction: column;
    align-items: flex-start;
    gap: 0.75rem;
    align-self: stretch;
    border-radius: 1rem;
    background: #FFF;
}
.text[b-e67dqssae6] {
}

p[b-e67dqssae6] {
    color: var(--Dark-Dark-500, #85869E);
    /* Paragraph/12 Medium */
    font-family: Montserrat;
    font-size: 0.75rem;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    margin-bottom: 1.5rem;
}

.img[b-e67dqssae6] {
    display: flex;
    padding: 0 3.75rem;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 1.25rem;
}

    .img[b-e67dqssae6]  svg {
        display: flex;
        width: 9.375rem;
        height: 9.375rem;
        padding: 0.1875rem;
        justify-content: center;
        align-items: center;
        aspect-ratio: 1/1;
    }

.btn-emotions[b-e67dqssae6] {
    display: flex;
    padding: 0.75rem 1rem;
    justify-content: center;
    align-items: center;
    border-radius: 0.75rem;
    border: 1px solid var(--Pink-Pink-1000, #ED88FF);
    gap: 0.625rem;
    color: var(--Dark-Dark-1000, #0A0C3C);
    font-family: Montserrat;
    font-size: 0.875rem;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    background: none;
}

button.btn-emotions[b-e67dqssae6] {
    text-wrap: nowrap;
}

@media (max-width: 640.98px) {
    .card[b-e67dqssae6] {
        flex-direction: column;
        margin: 0 .75rem;
    }
}
/* /Components/Pages/EmotionsPage/Index.razor.rz.scp.css */
.container[b-0tco6wlynx] {
    display:flex;
    flex-direction:column;
    gap: 1.25rem;
}
.one[b-0tco6wlynx] {
    display: grid;
    gap: 1.25rem;
    grid-template-columns: 1fr 1.404fr;
}
@media (max-width: 640.98px) {
    .one[b-0tco6wlynx] {
        grid-template-columns: 1fr;
    }
    .calendar-block[b-0tco6wlynx]  {
        display: none;
    }
    .calendar-block.active[b-0tco6wlynx] {
        display: block;
    }
}
/* /Components/Pages/EmotionsPage/SelectEmotions.razor.rz.scp.css */
.modal-body[b-t8xyx2btt2] {
    display:grid;
    grid-template-columns: repeat(5,1fr);
    gap:.5rem;
}
.card[b-t8xyx2btt2] {
    padding: .75rem 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 1.25rem;
    border-radius: 0.75rem;
    border: 1px solid #FFF;
    min-width: 10rem;
}

    .card:hover[b-t8xyx2btt2] {
        border: 1px solid var(--Purple-Purple-1000, #7E6CFF);
        background: var(--Dark-Blue-Dark-Blue-50, #F8F9FE);
    }

    .card:hover[b-t8xyx2btt2] {
        background: rgba(255, 255, 255, 1);
        border-radius: 1rem;
    }

.footer-card[b-t8xyx2btt2] {
    color: var(--Dark-Dark-400, #9D9EB1);
    text-align: center;    
    font-size: 0.75rem;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}
.img[b-t8xyx2btt2]  svg {
    
}
.modal-title[b-t8xyx2btt2] {
    
}
h4[b-t8xyx2btt2] {
    color: var(--Dark-Dark-1000, #0A0C3C);    
    font-size: 1.375rem;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}

h4 b[b-t8xyx2btt2] {
    color: var(--Purple-Purple-1000, #7E6CFF);
}

@media (max-width: 640.98px) {
    .modal-body[b-t8xyx2btt2] {        
        grid-template-columns: repeat(2,1fr);
    }
    .img[b-t8xyx2btt2]  svg {
        max-width: 4rem;
        height: min-content;
        margin-bottom: 0.5rem;
    }

    .modal-title .btn-close-modal[b-t8xyx2btt2] {
        top: .65rem;
        right: .65rem;
    }
}
/* /Components/Pages/Footer/Manual.razor.rz.scp.css */
.table[b-igpzthvlsq] {
    margin: 1rem 0;
}

    .table td[b-igpzthvlsq] {
        padding: .5rem;
        border-bottom: solid #000000 1px;
    }

.mb-2[b-igpzthvlsq] {
    margin-bottom: 2rem;
}

img[b-igpzthvlsq] {
    width: 100%;
}

.h-manual[b-igpzthvlsq] {
    display: grid;
    grid-template-columns: auto 1fr;
    gap: 1rem;
}

@media (max-width: 768px) {
    .h-manual[b-igpzthvlsq] {
        
        grid-template-columns: 1fr;
       
    }
}
/* /Components/Pages/help/Index.razor.rz.scp.css */

.grid[b-b4ldj4xoam] {
    display: grid;
    grid-template-columns: 2fr 4fr;
    background: #FFFFFF;
    box-shadow: 0px 0px 0.5rem rgba(138, 168, 182, 0.2);
    border-radius: 0.5rem;
    margin: 1.5rem 0 0;
    height: calc(100vh - 6.5rem);
    overflow: hidden;
    gap: 0;
}

.panel[b-b4ldj4xoam] {
    background: #E2EEF5;
}

.block-text[b-b4ldj4xoam] {
    display: flex;
    flex-direction: column;
}

.header-note[b-b4ldj4xoam] {
    display: flex;
}

[b-b4ldj4xoam] .dropdown.active .list,
.card-note .col:first-child[b-b4ldj4xoam] {
    background: #E2EEF5;
}

.card-note[b-b4ldj4xoam] {
    background: #FFFFFF;
    box-shadow: 0px 0px 0.5rem rgba(138, 168, 182, 0.2);
    border-radius: 0.5rem;
    margin: 1.5rem 0 0;
    max-height: 90vh;
    overflow: hidden;
    gap: 0;
}

    .card-note .body[b-b4ldj4xoam] {
        overflow-y: auto;
        height: calc(100vh - 15.5rem);
    }

        .card-note .body[b-b4ldj4xoam]::-webkit-scrollbar {
            width: 6px; /* width of the entire scrollbar */
        }

        .card-note .body[b-b4ldj4xoam]::-webkit-scrollbar-track {
            background: none; /* color of the tracking area */
        }

        .card-note .body[b-b4ldj4xoam]::-webkit-scrollbar-thumb {
            background-color: #8AA8B6; /* color of the scroll thumb */
            border-radius: 20px; /* roundness of the scroll thumb */
            border: 1px solid #8AA8B6; /* creates padding around scroll thumb */
        }

.grid-2[b-b4ldj4xoam] {
    grid-template-columns: 1fr 2fr;
}

.header-card[b-b4ldj4xoam] {
    margin: 1rem;
    display: flex;
    flex-direction: column;
}

    .header-card input[b-b4ldj4xoam] {
        width: 100%;
    }

.note-edit[b-b4ldj4xoam] {
    background: #fff;
    border-radius: .5rem;
}

.note-block[b-b4ldj4xoam] {
    padding: .875rem .875rem 0 .875rem;
    cursor: pointer;
    overflow: hidden;
    max-height: 15rem;
}

    .note-block.active[b-b4ldj4xoam] {
        background: #fff;
        margin-top: -2px;
    }

    .note-block h4[b-b4ldj4xoam] {
        font-weight: 400;
        font-size: 1rem;
        line-height: 1.25rem;
        color: #151D2A;
    }

    .note-block span[b-b4ldj4xoam] {
        font-weight: 400;
        font-size: .875rem;
        line-height: .875rem;
        color: #4F4F4F;
        margin: 0.875rem 0 0.875rem auto;
        display: flex;
        justify-content: end;
    }

    .note-block .note-body[b-b4ldj4xoam] {
        font-weight: 400;
        font-size: .875rem;
        line-height: 1.25rem;
        color: #4F4F4F;
        overflow: hidden;
        max-height: 7.75rem;
    }

.note-filter[b-b4ldj4xoam] {
    display: flex;
    align-items: center;
    margin-top: .5rem;
}

    .note-filter span[b-b4ldj4xoam] {
        color: #2BC4D6;
        font-size: .75rem;
        margin-right: .5rem;
        cursor: pointer;
    }

    .note-filter .active[b-b4ldj4xoam] {
        text-decoration-line: underline;
    }

    .note-filter p[b-b4ldj4xoam] {
        margin-right: .5rem;
        color: #151D2A;
        font-size: .75rem;
    }

.note-block hr[b-b4ldj4xoam] {
    border: 1px solid #fff;
    margin: 0;
}


[b-b4ldj4xoam] .ql-editor {
    min-height: 30vh;
}

.btn-mini[b-b4ldj4xoam] {
    margin-left: auto;
    display: flex;
}

@media (max-width: 640.98px) {
    .grid[b-b4ldj4xoam] {
        grid-template-columns: 1fr;
        margin-bottom: 6rem;
        max-height: max-content;
        margin-bottom: 6rem;
        height: auto;
    }

    .panel[b-b4ldj4xoam] {
        order: 2;
    }

    .grid .col[b-b4ldj4xoam] {
        order: 1;
    }

    .grid .note-edit[b-b4ldj4xoam] {
        order: 0;
    }

    .card-note[b-b4ldj4xoam] {
        max-height: 100%;
        overflow: visible;
    }

        .card-note .body[b-b4ldj4xoam] {
            overflow-y: auto;
            height: auto;
        }

    .card[b-b4ldj4xoam] {
        margin: 1rem;
    }

    .body .note-block:last-child hr[b-b4ldj4xoam] {
        border: none;
        margin: 0;
    }
}
/* /Components/Pages/help/TicketComponent.razor.rz.scp.css */
.ticket-block[b-y4hxtkxjtz] {
    padding: 1rem;
    display:flex;
    flex-direction:column;
    flex:1;
}

.message[b-y4hxtkxjtz] {
    flex:1;
}

.edit-block[b-y4hxtkxjtz] {
    padding-top: 1rem;
    border-top: 1px solid #D0D0D0;
}

[b-y4hxtkxjtz] .form-control:disabled {
    background-color: #D0D0D0;
}

.disabled .btn-secondary[b-y4hxtkxjtz] {
    background: #D0D0D0;
    border-color: #D0D0D0;
}

.body-message .card[b-y4hxtkxjtz] {
    margin: .5rem 0 .5rem .5rem;
    padding: 1rem;
    border: 1px solid #D0D0D0;
    border-radius: .5rem;
}

.card .date[b-y4hxtkxjtz] {
    font-weight: 400;
    font-size: .875rem;
    line-height: .875rem;
    color: #4F4F4F;   
    display: flex;
    justify-content: end;
}
/* /Components/Pages/Home.razor.rz.scp.css */
section[b-jjqsmnvxu7] {
    margin-bottom: 2.5rem;
}

.one[b-jjqsmnvxu7] {
    display: grid;
    gap: 1.25rem;
    grid-template-columns: 3fr 1fr;
    margin-top: 1.25rem;
}

.grid-6[b-jjqsmnvxu7] {
    gap: .75rem;
}

.card[b-jjqsmnvxu7] {
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    border-radius: 1rem;
    padding: .75rem;
    overflow: hidden;
}

    .card img[b-jjqsmnvxu7] {
        margin: -.75rem -1.75rem 0 auto;
        overflow: hidden;
        display: block;
    }

    .card.card-color-1:hover[b-jjqsmnvxu7] {
        box-shadow: 0 4px 0 0 #91B4CA;
    }

    .card.card-color-2:hover[b-jjqsmnvxu7] {
        box-shadow: 0 4px 0 0 #A7B1DF;
    }

    .card.card-color-3:hover[b-jjqsmnvxu7] {
        box-shadow: 0 4px 0 0 #D9C5A4;
    }

    .card.card-color-4:hover[b-jjqsmnvxu7] {
        box-shadow: 0 4px 0 0 #9ED0D7;
    }

    .card.card-color-5:hover[b-jjqsmnvxu7] {
        box-shadow: 0 4px 0 0 #A3A3C8;
    }

    .card.card-color-6:hover[b-jjqsmnvxu7] {
        box-shadow: 0 4px 0 0 #B88EC0;
    }

    .card:hover img[b-jjqsmnvxu7] {
        margin: -.75rem -.75rem 0 auto;
        overflow: hidden;
        display: block;
    }

.card-color-1[b-jjqsmnvxu7] {
    background-image: url('svg/frame 1948760736.svg');
}

.card-color-2[b-jjqsmnvxu7] {
    background-image: url('svg/frame1948760737.svg');
}

.card-color-3[b-jjqsmnvxu7] {
    background-image: url('svg/frame1948760741.svg');
}

.card-color-4[b-jjqsmnvxu7] {
    background-image: url('svg/frame1948760742.svg');
}

.card-color-5[b-jjqsmnvxu7] {
    background-image: url('svg/frame1948760743.svg');
}

.card-color-6[b-jjqsmnvxu7] {
    background-image: url('svg/frame1948760744.svg');
}

.section-title[b-jjqsmnvxu7] {
    margin-bottom: 1.25rem;
}

.couch .card[b-jjqsmnvxu7] {
    border-radius: 1rem;
    background-color: var(--Main-White, #FFF);
    padding: 1.25rem 2.5rem;
    position: relative;
    
}

    .couch .card .block[b-jjqsmnvxu7] {
        display: flex;
        flex-direction: column;
        gap: .75rem;
        width: 60%;
    }
    .couch .card .btn[b-jjqsmnvxu7] {
        width: fit-content;
    }
    .couch .card[b-jjqsmnvxu7]:before {
        content: "";
        position: absolute;
        width: 100%;
        height: 200%;
        top: -50%;
        right: -50%;
        background: url('img/couch-bacgraund.png') 0 0 repeat;
        transform: rotate(-30deg);
    }
    .couch .card p[b-jjqsmnvxu7] {
        color: var(--Dark-Dark-400, #9D9EB1);
        /* Paragraph/12 Medium */
        font-family: Montserrat;
        font-size: 0.75rem;
        font-style: normal;
        font-weight: 500;
        line-height: normal;
    }

@media (max-width: 640.98px) {
    .one[b-jjqsmnvxu7] {
        display: grid;
        gap: .75rem;
        grid-template-columns: 1fr;
        margin-top: 1.25rem;
        padding: 0 .75rem;
    }

    .section-title[b-jjqsmnvxu7] {
        padding: 0 .75rem;
    }

    .grid-6[b-jjqsmnvxu7] {
        overflow-x: scroll;
        width: calc(100vw - .75rem);
        margin: 0 .75rem;
        scrollbar-width: none;
    }

    .card[b-jjqsmnvxu7] {
        width: max-content;        
        height: max-content;
        min-width: 7rem;
    }
    .couch[b-jjqsmnvxu7] {
        margin: 0 .75rem;
        display: flex;
    }
    .couch .card[b-jjqsmnvxu7] {
        width: 100%;
        padding: 7.5rem 1rem 1rem;
    }
        .couch .card[b-jjqsmnvxu7]:before {
            content: "";
            position: absolute;
            width: 200%;
            height: 100%;
            top: -65%;
            left: -25%;
            background: url(img/couch-bacgraund.png) 0 0 repeat;
            transform: rotate(15deg);
        }
        .couch .card .block[b-jjqsmnvxu7] {
            width: 100%;
        }
}
/* /Components/Pages/MainComponent/ChelengeMain.razor.rz.scp.css */


.list-card .card[b-dede1mf4pu] {
    display: flex;
    flex-direction: column;
    gap: 1.25rem;
    width: calc(100% / 4);
}

    .list-card .card:hover[b-dede1mf4pu] {
        border-radius: 1rem;
        background: #FFF;
        gap: .75rem;
        box-shadow: 0 4px 14px 0 rgba(0, 0, 0, 0.05);       
    }

        .list-card .card:hover .card-footer[b-dede1mf4pu] {
            padding: 0 .75rem .75rem;
            border-radius: 1rem;
            margin-bottom: -.75rem;
        }
    
.list-card .card .img[b-dede1mf4pu] {
        position: relative;
        border-radius: 0.75rem;
        aspect-ratio: 18.75/10;
        overflow: hidden;
        display:flex;
        justify-content:center;
        align-items:center;

    }


        .list-card .card .img img[b-dede1mf4pu] {
            min-height: 100%;
            width: auto;
            justify-content: center;
            display: flex;
        }

    .list-card .card:hover .img img[b-dede1mf4pu] {
        min-height: 105%;
        min-width: 105%;
        justify-content: center;
        display: flex;
    }

        .list-card .card .img .block-label-img[b-dede1mf4pu] {
            position: absolute;
            top: .5rem;
            left: .5rem;
            display: flex;
            gap: .5rem;
        }
        .list-card .card .img label[b-dede1mf4pu] {
           
            display: inline-flex;
            padding: 0.25rem 0.5rem;
            justify-content: center;
            align-items: center;
            gap: 0.625rem;
            border-radius: 0.25rem;
            background: var(--Main-White, #FFF);
            color: var(--Dark-Dark-1000, #0A0C3C);
            font-size: 0.625rem;
            font-style: normal;
            font-weight: 600;
            line-height: normal;
            
        }

.card-footer h5[b-dede1mf4pu] {
    margin-bottom: .5rem;
}

.card-footer .label-list[b-dede1mf4pu] {
    display: flex;
    align-items: flex-start;
    gap: 0.5rem;
    align-self: stretch;
}

.card-footer label[b-dede1mf4pu] {
    display: flex;
    padding: 0.25rem 0.75rem;
    justify-content: center;
    align-items: center;
    gap: 0.5rem;
    border-radius: 2.5rem;
    background: var(--Purple-Purple-100, #E5E2FF);
    color: var(--Purple-Purple-1000, #7E6CFF);
    font-size: 0.75rem;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}
.banner[b-dede1mf4pu] {
    background-image: url(svg/block-bg-pink-1000.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    border-radius: 1rem;
    overflow: hidden;
    display: flex;
    margin-bottom: 1.25rem;
}

    .banner .block-info[b-dede1mf4pu],
    .banner .img-block[b-dede1mf4pu] {
        flex:1;
    }

.header-challenge[b-dede1mf4pu] {
    color: var(--Main-White, #FFF);
    /* Title/H2 */
    font-family: Montserrat;
    font-size: 2.375rem;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    margin-bottom: .75rem;
}
.block-info[b-dede1mf4pu] {
    display: flex;
    flex-direction:column;
    padding: 1rem;
    align-items:center;
    justify-content:center;
}
.block-info p[b-dede1mf4pu] {
    color: var(--Main-White, #FFF);
    /* Paragraph/14 Medium */
    font-family: Montserrat;
    font-size: 0.875rem;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    opacity: 0.7;
    margin-bottom: 1.5rem;
}
.button-block[b-dede1mf4pu] {
    display: flex;
    gap: .5rem;
}
.button-block .time[b-dede1mf4pu],
.button-block .btn[b-dede1mf4pu] {
    display: flex;    
    padding: 0.75rem 1rem;
    justify-content: center;
    align-items: center;
    gap: 0.625rem;
    border-radius: 0.75rem;
    background: var(--Main-White, #FFF);
    color: var(--Dark-Dark-1000, #0A0C3C);
    /* Paragraph/14 Semibold */
    font-family: Montserrat;
    font-size: 0.875rem;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}

    .button-block .time[b-dede1mf4pu] {        
        background: var(--Pink-Pink-800, #F1A0FF);
    }


    .banner .img-block[b-dede1mf4pu] {
        position: relative;
        display: flex;
        flex-wrap: wrap;
    }

        .banner .img-block img[b-dede1mf4pu] {
            border-radius: 0.75rem;
            aspect-ratio: 18.75 / 10;
            overflow: hidden;
            margin-top: -1rem;
        }

    .banner .img-block .img-1[b-dede1mf4pu] {
        transform: rotate(-7.796deg);
        flex-shrink: 0; 
       
        
    }
        .banner .img-block .img-2[b-dede1mf4pu] {
            transform: rotate(13.207deg);
            flex-shrink: 0;
            margin: -5rem 2rem 0 auto;
           
        }

@media (max-width: 640.98px) {

    .list-card .card[b-dede1mf4pu] {
        width: calc(100% / 1.25);
    }
    .banner[b-dede1mf4pu] {
        margin: 0 .75rem 1.25rem;
        flex-direction: column-reverse;
    }
        .banner .img-block img[b-dede1mf4pu] {            
            margin-top: 0;
        }
        .banner .img-block .img-2[b-dede1mf4pu] {
            margin: -4rem -1rem 0 auto;
            width: 60%;
        }
        .banner .img-block .img-1[b-dede1mf4pu] {
            transform: rotate(-7.796deg);
            flex-shrink: 0;
            width: 60%;
        }
}
/* /Components/Pages/MainComponent/CouchMainComponent.razor.rz.scp.css */
.card[b-5l1mc90wqj] {
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    border-radius: 1rem;
    padding: .75rem;
    overflow: hidden;
}


.couch .card[b-5l1mc90wqj] {
    border-radius: 1rem;
    background-color: var(--Main-White, #FFF);
    padding: 1.25rem 2.5rem;
    position: relative;
}

    .couch .card .block[b-5l1mc90wqj] {
        display: flex;
        flex-direction: column;
        gap: .75rem;
        width: 60%;
    }

    .couch .card .btn[b-5l1mc90wqj] {
        width: fit-content;
    }

    .couch .card[b-5l1mc90wqj]:before {
        content: "";
        position: absolute;
        width: 100%;
        height: 200%;
        top: -50%;
        right: -50%;
        background: url('img/couch-bacgraund.png') 0 0 repeat;
        transform: rotate(-30deg);
    }

    .couch .card p[b-5l1mc90wqj] {
        color: var(--Dark-Dark-400, #9D9EB1);
        /* Paragraph/12 Medium */
        font-family: Montserrat;
        font-size: 0.75rem;
        font-style: normal;
        font-weight: 500;
        line-height: normal;
    }

.traektoria[b-5l1mc90wqj] {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 0.75rem;
}
.work-list[b-5l1mc90wqj],
.recomendation[b-5l1mc90wqj],
.work[b-5l1mc90wqj] {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 0.75rem;
}

.work div[b-5l1mc90wqj] {
    display: flex;
    gap: 0.75rem;
}
.work span[b-5l1mc90wqj] {
    display: flex;
    padding: 0.5rem 1rem;
    justify-content: center;
    align-items: center;
    gap: 0.5rem;
    border-radius: 2.5rem;
    background: var(--Dark-Blue-Dark-Blue-100, #EBEFFF);
    color: var(--Dark-Dark-1000, #0A0C3C);
    /* Paragraph/14 Medium */
    font-family: Montserrat;
    font-size: 0.875rem;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}

.row-r[b-5l1mc90wqj] {
    display: flex;
    gap: .75rem;
    align-items: center;
}

    .row-r .text[b-5l1mc90wqj] {
        color: var(--Dark-Dark-400, #9D9EB1);
        /* Paragraph/12 Medium */
        font-family: Montserrat;
        font-size: 0.75rem;
        font-style: normal;
        font-weight: 500;
        line-height: normal;
    }

@media (max-width: 640.98px) {
    .card[b-5l1mc90wqj] {
        width: max-content;
        height: max-content;
        min-width: 7rem;
    }

    .couch[b-5l1mc90wqj] {
        margin: 0 .75rem;
        display: flex;
    }

        .couch .card[b-5l1mc90wqj] {
            width: 100%;
            padding: 7.5rem 1rem 1rem;
        }

            .couch .card[b-5l1mc90wqj]:before {
                content: "";
                position: absolute;
                width: 200%;
                height: 100%;
                top: -65%;
                left: -25%;
                background: url(img/couch-bacgraund.png) 0 0 repeat;
                transform: rotate(15deg);
            }

            .couch .card .block[b-5l1mc90wqj] {
                width: 100%;
            }
}
/* /Components/Pages/MainComponent/ModalCuratorComponent.razor.rz.scp.css */

/* /Components/Pages/MainComponent/ModalFree.razor.rz.scp.css */
h4[b-kiiduirv52] {
    color: var(--Dark-Dark-1000, #0A0C3C);
    /* Title/H4 */
    font-family: Montserrat;
    font-size: 1.375rem;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    text-wrap:nowrap;
}
.modal-title p[b-kiiduirv52] {
    text-wrap:auto;
}
.body-card[b-kiiduirv52] {
    display: flex;
    flex-direction: column;
    gap: .75rem;
}

.date[b-kiiduirv52] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: .25rem;
}

    label[b-kiiduirv52] {
        display: flex;
        padding: 0.5rem 1rem;
        justify-content: center;
        align-items: center;
        gap: 0.5rem;
        flex: 1 0 0;
        border-radius: 0.5rem;
        background: var(--Dark-Blue-Dark-Blue-100, #EBEFFF);
        color: var(--Dark-Dark-1000, #0A0C3C);
        /* Paragraph/12 Medium */
        font-family: Montserrat;
        font-size: 0.75rem;
        font-style: normal;
        font-weight: 500;
        line-height: normal;
    }
     label.active[b-kiiduirv52] {
            background: var(--Purple-Purple-1000, #7E6CFF);
            color: var(--Main-White, #FFF);
        }
        label.disabled[b-kiiduirv52] {            
            opacity: 0.5;            
        }

.time[b-kiiduirv52] {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: .25rem;
}






/* /Components/Pages/MainComponent/NewsMain.razor.rz.scp.css */
.grid-2[b-kx74p5p84r] {
    gap: 1.25rem;
}
.title[b-kx74p5p84r] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 1.25rem;
}
.news-right[b-kx74p5p84r] {
    display:flex;
    flex-direction:column;
    gap: .5rem;
}
.main-block-news .img-block[b-kx74p5p84r],
.news-right .img-block[b-kx74p5p84r] {
    position: relative;
    overflow: hidden;
    aspect-ratio: 2.3 / 1;
    border-radius: 1rem;
    display: flex;
    align-items: center;
}
.news-right .grid-2[b-kx74p5p84r] {
    cursor: pointer;
}
.main-block-news .img-block .label-block[b-kx74p5p84r],
    .news-right .img-block .label-block[b-kx74p5p84r] {
    position:absolute;
    top: .75rem;
    left: .75rem;
    display:flex;
    gap: .5rem;
}

label[b-kx74p5p84r] {
    display: flex;
    padding: 0.25rem 0.5rem;
    justify-content: center;
    align-items: center;
    gap: 0.25rem;
    border-radius: 0.25rem;
    background: var(--Main-White);
    color: var(--Dark-Dark-1000);    
    font-family: Montserrat;
    font-size: 0.5rem;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}

.main-block-news .img-block img[b-kx74p5p84r],
    .news-right .img-block img[b-kx74p5p84r] {
    width: 100%;
}

.date[b-kx74p5p84r] {
    color: var(--Green-Green-1000, #2BC4D5);    
    font-family: Montserrat;
    font-size: 0.75rem;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}

p.mute[b-kx74p5p84r] {
    
    text-overflow: ellipsis;    
    /* Paragraph/12 Medium */
    font-family: Montserrat;
    font-size: 0.75rem;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}

.news-right h5[b-kx74p5p84r] {
    margin: .25rem 0 .5rem 0;
}

.news-right .text-block[b-kx74p5p84r] {
    padding: .81rem 0;
}

.news-right .text-block p[b-kx74p5p84r] {
    max-height: 2rem;
    overflow:hidden;
}

.main-block-news .img-block[b-kx74p5p84r] {
    margin-bottom: 1.25rem;
}

.main-block-news h5[b-kx74p5p84r] {
    margin-bottom:.5rem;
}

@media (max-width: 640.98px) {

    .grid-2[b-kx74p5p84r] {        
        grid-template-columns: repeat(1, 1fr);
        padding: 0 .75rem;
    }

    .news-right .grid-2[b-kx74p5p84r] {
        grid-template-columns: repeat(2, 1fr);
        padding: 0;
    }
    .main-block-news .img-block[b-kx74p5p84r],
    .news-right .img-block[b-kx74p5p84r] {
        position: relative;
        overflow: hidden;
        aspect-ratio: 1.37 / 1;
        border-radius: 1rem;
        display: flex;
        align-items: center;
    }
}
/* /Components/Pages/MainComponent/NutritionMain.razor.rz.scp.css */


.list-card .card[b-52qsrugewk] {
    display:flex;
    flex-direction:column;
    gap: 1.25rem;
    width: calc(100% / 6);
}

    .list-card .card .img[b-52qsrugewk] {
        position: relative;
        border-radius: 0.75rem;
        aspect-ratio: 1/1;
        overflow:hidden;
    }
        .list-card .card .img img[b-52qsrugewk] {
            min-height: 100%;
            width: auto;
            justify-content: center;
            display: flex;
        }

        .list-card .card .img label[b-52qsrugewk] {
            position: absolute;
            display: inline-flex;
            padding: 0.25rem 0.5rem;
            justify-content: center;
            align-items: center;
            gap: 0.625rem;
            border-radius: 0.25rem;
            background: var(--Main-White, #FFF);
            color: var(--Dark-Dark-1000, #0A0C3C);
            font-size: 0.625rem;
            font-style: normal;
            font-weight: 600;
            line-height: normal;
            top: .5rem;
            left: .5rem;
        }

.card-footer h5[b-52qsrugewk] {
    margin-bottom: .5rem;
}
.card-footer .label-list[b-52qsrugewk] {
    display: flex;    
    align-items: flex-start;
    gap: 0.5rem;
    align-self: stretch;
}

.card-footer label[b-52qsrugewk] {
    display: flex;
    padding: 0.25rem 0.75rem;
    justify-content: center;
    align-items: center;
    gap: 0.5rem;
    border-radius: 2.5rem;
    background: var(--Orange-Orange-100, #FFF8EC);
    color: var(--Orange-Orange-1000, #FFB53D);
    font-size: 0.75rem;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}

.title[b-52qsrugewk] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 1.25rem;
}

@media (max-width: 640.98px) {

    .list-card .card[b-52qsrugewk] {
        width: calc(100% / 1.8);
    }
}
/* /Components/Pages/MainComponent/PocketMain.razor.rz.scp.css */
.title[b-lisyejadph] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 1.25rem;
}

.color-2[b-lisyejadph]  svg path {
    fill: #FFF;
}
.color-1[b-lisyejadph]  svg path,
.color-3[b-lisyejadph]  svg path {
    fill: #FFF;
}

.card-pocket[b-lisyejadph] {
    display: grid;
    grid-template-columns: 1fr 1.36fr;
    padding: .5rem;
    border-radius: 1.5rem;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    transition: width 2s ease-in-out;
}    

    .card-pocket.color-1[b-lisyejadph] {
        background-image: url(svg/block-bg-pink-1000.svg);
    }
    .card-pocket.color-2[b-lisyejadph] {
        background-image: url('svg/block-bg-pupur.svg');        
    }
    .card-pocket.color-3[b-lisyejadph] {
        background-image: url('svg/block-bg.svg');        
    }

.list-card[b-lisyejadph] {
    border-radius: 1rem;
    background: var(--Main-White, #FFF);
    padding: .75rem;
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    grid-template-rows: 1fr 1fr;
}
.card-position[b-lisyejadph] {
    border-radius: 0.75rem;
    background: var(--Purple-Purple-50, #F3F1FF);
    display: flex;
    padding: 0.5rem 0.75rem;
    flex-direction: column;
    align-items: center;
    gap: 0.75rem;    
}
    .card-position .img[b-lisyejadph] {
        border-radius: 0.75rem;
        background: var(--Purple-Purple-1000, #7E6CFF);
        display: flex;
        padding: 0.75rem;
        align-items: center;
        gap: 0.625rem;
    }

.color-3 .card-position .img[b-lisyejadph] {
    background: #2BC4D5;
}
.color-1 .card-position .img[b-lisyejadph] {
    background: var(--Pink-Pink-1000, #ED88FF);
}

.grid-column-1[b-lisyejadph] {
    grid-column: span 3;
}
.grid-column-2[b-lisyejadph] {
    grid-column: span 2;
}

h3[b-lisyejadph] {
    color: var(--Main-White, #FFF);
    /* Title/H4 */
    font-family: Montserrat;
    font-size: 1.375rem;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    margin: 0 0 .75rem;
}

p[b-lisyejadph] {
    color: var(--Main-White, #FFF);
    /* Paragraph/14 Medium */
    font-family: Montserrat;
    font-size: 0.875rem;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    margin: 0 0 1.25rem;
}

.btn[b-lisyejadph] {
    display: flex;
    padding: 0.75rem 1rem;
    justify-content: center;
    align-items: center;
    gap: 0.625rem;
    border-radius: 0.75rem;
    background: var(--Dark-Blue-Dark-Blue-100, #EBEFFF);
    font-family: Montserrat;
    font-size: 0.875rem;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}

    .btn:hover[b-lisyejadph] {        
        background: var(--Dark-Blue-Dark-Blue-200, #D7DEFF);
    }

.card-pocket-title[b-lisyejadph] {
    display: flex;
    flex-direction: column;
    padding: 2.5rem;
    align-items: start;
    justify-content: center;
}
.card-position-name[b-lisyejadph] {
    color: var(--Dark-Dark-1000, #0A0C3C);
    text-align: center;
    /* Paragraph/12 Medium */
    font-family: Montserrat;
    font-size: 0.75rem;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}

@media (max-width: 640.98px) {
    .card-pocket[b-lisyejadph] {        
        grid-template-columns: 1fr;        
        margin: 0 .75rem;
        padding: 1rem;
        gap: 1.25rem;
    }
    h3[b-lisyejadph] {
      font-size: 1rem;
    }
    .card-pocket-title[b-lisyejadph] {
        padding: 0;
    }
    p[b-lisyejadph] {
        color: var(--Main-White, #FFF);
        /* Paragraph/12 Medium */
        font-family: Montserrat;
        font-size: 0.75rem;
        font-style: normal;
        font-weight: 500;
        line-height: normal;
    }
    .grid-column-1[b-lisyejadph] {
        grid-column: span 6;
    }
    .grid-column-2[b-lisyejadph] {
        grid-column: span 3;
    }
}
/* /Components/Pages/MainComponent/SessionToday.razor.rz.scp.css */
.card[b-dsd1zgdf91] {
    border-radius: 1rem;
    background: var(--Main-White);
    display: flex;
    padding: 1rem 1.75rem;
    justify-content: center;
    align-items: center;
    gap: 1rem;
    flex-shrink: 0;
    flex-direction:column;
}

.card-body[b-dsd1zgdf91] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    align-items: center;
}
.text-muted[b-dsd1zgdf91] {
    text-align:center;
}
/* /Components/Pages/MainComponent/SliderMainTop.razor.rz.scp.css */
.slider[b-z5i3xaujqg] {
    border-radius: 1rem;
    background: #BA95CB;
    overflow:hidden;
}
/* /Components/Pages/MainComponent/WorkerMain.razor.rz.scp.css */


.list-card .card[b-4fz927634k] {
    display: flex;
    flex-direction: column;
    gap: 1.25rem;
    width: calc(100% / 6);
    min-width: calc(100% / 6);
}

    .list-card .card .img[b-4fz927634k] {
        position: relative;
        border-radius: 0.75rem;
        aspect-ratio: 1/1;
        overflow: hidden;
        display: flex;
    }

        .list-card .card .img img[b-4fz927634k] {
            height: 100%;
            aspect-ratio: 1/1;
            justify-content: center;
            display: flex;
            flex: 1;
        }

        .list-card .card .img label[b-4fz927634k] {
            position: absolute;
            display: inline-flex;
            padding: 0.25rem 0.5rem;
            justify-content: center;
            align-items: center;
            gap: 0.625rem;
            border-radius: 0.25rem;
            color: var(--Main-White, #FFF);
            font-size: 0.625rem;
            font-style: normal;
            font-weight: 600;
            line-height: normal;
            top: .5rem;
            left: .5rem;
        }

.card-footer h5[b-4fz927634k] {
    margin-bottom: .5rem;
}

.card-footer .label-list[b-4fz927634k] {
    display: flex;
    align-items: flex-start;
    gap: 0.5rem;    
}

.card-footer label[b-4fz927634k] {
    display: flex;
    padding: 0.25rem 0.75rem;
    justify-content: center;
    align-items: center;
    gap: 0.5rem;
    border-radius: 2.5rem;    
    color: var(--Dark-Dark-300, #B6B7C5);
    font-size: 0.75rem;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}

.color-4[b-4fz927634k] {    
    background: var(--Orange-Orange-1000, #FFB53D);
}
.color-1[b-4fz927634k] {    
    background: var(--Green-Green-1000, #2BC4D5);
}
.color-3[b-4fz927634k] {
    background: var(--Blue-Blue-1000, #13A5FF);
}
.color-2[b-4fz927634k] {
    background: var(--Purple-Purple-1000, #7E6CFF);
}

.card-footer[b-4fz927634k] {
    text-align: center;
    flex: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
}

.card-footer .label-list label[b-4fz927634k] {
    background: none;
}

    .card-footer .label-list .color-1 svg path[b-4fz927634k] {
        fill: #2BC4D5;
    }

    .card-footer .label-list .color-2 svg path[b-4fz927634k] {
        fill: #7E6CFF;
    }
    .card-footer .label-list .color-3 svg path[b-4fz927634k] {
        fill: #13A5FF;
    }
    .card-footer .label-list .color-4 svg path[b-4fz927634k] {
        fill: #FFB53D;
    }


@media (max-width: 640.98px) {
    .list-card[b-4fz927634k] {
        padding: 0 0 0 .75rem;
    }
        .list-card .card[b-4fz927634k] {
            width: calc(100% / 2);
            min-width: calc(100% / 2);
        }
        .list-card .card .img[b-4fz927634k] {
            min-width: 12rem;
            background-size: cover;
        }
}
/* /Components/Pages/MainComponent/WorkoutMain.razor.rz.scp.css */
.list-card .card[b-dvsgg11ypz] {
    display: flex;
    flex-direction: column;
    gap: .75rem;
    width: calc(100% / 4);
}

    .list-card .card:hover[b-dvsgg11ypz] {
        border-radius: 1rem;
        background: #FFF;
        box-shadow: 0 4px 14px 0 rgba(0, 0, 0, 0.05);        
    }

        .list-card .card:hover .card-footer[b-dvsgg11ypz] {
            padding: 0 .75rem .75rem;
            border-radius: 1rem;
            margin-bottom: -.75rem;
        }


    .list-card .card .img[b-dvsgg11ypz] {
        position: relative;
        border-radius: 0.75rem;
        aspect-ratio: 18.75/10;
        overflow: hidden;
        display: flex;
    }

        .list-card .card .img img[b-dvsgg11ypz] {
            min-height: 100%;
            min-width: 100%;            
            justify-content: center;
            display: flex;
        }

    .list-card .card:hover .img img[b-dvsgg11ypz] {
        min-height: 105%;
        min-width: 105%;
        justify-content: center;
        display: flex;
    }


        .list-card .card .img label[b-dvsgg11ypz] {
            position: absolute;
            display: inline-flex;
            padding: 0.25rem 0.5rem;
            justify-content: center;
            align-items: center;
            gap: 0.625rem;
            border-radius: 0.25rem;
            background: var(--Green-Green-1000, #2BC4D5);
            color: var(--Main-White, #FFF);
            font-size: 0.5rem;
            font-style: normal;
            font-weight: 600;
            line-height: normal;
            top: .75rem;
            left: .75rem;
        }

.card-footer h5[b-dvsgg11ypz] {
    margin-bottom: .5rem;
}

.card-footer .label-list[b-dvsgg11ypz] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    align-self: stretch;
    justify-content: space-between;
}

.card-footer label[b-dvsgg11ypz] {
    display: flex;
    justify-content: center;
    align-items: center;
    color: var(--Dark-Dark-300, #B6B7C5);        
    font-size: 0.75rem;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    margin-bottom: .5rem;
}

@media (max-width: 640.98px) {

    .list-card .card[b-dvsgg11ypz] {        
        width: calc(100% / 2);
    }
}
/* /Components/Pages/NewsPages/CardListNewsComponent.razor.rz.scp.css */
.img-block[b-v07e18wa3d] {
    position: relative;
    overflow: hidden;
    aspect-ratio: 2.3 / 1;
    border-radius: 1rem;
    display: flex;
    align-items: center;
}

.label-block[b-v07e18wa3d] {
    position: absolute;
    top: .75rem;
    left: .75rem;
    display: flex;
    gap: .5rem;
}

.img-block img[b-v07e18wa3d] {
    width: 100%;
}

.text-block p[b-v07e18wa3d] {
    text-overflow: ellipsis;
}

label[b-v07e18wa3d] {
    display: flex;
    padding: 0.25rem 0.5rem;
    justify-content: center;
    align-items: center;
    gap: 0.25rem;
    border-radius: 0.25rem;
    background: var(--Main-White);
    color: var(--Dark-Dark-1000);
    font-family: Montserrat;
    font-size: 0.5rem;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}

.card-list[b-v07e18wa3d] {
    display: grid;
    grid-template-columns: repeat(4,1fr);
    gap: 1.25rem;
}

.card[b-v07e18wa3d] {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 1.25rem;
    cursor: pointer;
}

.date[b-v07e18wa3d] {
    color: var(--Green-Green-1000, #2BC4D5);
    font-family: Montserrat;
    font-size: 0.75rem;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}

p.mute[b-v07e18wa3d] {
    text-overflow: ellipsis;
    /* Paragraph/12 Medium */
    font-family: Montserrat;
    font-size: 0.75rem;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}


.text-block h5[b-v07e18wa3d] {
    margin: .25rem 0 .5rem;
}

.text-block[b-v07e18wa3d] {
    max-height: 6.125rem;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    flex: 1;
}

.text-block p[b-v07e18wa3d] {
    --l: .75rem;
    display: -webkit-box;
    max-height: 3lh;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    flex-grow: 1;
    margin-top: auto;
}

    .title .text-block p[b-v07e18wa3d] {
        max-height: 9lh;
        -webkit-line-clamp: 9;
    }

h5[b-v07e18wa3d] {
    overflow: clip;
}

@media (max-width: 640.98px) {
    h4[b-v07e18wa3d],
    .two[b-v07e18wa3d] {
        margin: 0 .75rem;
    }
    .card-list[b-v07e18wa3d] {
        grid-template-columns: 1fr;
    }
    .button-filter-list[b-v07e18wa3d] {
        padding: 0;        
    }
    .card-list .card .text-block[b-v07e18wa3d] {
        max-height: 8rem;
    }

    .img-block[b-v07e18wa3d] {
        width: 100%;
    }
}
/* /Components/Pages/NewsPages/CommentBlockComponent.razor.rz.scp.css */
.card[b-3s01vk19zx] {
    display: flex;
    padding: 1rem;
    flex-direction: column;
    justify-content: start;
    align-items: flex-start;
    align-self: stretch;
    gap: 1.25rem;
    border-radius: 1rem;
    background: var(--Main-White, #FFF);
    position: sticky;
    top: 0;
    max-height: calc(100vh - 8rem);
}
.comment-list[b-3s01vk19zx] {
    display: flex;    
    flex-direction: column;
    justify-content: space-between;
    align-items: flex-start;
    align-self: stretch;
    gap: 1.25rem;
}

.comment-title[b-3s01vk19zx] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    align-self: stretch;
}
.user[b-3s01vk19zx] {
    display: flex;
    align-items: center;
    gap: 1rem;
}
.comment[b-3s01vk19zx] {
    display: flex;
    flex-direction: column;
    gap: .75rem;
    width: 100%;
}
.avatar[b-3s01vk19zx] {
    width: 2.5rem;
    height: 2.5rem;
}
.avatar img[b-3s01vk19zx] {
    width: 100%;
}

.user h4[b-3s01vk19zx] {
    color: var(--Dark-Dark-1000, #0A0C3C);    
    font-size: 1rem;    
}
.text[b-3s01vk19zx],
.user p[b-3s01vk19zx] {
    color: var(--Dark-Dark-400, #9D9EB1);
    font-size: 0.75rem;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}

.btn-fav[b-3s01vk19zx] {

}

.comment-footer[b-3s01vk19zx] {
    border-radius: 1rem;
    background: var(--Dark-Blue-Dark-Blue-50, #F8F9FE);
    display: flex;
    padding: 0.75rem;
    justify-content: space-between;
    align-items: center;
    align-self: stretch;
    margin-top: auto;
    gap: .5rem;
}
    .comment-footer div[b-3s01vk19zx] {
        color: var(--Dark-Dark-400, #9D9EB1);
        /* Paragraph/14 Medium */
        font-family: Montserrat;
        font-size: 0.875rem;
        font-style: normal;
        font-weight: 500;
        line-height: normal;
    }
.btn-fav[b-3s01vk19zx] {
    margin-left: auto;
    display: flex;
    align-items: center;
    padding: 0.5rem 1rem;
    justify-content: center;
    align-items: center;
    gap: 0.5rem;
    border-radius: 2.5rem;
    background: var(--Dark-Blue-Dark-Blue-100, #EBEFFF);
    color: var(--Dark-Dark-1000, #0A0C3C);
    font-size: 0.875rem;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}


@media (max-width: 640.98px) {
    
}
/* /Components/Pages/NewsPages/Details.razor.rz.scp.css */
.container[b-6kpslyy5ne] {
    display: flex;
    flex-direction: column;
    gap: 1.25rem;
}
.new-block[b-6kpslyy5ne] {
    display:grid;
    grid-template-columns: 46fr 30fr;
    gap: 1.25rem;
    position: relative;
}
.main-block[b-6kpslyy5ne] {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 1.25rem;
}

.img[b-6kpslyy5ne] {
    position: relative;
    overflow: hidden;
    aspect-ratio: 2.3 / 1;
    border-radius: 1rem;
    display: flex;
    align-items: center;
    width: 100%;
}

.img img[b-6kpslyy5ne] {
    width: 100%;
}
.author-card[b-6kpslyy5ne] {
    display: flex;
    padding: 1rem;
    justify-content: space-between;
    align-items: center;
    align-self: stretch;
}

.text-block[b-6kpslyy5ne] {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: .75rem;
}

    .text-block[b-6kpslyy5ne]  p {
        color: var(--Dark-Dark-400, #9D9EB1);
        font-size: 0.875rem;
        font-style: normal;
        font-weight: 500;
        line-height: normal;
        text-align: justify;
    }
.label-block-footer[b-6kpslyy5ne],
.footer-news[b-6kpslyy5ne] {
    display: flex;
    align-items:center;
}

.footer-news[b-6kpslyy5ne] {
    justify-content: space-between;    
    width: 100%;
}

.label-block-footer[b-6kpslyy5ne] {
    gap: .5rem;
}

    .date[b-6kpslyy5ne],
    .label-block-footer div[b-6kpslyy5ne] {
        display: flex;
        align-items: center;
        padding: 0.5rem 1rem;
        justify-content: center;
        align-items: center;
        gap: 0.5rem;
        border-radius: 2.5rem;
        background: var(--Dark-Blue-Dark-Blue-100, #EBEFFF);
        color: var(--Dark-Dark-1000, #0A0C3C);
        font-size: 0.875rem;
        font-style: normal;
        font-weight: 500;
        line-height: normal;
    }
.author-card[b-6kpslyy5ne] {
    display: flex;
    padding: 1rem;
    justify-content: start;
    align-items: center;
    align-self: stretch;
    border-radius: 1rem;
    background: var(--Main-White, #FFF);
    gap: 1.25rem;
}
.button-block[b-6kpslyy5ne] {
    margin-left:auto;
}
.avatar[b-6kpslyy5ne] {
    width: 4.875rem;
    height: 4.875rem;
    aspect-ratio: 1/1;
    border-radius: 0.5rem;
    overflow: hidden;
}
.avatar img[b-6kpslyy5ne] {
    width:100%;
}
.author-card small[b-6kpslyy5ne] {
    color: var(--Purple-Purple-1000, #7E6CFF);    
    font-size: 0.75rem;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}
.author-card p[b-6kpslyy5ne] {
    color: var(--Dark-Dark-400, #9D9EB1);    
    font-size: 0.75rem;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}
.author-card h4[b-6kpslyy5ne] {
    margin: .5rem 0 .25rem;
}
.text[b-6kpslyy5ne] {
    display: flex;
    flex-direction: column;
    align-items: start;
    justify-content: center;
}

.active svg[b-6kpslyy5ne] {
    fill: var(--Purple-Purple-1000, #7E6CFF);
}

@media (max-width: 640.98px) {

    .new-block[b-6kpslyy5ne] {
        grid-template-columns: 1fr;
        margin: 0 .75rem;
    }
    .author-card h4[b-6kpslyy5ne] {
        font-size: 1rem;
    }
    .footer-news[b-6kpslyy5ne] {
        flex-direction: column;
        align-items:start;
    }
    .avatar[b-6kpslyy5ne] {
        display: flex;
        align-items:center;
    }
    .avatar img[b-6kpslyy5ne] {
        border-radius: .5rem;
    }
    .footer-news[b-6kpslyy5ne] {
        
    }
    .card-list .card .text-block[b-6kpslyy5ne] {
        max-height: 8rem;
    }

    .img-block[b-6kpslyy5ne] {
        width: 100%;
    }
}
/* /Components/Pages/NewsPages/Index.razor.rz.scp.css */
.container[b-gy4hhwirxm] {
    display: flex;
    flex-direction: column;
    gap: 1.25rem;
}
.title[b-gy4hhwirxm] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 1.25rem;
}

.img-block[b-gy4hhwirxm] {
    position: relative;
    overflow: hidden;
    aspect-ratio: 2.3 / 1;
    border-radius: 1rem;
    display: flex;
    align-items: center;
}

.label-block[b-gy4hhwirxm] {
    position: absolute;
    top: .75rem;
    left: .75rem;
    display: flex;
    gap: .5rem;
}

.img-block img[b-gy4hhwirxm] {
    width: 100%;
}

.title .text-block[b-gy4hhwirxm] {
    padding: 1rem 0;
}

    .title .text-block h5[b-gy4hhwirxm] {
        margin: .25rem 0 .5rem;
    }

.text-block p[b-gy4hhwirxm] {
    text-overflow: ellipsis;
}



    label[b-gy4hhwirxm] {
        display: flex;
        padding: 0.25rem 0.5rem;
        justify-content: center;
        align-items: center;
        gap: 0.25rem;
        border-radius: 0.25rem;
        background: var(--Main-White);
        color: var(--Dark-Dark-1000);
        font-family: Montserrat;
        font-size: 0.5rem;
        font-style: normal;
        font-weight: 600;
        line-height: normal;
    }

.card-list[b-gy4hhwirxm] {
    display:grid;
    grid-template-columns: repeat(4,1fr);
    gap: 1.25rem;
}
.card[b-gy4hhwirxm] {
    display: flex;   
    flex-direction: column;    
    align-items: flex-start;
    gap: 1.25rem;
    cursor:pointer;
}

.date[b-gy4hhwirxm] {
    color: var(--Green-Green-1000, #2BC4D5);
    font-family: Montserrat;
    font-size: 0.75rem;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}

p.mute[b-gy4hhwirxm] {
    text-overflow: ellipsis;
    /* Paragraph/12 Medium */
    font-family: Montserrat;
    font-size: 0.75rem;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}


.text-block h5[b-gy4hhwirxm] {
   margin: .25rem 0 .5rem;
}

.text-block[b-gy4hhwirxm] {
    max-height: 6.125rem;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    flex: 1;
}

.title .btn[b-gy4hhwirxm] {
    width: fit-content;
    margin-top: 1rem;
}

.text-block p[b-gy4hhwirxm] {
    --l: .75rem;
    display: -webkit-box;
    max-height: 3lh;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    flex-grow: 1;
    margin-top:auto;
}

.title .text-block[b-gy4hhwirxm] {
    max-height: max-content;
}
    .title .text-block p[b-gy4hhwirxm] {
        max-height: 9lh;
        -webkit-line-clamp: 9;
    }
h5[b-gy4hhwirxm] {
    overflow:clip;
}

@media (max-width: 640.98px) {
    .title[b-gy4hhwirxm] {
        grid-template-columns: 1fr;
        margin: 0 .75rem;
    }

    .card-list .card .text-block[b-gy4hhwirxm] {
        max-height: 8rem;
    }
    .img-block[b-gy4hhwirxm] {
        width: 100%;
    }
}
/* /Components/Pages/NutritionPages/ButtonComponent.razor.rz.scp.css */
.select-custom[b-sht989xz3p] {
    display: flex;
    flex-direction:column;
    width: 100%;
    position:relative;
}
.select-custom .select-title[b-sht989xz3p] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    align-self: stretch;
    color: var(--Dark-Dark-400, #9D9EB1);
    font-family: Montserrat;
    font-size: 0.875rem;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    border-radius: 0.75rem;
    border: 1px solid var(--Dark-Dark-200, #CECED8);
    background: var(--Main-White, #FFF);
    padding: 0.75rem;
    cursor: pointer;
    gap: .5rem;
}

    .select-custom.active .select-list[b-sht989xz3p] {
        display: flex;
    }
    .select-custom .select-list[b-sht989xz3p] {
        display: none;
        width: -webkit-fill-available;
        flex-direction: column;
        align-items: flex-start;
        position: absolute;
        top: 3.25rem;
        border-radius: 0.75rem;
        border: 1px solid var(--Purple-Purple-300, #CBC4FF);
        background: var(--Main-White, #FFF);
        z-index: 10;
    }

.row-list[b-sht989xz3p] {
    display: flex;
    padding: 0.75rem;
    flex-direction: row;
    justify-content: start;
    align-items: flex-start;
    align-self: stretch;
    color: var(--Dark-Dark-1000, #0A0C3C);    
    font-family: Montserrat;
    font-size: 0.875rem;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    cursor: pointer;
    gap: .5rem;
}
/* /Components/Pages/NutritionPages/Details.razor.rz.scp.css */
.one[b-2gnx3em3l4] {
    display:grid;
    grid-template-columns: 1fr 1fr;
    gap: 1.25rem;
    margin: 1.25rem 0;
}

.right .title[b-2gnx3em3l4] {
    width: 100%;
}
.left[b-2gnx3em3l4] {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 1.25rem;
    flex: 1 0 0;
}

    .left .img[b-2gnx3em3l4] {
        width: 100%;
        border-radius: 0.75rem;
        overflow:hidden;
    }

        .left .img img[b-2gnx3em3l4] {
            min-height: 100%;
            min-width: 100%;
        }

    .left .card[b-2gnx3em3l4] {
        display: flex;
        padding: 0.75rem;
        flex-direction: column;
        align-items: flex-start;
        gap: 0.75rem;
        align-self: stretch;
        border-radius: 0.75rem;
        background: var(--Main-White, #FFF);
    }
.right[b-2gnx3em3l4] {
    display: flex;
    flex-direction: column;    
    align-items: flex-start;
    gap: 1.25rem;
    flex: 1 0 0;
}

.list-progress[b-2gnx3em3l4] {
    display: flex;
    align-items: flex-start;
    gap: 1.25rem;
    align-self: stretch;
}
    .list-progress .col[b-2gnx3em3l4] {
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: 0.5rem;
        flex: 1 0 0;
    }

.col p[b-2gnx3em3l4] {
    color: var(--Dark-Dark-400, #9D9EB1);
    /* Paragraph/12 Medium */
    font-family: Montserrat;
    font-size: 0.75rem;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}

.col .progress[b-2gnx3em3l4] {
    height: 0.5rem;
    align-self: stretch;
    background: #F3F1FF;
    border-radius: 2rem;
}

    .col .progress div[b-2gnx3em3l4] {
        background: #7E6CFF;
        height: 0.5rem;
        align-self: stretch;        
        border-radius: 2rem;
    }

.right .card-ingredient[b-2gnx3em3l4] {
    display: flex;
    padding: 0.75rem;
    flex-direction: column;
    align-items: flex-start;
    gap: 0.5rem;
    align-self: stretch;
    border-radius: 0.75rem;
    background: var(--Main-White, #FFF);
}
.ingredient-list[b-2gnx3em3l4] {
    width: 100%;
}
.ingredient[b-2gnx3em3l4] {
    display: flex;
    padding: 0.5rem 0;
    justify-content: space-between;      
    color: var(--Dark-Dark-400, #9D9EB1);
    text-overflow: ellipsis;
    /* Paragraph/12 Medium */
    font-family: Montserrat;
    font-size: 0.75rem;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}

.lable-list[b-2gnx3em3l4] {
    display: flex;
    align-items: flex-start;
    align-content: flex-start;
    gap: 0.5rem;
    align-self: stretch;
    flex-wrap: wrap;
}

    .lable-list label[b-2gnx3em3l4] {
        display: flex;
        padding: 0.5rem 1rem;
        justify-content: center;
        align-items: center;
        gap: 0.5rem;
        border-radius: 2.5rem;
        background: var(--Dark-Blue-Dark-Blue-100, #EBEFFF);
        color: var(--Dark-Dark-1000, #0A0C3C);
        /* Paragraph/14 Medium */
        font-family: Montserrat;
        font-size: 0.875rem;
        font-style: normal;
        font-weight: 500;
        line-height: normal;
    }
.right .title[b-2gnx3em3l4],
.card-ingredient .title[b-2gnx3em3l4] {
    margin: 0;
}




.ingredient .center[b-2gnx3em3l4] {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    flex: 1 0 0;
    border-bottom: dotted 2px;
    margin: 0
}

    .ingredient .qantity[b-2gnx3em3l4] {
        color: var(--Dark-Dark-1000, #0A0C3C);
        /* Paragraph/12 Semibold */
        font-family: Montserrat;
        font-size: 0.75rem;
        font-style: normal;
        font-weight: 600;
        line-height: normal;
    }

    .two[b-2gnx3em3l4] {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        gap: 1.25rem;
        align-self: stretch;
        margin-bottom: 1.25rem;
    }

.two .card[b-2gnx3em3l4] {
    display: flex;
    padding: 0.75rem;
    flex-direction: column;
    align-items: flex-start;
    gap: .5rem;
    align-self: stretch;
    border-radius: 1rem;
    background: var(--Main-White, #FFF);
}


    .two .card .step[b-2gnx3em3l4] {
        display: flex;
        padding: 1.25rem;
        flex-direction: column;
        align-items: flex-start;
        gap: 0.75rem;
        align-self: stretch;
        border-radius: 0.75rem;
    }

        .two .card .step:nth-child(2n)[b-2gnx3em3l4] {           
            background: var(--Dark-Blue-Dark-Blue-50, #F8F9FE);
        }
        .two .card .step p[b-2gnx3em3l4] {
            color: var(--Dark-Dark-400, #9D9EB1);
            /* Paragraph/12 Medium */
            font-family: Montserrat;
            font-size: 0.75rem;
            font-style: normal;
            font-weight: 500;
            line-height: normal;
        }

.title .btn.active svg path[b-2gnx3em3l4] {
    fill: #000;
}

@media (max-width: 640.98px) {
    .one[b-2gnx3em3l4] {
        grid-template-columns: 1fr;
        margin: 0 .75rem;
    }
}
/* /Components/Pages/NutritionPages/DetailsGiga.razor.rz.scp.css */
.one[b-f8om7sv8th] {
    display:grid;
    grid-template-columns: 1fr 1fr;
    gap: 1.25rem;
    margin: 1.25rem 0;
}

.right .title[b-f8om7sv8th] {
    width: 100%;
}
.left[b-f8om7sv8th] {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 1.25rem;
    flex: 1 0 0;
}

    .left .img[b-f8om7sv8th] {
        width: 100%;
        border-radius: 0.75rem;
        overflow:hidden;
    }

        .left .img img[b-f8om7sv8th] {
            min-height: 100%;
            min-width: 100%;
        }

    .left .card[b-f8om7sv8th] {
        display: flex;
        padding: 0.75rem;
        flex-direction: column;
        align-items: flex-start;
        gap: 0.75rem;
        align-self: stretch;
        border-radius: 0.75rem;
        background: var(--Main-White, #FFF);
    }
.right[b-f8om7sv8th] {
    display: flex;
    flex-direction: column;    
    align-items: flex-start;
    gap: 1.25rem;
    flex: 1 0 0;
}

.list-progress[b-f8om7sv8th] {
    display: flex;
    align-items: flex-start;
    gap: 1.25rem;
    align-self: stretch;
}
    .list-progress .col[b-f8om7sv8th] {
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: 0.5rem;
        flex: 1 0 0;
    }

.col p[b-f8om7sv8th] {
    color: var(--Dark-Dark-400, #9D9EB1);
    /* Paragraph/12 Medium */
    font-family: Montserrat;
    font-size: 0.75rem;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}

.col .progress[b-f8om7sv8th] {
    height: 0.5rem;
    align-self: stretch;
    background: #F3F1FF;
    border-radius: 2rem;
}

    .col .progress div[b-f8om7sv8th] {
        background: #7E6CFF;
        height: 0.5rem;
        align-self: stretch;        
        border-radius: 2rem;
    }

.right .card-ingredient[b-f8om7sv8th] {
    display: flex;
    padding: 0.75rem;
    flex-direction: column;
    align-items: flex-start;
    gap: 0.5rem;
    align-self: stretch;
    border-radius: 0.75rem;
    background: var(--Main-White, #FFF);
}
.ingredient-list[b-f8om7sv8th] {
    width: 100%;
}
.ingredient[b-f8om7sv8th] {
    display: flex;
    padding: 0.5rem 0;
    justify-content: space-between;      
    color: var(--Dark-Dark-400, #9D9EB1);
    text-overflow: ellipsis;
    /* Paragraph/12 Medium */
    font-family: Montserrat;
    font-size: 0.75rem;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}

.lable-list[b-f8om7sv8th] {
    display: flex;
    align-items: flex-start;
    align-content: flex-start;
    gap: 0.5rem;
    align-self: stretch;
    flex-wrap: wrap;
}

    .lable-list label[b-f8om7sv8th] {
        display: flex;
        padding: 0.5rem 1rem;
        justify-content: center;
        align-items: center;
        gap: 0.5rem;
        border-radius: 2.5rem;
        background: var(--Dark-Blue-Dark-Blue-100, #EBEFFF);
        color: var(--Dark-Dark-1000, #0A0C3C);
        /* Paragraph/14 Medium */
        font-family: Montserrat;
        font-size: 0.875rem;
        font-style: normal;
        font-weight: 500;
        line-height: normal;
    }
.right .title[b-f8om7sv8th],
.card-ingredient .title[b-f8om7sv8th] {
    margin: 0;
}




.ingredient .center[b-f8om7sv8th] {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    flex: 1 0 0;
    border-bottom: dotted 2px;
    margin: 0
}

    .ingredient .qantity[b-f8om7sv8th] {
        color: var(--Dark-Dark-1000, #0A0C3C);
        /* Paragraph/12 Semibold */
        font-family: Montserrat;
        font-size: 0.75rem;
        font-style: normal;
        font-weight: 600;
        line-height: normal;
    }

    .two[b-f8om7sv8th] {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        gap: 1.25rem;
        align-self: stretch;
        margin-bottom: 1.25rem;
    }

.two .card[b-f8om7sv8th] {
    display: flex;
    padding: 0.75rem;
    flex-direction: column;
    align-items: flex-start;
    gap: .5rem;
    align-self: stretch;
    border-radius: 1rem;
    background: var(--Main-White, #FFF);
}


    .two .card .step[b-f8om7sv8th] {
        display: flex;
        padding: 1.25rem;
        flex-direction: column;
        align-items: flex-start;
        gap: 0.75rem;
        align-self: stretch;
        border-radius: 0.75rem;
    }

        .two .card .step:nth-child(2n)[b-f8om7sv8th] {           
            background: var(--Dark-Blue-Dark-Blue-50, #F8F9FE);
        }
        .two .card .step p[b-f8om7sv8th] {
            color: var(--Dark-Dark-400, #9D9EB1);
            /* Paragraph/12 Medium */
            font-family: Montserrat;
            font-size: 0.75rem;
            font-style: normal;
            font-weight: 500;
            line-height: normal;
        }

.title .btn.active svg path[b-f8om7sv8th] {
    fill: #000;
}

@media (max-width: 640.98px) {
    .one[b-f8om7sv8th] {
        grid-template-columns: 1fr;
        margin: 0 .75rem;
    }
}
/* /Components/Pages/NutritionPages/Index.razor.rz.scp.css */
.container[b-otttv0ksx7] {
    display: flex;
    flex-direction: column;
    gap: 1.25rem;
}
.one[b-otttv0ksx7] {
    display: grid;
    gap: 1.25rem;
    grid-template-columns: 3fr 1fr; 
}




.two[b-otttv0ksx7] {
    display:flex;
    flex-direction:column;
    gap:1.25rem;
}

.two-list[b-otttv0ksx7] {
    display: grid;
    grid-template-columns: 1fr 2.55fr;
    gap: 1.25rem;
}
.recipes-list[b-otttv0ksx7] {
    display: grid;
    grid-template-columns: repeat(4,1fr);
    gap: 1.25rem;
}



.recipes-list .card[b-otttv0ksx7] {
    display: flex;
    flex-direction: column;
    gap: 1.25rem;
    cursor: pointer;
}

        .recipes-list .card .img[b-otttv0ksx7] {
            position: relative;
            border-radius: 0.75rem;
            aspect-ratio: 1/1;
            overflow: hidden;
            justify-content: center;
            display: flex;
            background-position: center;
        }

            .recipes-list .card .img img[b-otttv0ksx7] {
                min-height: 100%;
                width: auto;
                justify-content: center;
                display: flex;
            }

            .recipes-list .card .img label[b-otttv0ksx7] {
                position: absolute;
                display: inline-flex;
                padding: 0.25rem 0.5rem;
                justify-content: center;
                align-items: center;
                gap: 0.625rem;
                border-radius: 0.25rem;
                background: var(--Main-White, #FFF);
                color: var(--Dark-Dark-1000, #0A0C3C);
                font-size: 0.625rem;
                font-style: normal;
                font-weight: 600;
                line-height: normal;
                top: .5rem;
                left: .5rem;
            }

.card-footer h5[b-otttv0ksx7] {
    margin-bottom: .5rem;
}

.card-footer .label-list[b-otttv0ksx7] {
    display: flex;
    align-items: flex-start;
    gap: 0.5rem;
    align-self: stretch;
}

.card-footer label[b-otttv0ksx7] {
    display: flex;
    padding: 0.25rem 0.75rem;
    justify-content: center;
    align-items: center;
    gap: 0.5rem;
    border-radius: 2.5rem;
    background: var(--Orange-Orange-100, #FFF8EC);
    color: var(--Orange-Orange-1000, #FFB53D);
    font-size: 0.75rem;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}
.recipes-filter[b-otttv0ksx7] {
    display: flex;
    flex-direction: column;
    gap: 1.25rem;
}
.recipes-filter .card[b-otttv0ksx7] {
    border-radius: 1rem;
    background: var(--Main-White, #FFF);
    display: flex;    
    padding: 1rem;
    flex-direction: column;
    align-items: flex-start;
    gap: 1.25rem;
}

.recipes-filter .gigachat-card[b-otttv0ksx7] {
    background-image: url('img/gigachatfon.png');
    background-size: cover;
    background-repeat: no-repeat;
}

.title-giga[b-otttv0ksx7] {
    display: flex;
    align-items:center;
    gap: .5rem;
}
    .title-giga p[b-otttv0ksx7] {
        color: #FFF;
        text-align: center;
        /* Paragraph/14 Medium */
        font-family: Montserrat;
        font-size: 0.875rem;
        font-style: normal;
        font-weight: 500;
        line-height: normal;
    }

    .title-giga div:last-child[b-otttv0ksx7] {
        display: flex;        
        flex-direction: column;
        align-items: center;
        gap: 0.75rem;
    }

.form-floating-giga[b-otttv0ksx7] {
    display: flex;    
    width: 100%;
    justify-content: space-between;
    align-items: center;
    gap: .25rem;
}

    .form-floating-giga .form-control[b-otttv0ksx7] {        
        border: none;
        color: var(--Main-White, #FFF);
        font-family: Montserrat;
        font-size: 1rem;
        font-style: normal;
        font-weight: 500;
        line-height: normal;
        opacity: 1;
        width: 100%;        
        background: rgba(234, 250, 251, 0.20);
    }

        .form-floating-giga .form-control[b-otttv0ksx7]::placeholder {
            color: var(--Main-White, #FFF);
        }

        .form-control:-webkit-autofill[b-otttv0ksx7] {
        }

input:-webkit-autofill[b-otttv0ksx7] {
    -webkit-text-fill-color: #fff !important;
}

input:-internal-autofill-selected[b-otttv0ksx7] {
    appearance: menulist-button;
    background-image: none !important;
    background: none !important;
    color: #fff !important;
}

input:-webkit-autofill[b-otttv0ksx7],
input:-webkit-autofill:hover[b-otttv0ksx7],
input:-webkit-autofill:focus[b-otttv0ksx7],
input:-webkit-autofill:active[b-otttv0ksx7] {
    box-shadow: 0 0 0 30px rgba(0,0,0,1) inset !important;
    /*-webkit-box-shadow: 0 0 0px 1000px rgba(0,0,0,0) inset !important;
    color: #fff;*/
    -webkit-text-fill-color: #fff !important;    
}
a.btn[b-otttv0ksx7] {
    width: 100%;
    color: var(--Main-White, #FFF);
}
.btn-gigachat[b-otttv0ksx7] {
    border-radius: 0.75rem;
    background: rgba(234, 250, 251, 0.20);
}

    @media (max-width: 640.98px) {
        .one[b-otttv0ksx7], .two-list[b-otttv0ksx7] {
            grid-template-columns: 1fr;
            margin: 0 .75rem;
        }

        .recipes-list[b-otttv0ksx7] {
            grid-template-columns: 1fr;
        }

            .recipes-list .card .img[b-otttv0ksx7] {
                background-size: cover;
                aspect-ratio: 183/70;
            }

        .two h4[b-otttv0ksx7] {
            margin: 0 .75rem;
        }
    }
/* /Components/Pages/NutritionPages/ModalCalendar.razor.rz.scp.css */
.modal-card[b-q9v69c3tc3] {
    display: flex;
    flex-direction: column;
    padding: 2rem;
    border-radius: 30px;
    background: rgba(255, 255, 255, 1);
    box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.10);
    height: fit-content;
    margin: auto;
    width: min-content;
    z-index: 2001;
    min-width: 25rem;
}

.title-cal[b-q9v69c3tc3] {
    display: flex;
    align-items: center;
    justify-content: space-around;
    margin-bottom: 1.5rem;
}

    .title-cal.active .center-arrow svg[b-q9v69c3tc3] {
        transform: rotate(180deg);
    }

.center-arrow[b-q9v69c3tc3] {
    display: flex;
    padding: 0.75rem 1rem;
    justify-content: center;
    align-items: center;
    border-radius: 0.75rem;
    background: var(--Dark-Blue-Dark-Blue-100, #EBEFFF);
}

.month-name[b-q9v69c3tc3] {
    display: flex;
    flex-direction: column;
    align-items: center;
    color: var(--Dark-Dark-1000, #0A0C3C);
    text-align: center;
    /* Paragraph/14 Medium */
    font-family: Montserrat;
    font-size: 0.875rem;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    gap: .25rem;
}

    .month-name label[b-q9v69c3tc3] {
        color: var(--Dark-Dark-300, #B6B7C5);
        text-align: center;
        /* Paragraph/10 Medium */
        font-family: Montserrat;
        font-size: 0.625rem;
        font-style: normal;
        font-weight: 500;
        line-height: normal;
    }

.calendar[b-q9v69c3tc3] {
    display: grid;
    grid-template-columns: repeat(7,1fr);
}

.dayofweek[b-q9v69c3tc3] {
    color: var(--Dark-Dark-300, #B6B7C5);
    text-align: center;
    /* Paragraph/12 Medium */
    font-family: Montserrat;
    font-size: 0.75rem;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    display: flex;
    padding: 0.625rem;
    justify-content: center;
    align-items: center;
    gap: 0.625rem;
    flex: 1 0 0;
    border-radius: 0.5rem;
}

.day[b-q9v69c3tc3] {
    display: flex;
    padding: 0.875rem 0.625rem;
    justify-content: center;
    align-items: center;
    gap: 0.625rem;
    flex: 1 0 0;
    border-radius: 0.5rem;
    background: var(--Dark-Blue-Dark-Blue-100, #EBEFFF);
    color: var(--Dark-Dark-1000, #0A0C3C);
    text-align: center;
    font-family: Montserrat;
    font-size: 0.75rem;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    cursor: pointer;
}

    .day i[b-q9v69c3tc3] {
        font-style: normal;
    }

    .day.active[b-q9v69c3tc3] {
        background: var(--Purple-Purple-1000, #7E6CFF);
        color: var(--Main-White, #FFF);
    }

    .day.grey[b-q9v69c3tc3] {
        opacity: 0.5;
        background: var(--Dark-Blue-Dark-Blue-100, #EBEFFF);
        color: var(--Dark-Dark-1000, #0A0C3C);
    }



/* /Components/Pages/NutritionPages/ModalEditDairy.razor.rz.scp.css */
/* Модальное окно */
.modal-overlay[b-dxmyrd2p81] {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.4);
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 2000;
    padding: 1rem;
}

.modal-container[b-dxmyrd2p81] {
    background: var(--bg-white);
    border-radius: 1.25rem;
    padding: 1.25rem;
    width: 100%;
    max-width: 56.25rem;
    position: relative;
    box-shadow: 0 0.5rem 1.5rem rgba(0, 0, 0, 0.1);
    animation: modalAppear-b-dxmyrd2p81 0.3s ease-out;    
    max-height: 90vh;
    cursor: default; /* Убираем курсор pointer */
}

/* Кнопка закрытия */
.close-button[b-dxmyrd2p81] {
    position: absolute;
    top: 0;
    right: -3.5rem;
    background: var(--bg-white);
    border: none;
    border-radius: 0.75rem;
    padding: 0.75rem;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 10;
    box-shadow: 0 0.125rem 0.5rem rgba(0, 0, 0, 0.1);
}

/* Заголовок */
.modal-header[b-dxmyrd2p81] {
    margin-bottom: 1.25rem;
    padding-right: 3rem;
}

.modal-title[b-dxmyrd2p81] {
    font-size: 1.375rem;
    font-weight: 700;
    color: var(--text-color);
    line-height: 1.4;
    margin: 0;
    flex-direction:row;
}

.modal-subtitle[b-dxmyrd2p81] {
    color: var(--primary-color);
}

/* Форма */
.form-grid[b-dxmyrd2p81] {
    display: grid;
    grid-template-columns: 1fr;
    gap: 1.25rem;
    margin-bottom: 2rem;
}

.form-grid .col-1[b-dxmyrd2p81] {
    display: flex;
    flex-direction:column;
    gap: 1.25rem;
}

@media (min-width: 768px) {
    .form-grid[b-dxmyrd2p81] {
        grid-template-columns: 1fr 1fr;
    }
}

.form-group[b-dxmyrd2p81] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

    .form-group.full-width[b-dxmyrd2p81] {
        grid-column: 1 / -1;
    }

.form-label[b-dxmyrd2p81] {
    color: var(--text-secondary);
    font-size: 0.75rem;
    font-weight: 500;
    margin: 0;
}

.form-control[b-dxmyrd2p81],
.select-wrapper[b-dxmyrd2p81] {
    padding: 0.75rem;
    background: var(--bg-white);
    border: 0.0625rem solid var(--border-color);
    border-radius: 0.75rem;
    font-size: 0.875rem;
    font-weight: 500;    
    outline: none;
    transition: border-color 0.3s;
    font-family: 'Montserrat', sans-serif;
}

    .form-control[b-dxmyrd2p81]::placeholder {
        color: var(--text-secondary);
    }

    .form-control:focus[b-dxmyrd2p81],
    .select-wrapper:focus-within[b-dxmyrd2p81] {
        border-color: var(--primary-color);
    }

.select-wrapper[b-dxmyrd2p81] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    cursor: pointer;
    position: relative;
    
    user-select: none;
}

.select-value[b-dxmyrd2p81] {
    color: var(--text-color);
}

/* Выпадающий список времени */
.time-dropdown[b-dxmyrd2p81] {
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    background: var(--bg-white);
    border: 0.0625rem solid var(--border-color);
    border-radius: 0.75rem;
    margin-top: 0.25rem;
    max-height: 12.5rem;
    overflow-y: auto;
    z-index: 100;
    box-shadow: 0 0.25rem 0.75rem rgba(0, 0, 0, 0.1);
}

.time-option[b-dxmyrd2p81] {
    padding: 0.75rem;
    color: var(--text-color);
    font-size: 0.875rem;
    cursor: pointer;
    transition: background-color 0.3s;
    user-select: none;
}

    .time-option:hover[b-dxmyrd2p81] {
        background-color: var(--bg-light);
    }

    .time-option.active[b-dxmyrd2p81] {
        background-color: var(--primary-color);
        color: white;
    }

/* Эмоции */
.emotions-section[b-dxmyrd2p81] {
    margin-bottom: 2rem;
}

.emotions-title[b-dxmyrd2p81] {
    font-size: 1.125rem;
    font-weight: 600;
    color: var(--text-color);
    margin-bottom: 1.25rem;
    margin-top: 0;
}

.emotions-grid[b-dxmyrd2p81] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(10rem, 1fr));
    gap: 0.5rem;
    justify-content: center;
}

.emotion-item[b-dxmyrd2p81] {
    padding: 1.5rem 0;
    background: var(--bg-light);
    border-radius: 0.75rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 1.25rem;
    cursor: pointer;
    transition: all 0.3s;
    border: 0.0625rem solid transparent;
    user-select: none;
}

    .emotion-item:hover[b-dxmyrd2p81] {
        transform: translateY(-0.125rem);
        box-shadow: 0 0.25rem 0.75rem rgba(126, 108, 255, 0.1);
    }

    .emotion-item.selected[b-dxmyrd2p81] {
        background: var(--bg-light);
        border-color: var(--primary-color);
        outline: 0.0625rem solid var(--primary-color);
        outline-offset: -0.0625rem;
    }

.emotion-icon[b-dxmyrd2p81] {
    width: 6.25rem;
    height: 6.25rem;
    position: relative;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
}

    .emotion-icon[b-dxmyrd2p81]  svg {
        width: 100%;
        height: 100%;
    }

/* Кнопки действий */
.actions-container[b-dxmyrd2p81] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    margin-top: 2rem;
}

@media (min-width: 480px) {
    .actions-container[b-dxmyrd2p81] {
        flex-direction: row;
        justify-content: flex-end;
    }
}

.button[b-dxmyrd2p81] {
    padding: 0.75rem 1rem;
    border-radius: 0.75rem;
    border: none;
    font-size: 0.875rem;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s;
    text-align: center;
    min-width: 8rem;
    font-family: 'Montserrat', sans-serif;
    user-select: none;
}

.button-primary[b-dxmyrd2p81] {
    background: var(--primary-color);
    color: var(--bg-white);
}

    .button-primary:hover[b-dxmyrd2p81] {
        background: #6A5AFF;
        transform: translateY(-0.125rem);
        box-shadow: 0 0.25rem 0.75rem rgba(126, 108, 255, 0.3);
    }

.button-secondary[b-dxmyrd2p81] {
    background: var(--bg-button-secondary);
    color: var(--text-color);
}

    .button-secondary:hover[b-dxmyrd2p81] {
        background: #E0E3FF;
        transform: translateY(-0.125rem);
        box-shadow: 0 0.25rem 0.75rem rgba(0, 0, 0, 0.1);
    }

/* Сообщения об ошибках */
.text-danger[b-dxmyrd2p81] {
    color: #dc3545;
    font-size: 0.75rem;
    margin-top: 0.25rem;
}

/* Анимация */
@keyframes modalAppear-b-dxmyrd2p81 {
    from {
        opacity: 0;
        transform: translateY(-1rem) scale(0.95);
    }

    to {
        opacity: 1;
        transform: translateY(0) scale(1);
    }
}

/* Мобильная оптимизация */
@media (max-width: 767px) {
    .modal-container[b-dxmyrd2p81] {
        padding: 1rem;
        max-width: 100%;
        margin: 1rem;
        max-height: 85vh;
    }

    .close-button[b-dxmyrd2p81] {
        top: 0.5rem;
        right: 0.5rem;
    }

    .modal-title[b-dxmyrd2p81] {
        font-size: 1.25rem;
    }

    .modal-header[b-dxmyrd2p81] {
        padding-right: 2.5rem;
    }

    .emotions-grid[b-dxmyrd2p81] {
        grid-template-columns: repeat(2, 1fr);
        gap: 0.5rem;
    }

    .emotion-item[b-dxmyrd2p81] {
        padding: 1rem 0;
        gap: 1rem;
    }

    .emotion-icon[b-dxmyrd2p81] {
        width: 5rem;
        height: 5rem;
    }

    .button[b-dxmyrd2p81] {
        width: 100%;
    }

    .actions-container[b-dxmyrd2p81] {
        width: 100%;
    }

    .form-control[b-dxmyrd2p81],
    .select-wrapper[b-dxmyrd2p81] {
        
    }
}

@media (max-width: 480px) {
    .emotions-grid[b-dxmyrd2p81] {
        grid-template-columns: 1fr;
        max-width: 20rem;
        margin: 0 auto;
    }

    .modal-title[b-dxmyrd2p81] {
        font-size: 1.125rem;
    }

    .emotions-title[b-dxmyrd2p81] {
        font-size: 1rem;
    }

    .modal-overlay[b-dxmyrd2p81] {
        padding: 0.5rem;
    }
}

/* Кастомные стили для InputNumber и InputText */
[b-dxmyrd2p81] input.form-control {
    border: none;
    outline: none;    
    background: transparent;
    font-size: 0.875rem;
    font-family: 'Montserrat', sans-serif;
    color: var(--text-color);
    border-radius: 0.75rem;
    border: 1px solid var(--Dark-Dark-200, #CECED8);
    background: var(--Main-White, #FFF);
}

[b-dxmyrd2p81] textarea.form-control {
 height: 100%;
}

    [b-dxmyrd2p81] input.form-control::placeholder {
        color: var(--text-secondary);
    }

/* Стили для валидации */
[b-dxmyrd2p81] .validation-message {
    color: #dc3545;
    font-size: 0.75rem;
    margin-top: 0.25rem;
    display: block;
}

/* Скроллбар для выпадающего списка */
.time-dropdown[b-dxmyrd2p81]::-webkit-scrollbar {
    width: 0.375rem;
}

.time-dropdown[b-dxmyrd2p81]::-webkit-scrollbar-track {
    background: var(--bg-light);
    border-radius: 0.25rem;
}

.time-dropdown[b-dxmyrd2p81]::-webkit-scrollbar-thumb {
    background: var(--border-color);
    border-radius: 0.25rem;
}

    .time-dropdown[b-dxmyrd2p81]::-webkit-scrollbar-thumb:hover {
        background: var(--text-secondary);
    }
/* /Components/Pages/NutritionPages/MyFoodDiary.razor.rz.scp.css */
.grid-2[b-w7uhzmhk9q] {
    display: grid;
    grid-template-columns: 5fr 7fr;
    gap: 1.25rem;
}
.card[b-w7uhzmhk9q] {
    display: flex;
    padding: 1rem;
    flex-direction: column;
    align-items: flex-start;
    gap: 1.25rem;
    border-radius: 1rem;
    background: var(--Main-White, #FFF);
}
.button-arrow-block[b-w7uhzmhk9q] {
    margin-left: auto;
}

.card .title[b-w7uhzmhk9q] {
    width: 100%;
    margin-bottom: 0;
}

h5 b[b-w7uhzmhk9q] {
    color: var(--Purple-Purple-1000, #7E6CFF);    
    font-weight: 600;    
}

.card-body[b-w7uhzmhk9q] {
    width: 100%;
}

    .card-body hr[b-w7uhzmhk9q] {
        border:none;
        height: 1px;
        background: #F3F1FF;
        margin: 1rem 0;
    }

.eating-card-title[b-w7uhzmhk9q] {
    display:flex;
    align-items:center;
    justify-content:space-between;
}

.button-arrow-block .btn[b-w7uhzmhk9q] {    
    background: var(--Dark-Blue-Dark-Blue-50);
}

    .button-arrow-block .btn:hover[b-w7uhzmhk9q] {
        background: var(--Dark-Blue-Dark-Blue-200);
    }
.grid-2 .right[b-w7uhzmhk9q] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 1.25rem;
    align-self: stretch;
}

.target[b-w7uhzmhk9q] {
    display: flex;
    padding: 1.25rem 1.5rem;
    align-items: center;
    gap: 1rem;
    align-self: stretch;
    border-radius: 1rem;    
    background-image: url('svg/fon-target.svg');
    background-size: cover;
    background-repeat:no-repeat;
}
    .target .left[b-w7uhzmhk9q] {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: flex-start;
        gap: 0.75rem;
    }
    .target .left p[b-w7uhzmhk9q] {
        color: var(--Orange-Orange-1000, #FFB53D);
        /* Paragraph/12 Medium */
        font-family: Montserrat;
        font-size: 0.75rem;
        font-style: normal;
        font-weight: 500;
        line-height: normal;
    }

    .target .right[b-w7uhzmhk9q] {
        display: flex;
        padding: 0.75rem;
        flex-direction: column;
        align-items: flex-start;
        gap: 0.75rem;
        border-radius: 1rem;
        background: var(--Main-White, #FFF);
        flex: 1;
    }

.my-indicators[b-w7uhzmhk9q] {
    display: flex;
    padding: 0.75rem;
    flex-direction: column;
    align-items: flex-start;
    gap: 0.75rem;
    align-self: stretch;
    border-radius: 1rem;
    background: var(--Main-White, #FFF);
}

.advice[b-w7uhzmhk9q] {
    display: flex;
    padding: 0.75rem;
    flex-direction: column;
    align-items: flex-start;
    gap: 0.75rem;
    align-self: stretch;
    border-radius: 1rem;
    background: var(--Green-Green-50, #F4FCFD);
}

.indicator[b-w7uhzmhk9q] {
    display: flex;
    flex-direction: column;
    padding: 2.5rem;    
    align-items: flex-start;
    gap: 0.75rem;
    align-self: stretch;
}
.indicator-c[b-w7uhzmhk9q] {
    display: flex;    
    align-items: flex-start;
    gap: 0.75rem;
    align-self: stretch;
}
.indicator-l[b-w7uhzmhk9q] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 1.5rem;
}

.indicator-r[b-w7uhzmhk9q] {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: 1.25rem;
    flex: 1;
}
    .indicator-b[b-w7uhzmhk9q] {
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: 0.5rem;
        width: 100%;
        max-width: 15rem;
    }

.arc-progress[b-w7uhzmhk9q] {
    position:relative;
}
.arc-progress svg:first-child[b-w7uhzmhk9q] {
    position: absolute;
    bottom: 0;
}

.row-list[b-w7uhzmhk9q] {

}

.eating-card-list[b-w7uhzmhk9q] {
    display: flex;
    align-items: center;
    gap: 0.25rem;
    align-self: stretch;
}

    .eating-card-list .info[b-w7uhzmhk9q] {
        display: flex;
        flex-direction: column;
        padding: 0.75rem;
        align-items: start;
        gap: 0.5rem;
        flex: 1 0 0;
        border-radius: 0.75rem;
        background: var(--Dark-Blue-Dark-Blue-50, #F8F9FE);
    }

    .eating-card-list p[b-w7uhzmhk9q] {
        color: var(--Dark-Dark-400, #9D9EB1);
        /* Paragraph/12 Medium */
        font-family: Montserrat;
        font-size: 0.75rem;
        font-style: normal;
        font-weight: 500;
        line-height: normal;
    }
    .eating-card-list p.name[b-w7uhzmhk9q] {
        color: var(--Dark-Dark-1000, #0A0C3C);
        font-weight: 600;
    }

.btn-block[b-w7uhzmhk9q] {
    display: flex;
    gap: .25rem;
}

@media (max-width: 640.98px) {
    .grid-2[b-w7uhzmhk9q] {
        grid-template-columns: 1fr;
        margin: 0 .75rem;
    }
}
/* /Components/Pages/NutritionPages/MyNutrition.razor.rz.scp.css */
.card[b-lea9uy42mm] {
    border-radius: 1rem;
    background: var(--Main-White);
    display: flex;
    padding: 1rem 1.75rem;
    justify-content: center;
    align-items: center;
    gap: 1rem;
    flex-shrink: 0;
    flex-direction: column;
}

.card-body[b-lea9uy42mm] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    align-items: center;
}

.text-muted[b-lea9uy42mm] {
    text-align: center;
}
/* /Components/Pages/NutritionPages/Questionnaire.razor.rz.scp.css */
.container[b-t88p2crq2t] {
    display:flex;
    flex-direction: column;
    gap: 1.25rem;
}
.row[b-t88p2crq2t] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 1.25rem;    
}

.level div[b-t88p2crq2t] {
    display: grid;
    grid-template-columns: auto 1fr;
    gap: 1rem;
    align-items:center;
    cursor:pointer;
}

    .level div span[b-t88p2crq2t] {
        display: flex;
        border-radius: .25rem;
        border: 1px solid #D0D0D0;
        background: #FFF;
        height: 1.25rem;
        width: 1.25rem;
        align-items: center;
        justify-content: center;
    }

.level .active span[b-t88p2crq2t]::before {
    content: " ";
    background: rgb(43, 196, 214);
    height: 0.9rem;
    width: 0.9rem;
    border-radius: .25rem;    
}

.title[b-t88p2crq2t] {
    display:flex;
    flex-direction:column;
    gap: .5rem;
}

.parametr[b-t88p2crq2t], .parametr-1[b-t88p2crq2t] {
    border-radius: 1rem;
    background: var(--Main-White, #FFF);
    display: flex;
    padding: 1rem;
    flex-direction: column;
    align-items: flex-start;
    gap: 1.25rem;
    align-self: stretch;
}
[b-t88p2crq2t] form,
.card-block[b-t88p2crq2t],
.col-1[b-t88p2crq2t] {
    display:flex;
    flex-direction:column;
    gap: 1.25rem;
}

.col-2[b-t88p2crq2t], .col-2 .parametr[b-t88p2crq2t] {
    width: 100%;
}

.purpose[b-t88p2crq2t] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 1.25rem;
    width: 100%;
}

    .purpose div[b-t88p2crq2t] {
        border-radius: 1rem;        
        background: var(--Dark-Blue-Dark-Blue-50, #F8F9FE);
        padding: 1rem;
        display: flex;
        flex-direction: column;
        gap: .25rem;
        overflow:hidden;
    }

    .purpose .active[b-t88p2crq2t] {        
        border: 1px solid var(--Purple-Purple-1000, #7E6CFF);        
    }

        .purpose div img[b-t88p2crq2t] {
            width: 9.625rem;
            height: 9.625rem;
            aspect-ratio: 1/1;
            margin: -1.25rem -2rem 0 auto;
        }

        .purpose div p[b-t88p2crq2t] {
            color: var(--Dark-Dark-1000, #0A0C3C);            
            font-family: Montserrat;
            font-size: 1rem;
            font-style: normal;
            font-weight: 600;
            line-height: normal;
            display: flex;
            align-items:center;
            gap: .5rem;
        }

@media (max-width: 640.98px) {
    .card-block[b-t88p2crq2t] {
        grid-template-columns: 1fr;
        margin-bottom: 6rem;
    }
}
/* /Components/Pages/Profile/ChangePassword.razor.rz.scp.css */
.card[b-6idlcx15gb] {
    display: flex;
    padding: 1rem;
    flex-direction: column;
    align-items: flex-start;
    gap: 1.25rem;
    flex: 1 0 0;
    border-radius: 1rem;
    background: var(--Main-White, #FFF);
}

[b-6idlcx15gb] form {
    display: flex;   
    flex-direction: column;
    align-items: flex-start;
    gap: 1.25rem;
    width:100%;
}

.form-group[b-6idlcx15gb] {
    width: 100%;
}

.alarm[b-6idlcx15gb] {
    display: none;
}
/* /Components/Pages/Profile/Index.razor.rz.scp.css */
.container[b-m11fvifuv0] {
    display: flex;
    flex-direction:column;
    gap: 1.25rem;
}
.section-filter[b-m11fvifuv0] {
    display: grid;
    grid-template-columns: 1fr 2.55fr;
    gap: 1.25rem;
    margin-bottom: 1.25rem;
}

.filter .card[b-m11fvifuv0] {
    display: flex;
    padding: 0.75rem;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    border-radius: 1rem;
    background: var(--Main-White, #FFF);
}

.btn[b-m11fvifuv0] {
    display: flex;
    padding: 1rem;
    align-items: center;
    gap: 0.75rem;
    align-self: stretch;
    border-radius: 0.75rem;
    background: var(--Main-White, #FFF);
    color: var(--Dark-Dark-300, #B6B7C5);
    /* Paragraph/16 Medium */
    font-family: Montserrat;
    font-size: 1rem;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    justify-content: start;
}
    .btn:hover[b-m11fvifuv0] {
        background: var(--Dark-Blue-Dark-Blue-50, #F8F9FE);
    }

    .btn.active[b-m11fvifuv0] {
        background: var(--Green-Green-100, #EAFAFB);
        color: var(--Green-Green-1000, #2BC4D5);       
    }

        .btn.active svg path[b-m11fvifuv0] {
            fill: #2BC4D5;            
        }


.btn-logout[b-m11fvifuv0] {
    background: none;
    border: none;
    display: flex;
    gap: .75rem;
    align-items: center;
    padding: 0;
    color: var(--Main-Red, #EB4E4E);
    /* Paragraph/16 Medium */
    font-family: Montserrat;
    font-size: 1rem;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    cursor: pointer;
}

@media (max-width: 640.98px) {
    .section-filter[b-m11fvifuv0] {
        grid-template-columns: 1fr;
        margin: 0 .75rem 1.25rem;
    }

    .filter .card[b-m11fvifuv0] {
        flex-direction: row;
    }

    .filter .card span[b-m11fvifuv0] {
        display: none;
    }

        .filter .card .btn[b-m11fvifuv0],
            .filter .card .btn-logout[b-m11fvifuv0] {
        flex-direction: column;
        flex:1;
    }
}
/* /Components/Pages/Profile/ProfileComponent.razor.rz.scp.css */
.card[b-xa2kjkl4kj] {
    display: flex;
    padding: 1rem;
    flex-direction: column;
    align-items: flex-start;
    gap: 1.25rem;
    flex: 1 0 0;
    border-radius: 1rem;
    background: var(--Main-White, #FFF);
}
.grid-2[b-xa2kjkl4kj] {
    gap: 1.25rem;
    width: 100%;
}
.form-floating[b-xa2kjkl4kj],
.description[b-xa2kjkl4kj] {
    width: 100%;
}

.right[b-xa2kjkl4kj], .left[b-xa2kjkl4kj] {
    display: flex;    
    flex-direction: column;
    align-items: flex-start;
    gap: 1.25rem;
}

.avatar[b-xa2kjkl4kj] {
    display: flex;
    justify-content: center;
    align-items: center;   
    z-index: 1;
}

.img[b-xa2kjkl4kj] {
    display: flex;
    position: relative;   
}

    .img[b-xa2kjkl4kj]::after {
        content: " ";
        height: 9rem;
        width: 9rem;
        background: rgb(0, 0, 0, .3);
        z-index: 1;
        position: absolute;
        border-radius: 9rem;
    }
    .img[b-xa2kjkl4kj]::before {
        content: " ";
        width: 2.25rem;
        height: 2.25rem;
        background-image: url('svg/photo.svg');        
        position: absolute;
        top: calc(50% - 1.125rem);
        left: calc(50% - 1.125rem);
        z-index: 2;
    }

    .img img[b-xa2kjkl4kj] {
        height: 9rem;
        width: auto;
        z-index: 0;        
    }

.notification[b-xa2kjkl4kj] {
    display:flex;
    flex-direction: column;
    gap: 1.25rem;
    width: 100%;
}
.notification .row[b-xa2kjkl4kj] {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items:center;
}

.checkbox-round[b-xa2kjkl4kj] {
    padding: 0;
    border-radius: inherit;
    border: none;
    background: none;
}

@media (max-width: 640.98px) {
    .grid-2[b-xa2kjkl4kj] {
        grid-template-columns: 1fr;
    }
}
/* /Components/Pages/Profile/SubscriptionComponent.razor.rz.scp.css */
.card-profile[b-scfnbis3uk] {
    display: flex;
    padding: 1rem;
    flex-direction: column;
    align-items: flex-start;
    gap: 1.25rem;
    flex: 1 0 0;
    border-radius: 1rem;
    background: var(--Main-White, #FFF);
}
.block-info[b-scfnbis3uk] {
    width: 100%;
}
.block-info .row[b-scfnbis3uk] {
    display: grid;
    grid-template-columns: 2fr 1fr 1fr 1fr;    
}

.row[b-scfnbis3uk] {
    border-radius: 0.75rem;
    
    color: var(--Dark-Dark-1000, #0A0C3C);
    /* Paragraph/14 Medium */
    font-family: Montserrat;
    font-size: 0.875rem;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    display: flex;    
    padding: 1.25rem 1rem;
    align-items: center;
    gap: 0.625rem;
}

.block-header[b-scfnbis3uk] {
    background: var(--Dark-Blue-Dark-Blue-50, #F8F9FE);
}
.center[b-scfnbis3uk] {
    color: var(--Dark-Dark-400, #9D9EB1);    
}

@media (max-width: 640.98px) {
    .block-header.row div[b-scfnbis3uk] {
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        max-width: 6ch;
    }
}
/* /Components/Pages/ProgramPage/Details.razor.rz.scp.css */
.pocket-details[b-jx0dduq3xp] {
    display: flex;
    flex-direction: column;
    gap: 2.5rem;
    margin-top: 1.25rem;
}
.title-section[b-jx0dduq3xp] {
    display: grid;
    grid-template-columns: 2fr 1fr;
    gap: 1.75rem;
}

.banner[b-jx0dduq3xp] {
    background-image: url('svg/baner-bg-color-1-full.svg');
    background-size: cover;
    border-radius: 0.75rem;    
    padding: 1.5rem;
    color: var(--Main-White, #FFF);
}

    .banner h3[b-jx0dduq3xp],
        .banner p[b-jx0dduq3xp] {
        color: var(--Main-White, #FFF);
        text-align:center;
    }
    .banner h3[b-jx0dduq3xp] {
        margin-bottom: .75rem;
    }



.small[b-jx0dduq3xp] {
    font-size: 0.625rem;
}

.footer-btn[b-jx0dduq3xp] {
    display:flex;
    gap: .75rem;
    justify-content:center;
    margin: 1.25rem 0 .75rem;
}

.card-title-pocket[b-jx0dduq3xp] {
    background-image: url('svg/baner-lg-color-1.svg');
    background-size: cover;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 1rem 1.75rem;
    align-items: center;
    gap: 0.625rem;
    border-radius: 1rem;    
}
.btn-list[b-jx0dduq3xp] {
    display: flex;
    gap: 1.25rem;
    align-items: center;
    flex: 1;
}
.webinar-block[b-jx0dduq3xp] {
    background-image: url('svg/baner-bg-color-1.svg');
    background-size: cover;
    border-radius: 0.75rem;
    background: var(--Purple-Purple-1000, #7E6CFF);
    padding: 2.5rem;
    display: flex;
    gap: 1.5rem;
    justify-content: space-between;
}
    .webinar-block .text[b-jx0dduq3xp] {
        display: flex;
        flex-direction: column;
        gap: .75rem;
        color: #fff;
        flex: 1.7;
    }

    .text h3[b-jx0dduq3xp], .text p[b-jx0dduq3xp] {
        color: #fff;
    }
.step-block[b-jx0dduq3xp] {
    background-image: url('svg/vector9.svg');
    background-position: center;
    background-repeat: no-repeat;
    background-position-y: 2rem;
    background-size: unset;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 2.5rem;
    align-self: stretch;
}
.list-weekly[b-jx0dduq3xp] {
    display: flex;
    padding: 1.25rem;
    flex-direction: column;
    align-items: flex-start;
    gap: 1.25rem;
    align-self: stretch;
}
.step-list[b-jx0dduq3xp] {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 2.5rem;
    align-self: stretch;
}
.row-step[b-jx0dduq3xp] {
    display: flex;
    padding: 0 3.75rem;
    align-items: flex-start;
    gap: 2.5rem;
    align-self: stretch;
}

.card-step[b-jx0dduq3xp] {
    display: flex;
    padding: 1.25rem;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    gap: 2rem;
    border-radius: 0.75rem;
    background: var(--Purple-Purple-50, #F3F1FF);
    flex: .55;
}
.step-block .row-wekly:nth-child(2n)[b-jx0dduq3xp],
.step-list .row-step:nth-child(2n)[b-jx0dduq3xp] {
    justify-content: end
}

.title-step[b-jx0dduq3xp],
.title-step .one-t[b-jx0dduq3xp] {
    display: flex;
    gap: 1.25rem;
    align-items: center;
}

.video[b-jx0dduq3xp] {
    display: flex;
    position:relative;
    cursor:pointer;
}

    .video:hover[b-jx0dduq3xp]::after {
        content: " ";
        display: block;
        background: rgba(0,0,0,0.5);
        position: absolute;
        width: 100%;
        height: 100%;
        border-radius: 0.5rem;
    }

    .video img[b-jx0dduq3xp] {
        border-radius: 0.5rem;
    }

    .title-step .icon[b-jx0dduq3xp] {
        display: flex;
        padding: 0.75rem;
        align-items: center;
        gap: 0.625rem;
        border-radius: 0.75rem;
        background: var(--Purple-Purple-1000, #7E6CFF);
        height: fit-content;
    }

.card-step p[b-jx0dduq3xp] {
    color: var(--Dark-Dark-400, #9D9EB1);
    font-size: 0.75rem;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}
.body-step[b-jx0dduq3xp] {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    gap: 0.5rem;
    align-self: stretch;
}
.date[b-jx0dduq3xp] {
    display: flex;
    padding: 0.75rem 1rem;
    justify-content: center;
    align-items: center;
    gap: 0.625rem;
    flex-shrink: 0;
    border-radius: 0.75rem;
    background: var(--Purple-Purple-700, #9889FF);
    color: var(--Main-White, #FFF);
    /* Paragraph/14 Semibold */
    font-family: Montserrat;
    font-size: 0.875rem;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}

.include-list[b-jx0dduq3xp],
.include[b-jx0dduq3xp] {
    display: flex;
    gap: .75rem;
}
    .include-list[b-jx0dduq3xp] {
        flex-direction: column;
    }
    .include[b-jx0dduq3xp] {
        display: grid;
        grid-template-columns: repeat(6, 1fr);
    }
        .include .card[b-jx0dduq3xp] {
            display: flex;
            padding: 1.5rem;
            flex-direction: column;
            align-items: center;
            gap: 0.75rem;
            flex: 1 0 0;
            border-radius: 0.75rem;
            background: var(--Purple-Purple-50, #F3F1FF);
            grid-column: span 3;
            text-align: center;
        }

        .include .span-2[b-jx0dduq3xp] {
            grid-column: span 2;
        }

        .include .card .icon[b-jx0dduq3xp] {
            display: flex;
            padding: 0.75rem;
            align-items: center;
            gap: 0.625rem;
            border-radius: 0.75rem;
            background: var(--Purple-Purple-1000, #7E6CFF);
        }

        .include .card p[b-jx0dduq3xp] {           
            text-align: center; 
            font-size: 0.75rem;            
        }
.row-wekly[b-jx0dduq3xp] {
    display: flex;
}
.card-weekly[b-jx0dduq3xp] {
    display: flex;
    padding: 1.25rem;
    flex-direction: column;
    align-items: flex-start;
    gap: 1.25rem;
    border-radius: 1.25rem;
    background: var(--Main-White, #FFF);
    flex: .55;
}

.price-block[b-jx0dduq3xp] {
    display: grid;
    grid-template-columns: 1fr 1.55fr;
    padding: 0 3.75rem;
    justify-content: center;
    align-items: center;
    gap: 2.5rem;
    align-self: stretch;
}

.phone[b-jx0dduq3xp] {
    display: flex;
    padding-right: 6.6875rem;
    align-items: center;
    flex: 1 0 0;
    border-radius: 0.75rem;
    background: var(--Purple-Purple-1000, #7E6CFF);
    position: relative;
    height: 100%;
}
    .phone img[b-jx0dduq3xp] {
        max-width: calc(100% - 5rem);
        position: absolute;
        bottom: 0;
        left: 0;
    }
.price-card[b-jx0dduq3xp] {
    display: flex;
    padding: 0.75rem;
    flex-direction: column;
    align-items: flex-start;
    gap: 0.75rem;
    border-radius: 0.75rem;
    background: var(--Main-White, #FFF);    
}
.price-list[b-jx0dduq3xp] {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 0.75rem;
    align-self: stretch;
}
.price[b-jx0dduq3xp] {
    display: flex;
    padding: 0.75rem 0.75rem 0.75rem 1rem;
    align-items: center;
    gap: 1rem;
    align-self: stretch;
    border-radius: 0.75rem;
    background: var(--Dark-Blue-Dark-Blue-50, #F8F9FE);
    cursor:pointer;
}

    .price.active[b-jx0dduq3xp] {
        border-radius: 0.75rem;
        border: 1px solid var(--Purple-Purple-1000, #7E6CFF);
        background: var(--Purple-Purple-50, #F3F1FF);
    }
        .price .check svg path:last-child[b-jx0dduq3xp] {
            fill:none
        }
    .price.active .check svg path:last-child[b-jx0dduq3xp] {
        fill: #7E6CFF;
    }

    .price .text[b-jx0dduq3xp] {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        gap: 0.5rem;
    }
    .price small[b-jx0dduq3xp] {
        color: var(--Dark-Dark-400, #9D9EB1);
        /* Paragraph/16 Medium */
        font-family: Montserrat;
        font-size: 1rem;
        font-style: normal;
        font-weight: 500;
        line-height: normal;
    }

.check[b-jx0dduq3xp] {
    width: 2rem;
    height: 2rem;
    aspect-ratio: 1/1;
}

.price-card .btn-list[b-jx0dduq3xp] {
    display: flex;
    gap: .75rem;
    width: 100%;
}
.price-card .btn-list .btn[b-jx0dduq3xp] {
    flex: 1;
}

.price-card svg[b-jx0dduq3xp] {
    width: 100%;
}




@media (max-width: 640.98px) {
    .title-section[b-jx0dduq3xp], .price-block[b-jx0dduq3xp] {
        grid-template-columns: 1fr;
        margin: 0 .75rem;
    }
    .include[b-jx0dduq3xp] {
        overflow-y: scroll;
        margin-right: -.75rem;
        scrollbar-width: none;

    }
    .include .card[b-jx0dduq3xp] {        
       min-width: 9rem;
    }
    .include-list[b-jx0dduq3xp] {
        margin: 0 .75rem;
    }
    .include[b-jx0dduq3xp] {     
        grid-template-columns: repeat(1, 1fr);
        margin-bottom: 3rem;
    }
    .webinar-block[b-jx0dduq3xp] {
        flex-direction: column;
        margin: 0 .75rem;
        padding: 1rem;
    }
    .btn-list[b-jx0dduq3xp] {
        flex-direction: column;
        align-items: start;
    }
    .price-block[b-jx0dduq3xp] {
        padding: 0;
    }
    .price-card[b-jx0dduq3xp] {
        width: calc(100vw - 2.5rem);
        order: 2;
    }
    .phone[b-jx0dduq3xp] {
        order: 1;
        min-height: 11rem;
    }
        .phone img[b-jx0dduq3xp] {
            bottom: -.75rem;
        }

    .step-block[b-jx0dduq3xp] {
        margin: 0 .75rem;
    }
    .list-weekly[b-jx0dduq3xp], .row-step[b-jx0dduq3xp] {
        padding: 0;
    }
    .card-step[b-jx0dduq3xp], .card-weekly[b-jx0dduq3xp] {
        flex: 1;
    }

    .title-step[b-jx0dduq3xp] {
        flex-direction:column-reverse;
    }
    .video[b-jx0dduq3xp] {
        flex: 1;
        width: 100%;
        max-height: 4.5rem;
        overflow: hidden;
        align-items: center;
        border-radius: .5rem;
        cursor: pointer;
    }

    .video[b-jx0dduq3xp]:after {
       background: rgba(0,0,0,0.1)
    }

    .video img[b-jx0dduq3xp] {
        width: 100%;
        height: 100%;
    }
    .card-title-pocket[b-jx0dduq3xp] {
        align-items: start;
        padding: 1rem;
    }
}
/* /Components/Pages/ProgramPage/DetailsStepComponent.razor.rz.scp.css */
.container[b-qkdt19zdju] {
    display: flex;
    flex-direction:column;
    gap: 1.25rem;
}
.banner[b-qkdt19zdju] {
    border-radius: 0.75rem;
    background-image: url('svg/baner-small-color-4.svg');
    background-size: cover;
    background-repeat: no-repeat;
    padding: 1.3rem 3.5rem 1.3rem 1.6rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.name-banner[b-qkdt19zdju] {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    gap: 0.75rem;
    
}

    .name-banner h3[b-qkdt19zdju] {
        color: var(--Main-White, #FFF);
    }
    .name-banner p[b-qkdt19zdju] {
        color: var(--Main-White, #FFF);
        /* Paragraph/14 Medium */
        font-family: Montserrat;
        font-size: 0.875rem;
        font-style: normal;
        font-weight: 500;
        line-height: normal;
    }

.progress-banner[b-qkdt19zdju] {
    position:relative;
    display:flex;
    align-items:center;
    justify-content:center;
}

    .progress-banner span[b-qkdt19zdju] {
        position: absolute;
        margin: auto;
        color: #FFF;
        text-align: center;
        /* Title/H5 */
        font-family: Montserrat;
        font-size: 1.25rem;
        font-style: normal;
        font-weight: 700;
        line-height: normal;
    }

.list-step[b-qkdt19zdju] {
    display: flex;
    flex-direction: column;
    gap: .75rem;
}

    .list-step .row[b-qkdt19zdju] {
        display: flex;
        align-items: flex-start;
        gap: 0.5rem;
        align-self: stretch;
    }

        .list-step .row .step-number[b-qkdt19zdju] {
            display: flex;
            padding: 0.75rem;
            flex-direction: column;
            justify-content: center;
            align-items: center;
            gap: 0.75rem;
            border-radius: 0.75rem;
            border: 1px solid var(--Purple-Purple-1000, #7E6CFF);
            background: var(--Main-White, #FFF);
            flex: 1;
            height: -webkit-fill-available;
            max-height: 8rem;
            position:relative;
        }
            .step-note[b-qkdt19zdju] {
                display: flex;
                padding: 1.5rem;
                flex-direction: column;
                align-items: flex-start;
                gap: 2.5rem;
                flex: 1 0 0;
                border-radius: 0.75rem;
                border: 1px solid var(--Purple-Purple-1000, #7E6CFF);
                background: var(--Main-White, #FFF);
                flex: 3.7;
                overflow: hidden;
                position:relative;
            }

.list-step .row.lock .step-note[b-qkdt19zdju]::after,
.list-step .row.lock .step-number[b-qkdt19zdju]::after {
    content: url(img/lock.png);
    background: rgba(0, 0, 0, 0.40);
    position: absolute;
    width: 100%;
    height: 100%;
    border-radius: 0.75rem;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 1;
}

.list-step .row .step-note[b-qkdt19zdju]::after {
    margin: -1.5rem;
}

@media (max-width: 640.98px) {
    .banner[b-qkdt19zdju],
    .list-step[b-qkdt19zdju] {
        margin: 0 .75rem;
    }
    .list-step .row[b-qkdt19zdju] {
        flex-direction:column;
    }
    .step-number[b-qkdt19zdju] {
        width: calc(100vw - 3rem);
        min-height: 4rem;
    }
    .step-note[b-qkdt19zdju] {
        max-width: calc(100vw - 3rem);
        padding: .75rem;
        gap: 1.25rem;

    }
    .list-step .row .step-note[b-qkdt19zdju]::after {
        margin: -.75rem;
    }
}
/* /Components/Pages/ProgramPage/Index.razor.rz.scp.css */
.container[b-ov1gmz19ff], .program-list[b-ov1gmz19ff] {
    display: flex;
    flex-direction:column;
    gap: 1.25rem;
}
.title[b-ov1gmz19ff] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 1.25rem;
}

.color-2[b-ov1gmz19ff]  svg path {
    fill: #FFF;
}

.color-1[b-ov1gmz19ff]  svg path,
.color-3[b-ov1gmz19ff]  svg path {
    fill: #FFF;
}

.card-pocket[b-ov1gmz19ff] {
    display: grid;
    grid-template-columns: 1fr 1.36fr;
    padding: .5rem;
    border-radius: 1.5rem;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    transition: width 2s ease-in-out;
}

    .card-pocket.color-1[b-ov1gmz19ff] {
        background-image: url(svg/block-bg-pink-1000.svg);
    }

    .card-pocket.color-2[b-ov1gmz19ff] {
        background-image: url('svg/block-bg-pupur.svg');
    }

    .card-pocket.color-3[b-ov1gmz19ff] {
        background-image: url('svg/block-bg.svg');
    }

.list-card[b-ov1gmz19ff] {
    border-radius: 1rem;
    background: var(--Main-White, #FFF);
    padding: .75rem;
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    grid-template-rows: 1fr 1fr;
}

.card-position[b-ov1gmz19ff] {
    border-radius: 0.75rem;
    background: var(--Purple-Purple-50, #F3F1FF);
    display: flex;
    padding: 0.5rem 0.75rem;
    flex-direction: column;
    align-items: center;
    gap: 0.75rem;
}

    .card-position .img[b-ov1gmz19ff] {
        border-radius: 0.75rem;
        background: var(--Purple-Purple-1000, #7E6CFF);
        display: flex;
        padding: 0.75rem;
        align-items: center;
        gap: 0.625rem;
    }

.color-3 .card-position .img[b-ov1gmz19ff] {
    background: #2BC4D5;
}

.color-1 .card-position .img[b-ov1gmz19ff] {
    background: var(--Pink-Pink-1000, #ED88FF);
}

.grid-column-1[b-ov1gmz19ff] {
    grid-column: span 3;
}

.grid-column-2[b-ov1gmz19ff] {
    grid-column: span 2;
}

h3[b-ov1gmz19ff] {
    color: var(--Main-White, #FFF);
    /* Title/H4 */
    font-family: Montserrat;
    font-size: 1.375rem;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    margin: 0 0 .75rem;
}

p[b-ov1gmz19ff] {
    color: var(--Main-White, #FFF);
    /* Paragraph/14 Medium */
    font-family: Montserrat;
    font-size: 0.875rem;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    margin: 0 0 1.25rem;
}

.btn[b-ov1gmz19ff] {
    display: flex;
    padding: 0.75rem 1rem;
    justify-content: center;
    align-items: center;
    gap: 0.625rem;
    border-radius: 0.75rem;
    background: var(--Dark-Blue-Dark-Blue-100, #EBEFFF);
    font-family: Montserrat;
    font-size: 0.875rem;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}

    .btn:hover[b-ov1gmz19ff] {
        background: var(--Dark-Blue-Dark-Blue-200, #D7DEFF);
    }

.card-pocket-title[b-ov1gmz19ff] {
    display: flex;
    flex-direction: column;
    padding: 2.5rem;
    align-items: start;
    justify-content: center;
}

.card-position-name[b-ov1gmz19ff] {
    color: var(--Dark-Dark-1000, #0A0C3C);
    text-align: center;
    /* Paragraph/12 Medium */
    font-family: Montserrat;
    font-size: 0.75rem;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}

@media (max-width: 640.98px) {
    .card-pocket[b-ov1gmz19ff] {
        grid-template-columns: 1fr;
        margin: 0 .75rem;
        padding: 1rem;
        gap: 1.25rem;
    }

    h3[b-ov1gmz19ff] {
        font-size: 1rem;
    }

    .card-pocket-title[b-ov1gmz19ff] {
        padding: 0;
    }

    p[b-ov1gmz19ff] {
        color: var(--Main-White, #FFF);
        /* Paragraph/12 Medium */
        font-family: Montserrat;
        font-size: 0.75rem;
        font-style: normal;
        font-weight: 500;
        line-height: normal;
    }

    .grid-column-1[b-ov1gmz19ff] {
        grid-column: span 6;
    }

    .grid-column-2[b-ov1gmz19ff] {
        grid-column: span 3;
    }
}
/* /Components/Pages/ProgramPage/ModalVideo.razor.rz.scp.css */
.modal-card[b-270xkvcgxb] {
    max-width: 1280px;    
    padding: 1.25rem;
}

.modal-body[b-270xkvcgxb] {
    width: 100%;
    border-radius: .75rem;
    overflow:hidden;
    margin-top: -1.25rem;
}

@media (max-width: 1440.98px) {
    .modal-card[b-270xkvcgxb] {        
        max-width: calc(100vw - 14rem);
    }
}

@media (max-width: 640.98px) {
    .modal-card[b-270xkvcgxb] {
        max-width: calc(100vw - 2.5rem);
        padding: .75rem;
    }
    .btn-close-modal[b-270xkvcgxb] {
        right: 0;
        top: -3rem;
    }
}
/* /Components/Pages/ProgramPage/NewsPocketComponent.razor.rz.scp.css */
.card-block[b-1t6ti27bxj] {
    display:flex;
    flex-direction:column;
    gap: 1.25rem;
}

.img-block[b-1t6ti27bxj] {
    position: relative;
    overflow: hidden;
    aspect-ratio: 2.3 / 1;
    border-radius: 1rem;
    display: flex;
    align-items: center;
}

.label-block[b-1t6ti27bxj] {
    position: absolute;
    top: .75rem;
    left: .75rem;
    display: flex;
    gap: .5rem;
}

.img-block img[b-1t6ti27bxj] {
    width: 100%;
}

.text-block p[b-1t6ti27bxj] {
    text-overflow: ellipsis;
}

label[b-1t6ti27bxj] {
    display: flex;
    padding: 0.25rem 0.5rem;
    justify-content: center;
    align-items: center;
    gap: 0.25rem;
    border-radius: 0.25rem;
    background: var(--Main-White);
    color: var(--Dark-Dark-1000);
    font-family: Montserrat;
    font-size: 0.5rem;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}

.card-list[b-1t6ti27bxj] {
    display: grid;
    grid-template-columns: repeat(4,1fr);
    gap: 1.25rem;
}

.card[b-1t6ti27bxj] {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 1.25rem;
    cursor: pointer;
}

.date[b-1t6ti27bxj] {
    color: var(--Green-Green-1000, #2BC4D5);
    font-family: Montserrat;
    font-size: 0.75rem;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}

p.mute[b-1t6ti27bxj] {
    text-overflow: ellipsis;
    /* Paragraph/12 Medium */
    font-family: Montserrat;
    font-size: 0.75rem;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}


.text-block h5[b-1t6ti27bxj] {
    margin: .25rem 0 .5rem;
}

.text-block[b-1t6ti27bxj] {
    max-height: 6.125rem;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    flex: 1;
}

    .text-block p[b-1t6ti27bxj] {
        --l: .75rem;
        display: -webkit-box;
        max-height: 3lh;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
        overflow: hidden;
        flex-grow: 1;
        margin-top: auto;
    }

.title .text-block p[b-1t6ti27bxj] {
    max-height: 9lh;
    -webkit-line-clamp: 9;
}

h5[b-1t6ti27bxj] {
    overflow: clip;
}

@media (max-width: 640.98px) {
    h4[b-1t6ti27bxj],
    .two[b-1t6ti27bxj] {
        margin: 0 .75rem;
    }

    .card-list[b-1t6ti27bxj] {
        grid-template-columns: 1fr;
        margin: 0 .75rem;
    }

    .button-filter-list[b-1t6ti27bxj] {
        padding: 0;
    }
    .card-list .card .text-block[b-1t6ti27bxj] {
        max-height: 8rem;
    }

    .img-block[b-1t6ti27bxj] {
        width: 100%;
    }
}
/* /Components/Pages/ProgramPage/SurveyComponent.razor.rz.scp.css */
.container[b-bmzgo09psk] {
    display: flex;    
    flex-direction: column;    
    gap: 1.25rem;
    margin-bottom: 1.25rem;
}
.card[b-bmzgo09psk] {
    display: flex;
    padding: 1rem;
    flex-direction: column;
    align-items: flex-start;
    gap: 1.25rem;
    flex: 1 0 0;
    border-radius: 1rem;
    background: var(--Main-White, #FFF);
}

.row[b-bmzgo09psk] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    align-self: stretch;
}
.grid-2[b-bmzgo09psk] {
    gap: 1.25rem;
}

.card-bg[b-bmzgo09psk] {
    background-image: url('svg/baner-bg-color-1.svg');
    background-size: cover;
    border-radius: 0.75rem;
    padding: 2.63rem 1.6rem;
    display: flex;
    flex-direction: column;
    gap: .75rem;
}

    .card-bg h3[b-bmzgo09psk] {
        color: var(--Main-White, #FFF);
    }
    .card-bg p[b-bmzgo09psk] {
        color: var(--Main-White, #FFF);
        opacity: 0.7;
    }

.questions[b-bmzgo09psk] {
    display: flex;
    flex-direction: column;
    gap: .75rem;
    width: 100%;
}

.btn-footer[b-bmzgo09psk] {
    display: flex;    
    gap: .75rem;
    width: 50%;
}

.questions .btn[b-bmzgo09psk] {
    flex: 1;
    background: none;
    border-radius: 0.75rem;
    border: 1px solid var(--Purple-Purple-1000, #7E6CFF);
}

    .btn.off[b-bmzgo09psk] {
        border-radius: 0.75rem;
        border: 1px solid var(--Purple-Purple-1000, #7E6CFF);
        opacity: 0.3;
    }

        .btn.off.active[b-bmzgo09psk] {
            border-radius: 0.75rem;
            background: var(--Purple-Purple-1000, #7E6CFF);
            opacity: 1;
            color: var(--Main-White, #FFF);
        }

.result[b-bmzgo09psk] {
    display: flex;
    flex-direction: column;
    gap: 1.25rem;
}

    .result .btn-footer[b-bmzgo09psk] {
        width: auto;
    }

@media (max-width: 640.98px) {
    h4[b-bmzgo09psk],
    .two[b-bmzgo09psk] {
        margin: 0 .75rem;
    }

    .grid-2[b-bmzgo09psk] {
        grid-template-columns: 1fr;
        margin: 0 .75rem;
    }

    .button-filter-list[b-bmzgo09psk] {
        padding: 0;
    }
}
/* /Components/Pages/ProgramPage/WorkerListProgramComponent.razor.rz.scp.css */


.list-card .card[b-k38jetcwat] {
    display: flex;
    flex-direction: column;
    gap: 1.25rem;
    width: 100%;
    justify-content: center;
    align-items: center;
}

    .list-card .card .img[b-k38jetcwat] {
        width: 6.25rem;
        height: 6.25rem;
        position: relative;
        border-radius: 0.75rem;
        aspect-ratio: 1/1;
        overflow: hidden;
        display: flex;
    }

        .list-card .card .img img[b-k38jetcwat] {
            
            aspect-ratio: 1/1;
            justify-content: center;
            display: flex;
            flex: 1;
        }

        .list-card .card .img label[b-k38jetcwat] {
            position: absolute;
            display: inline-flex;
            padding: 0.25rem 0.5rem;
            justify-content: center;
            align-items: center;
            gap: 0.625rem;
            border-radius: 0.25rem;
            color: var(--Main-White, #FFF);
            font-size: 0.625rem;
            font-style: normal;
            font-weight: 600;
            line-height: normal;
            top: .5rem;
            left: .5rem;
        }

.card-footer h5[b-k38jetcwat] {
    margin-bottom: .5rem;
}

.card-footer .label-list[b-k38jetcwat] {
    display: flex;
    align-items: flex-start;
    gap: 0.5rem;
}

.card-footer label[b-k38jetcwat] {
    display: flex;
    padding: 0.25rem 0.75rem;
    justify-content: center;
    align-items: center;
    gap: 0.5rem;
    border-radius: 2.5rem;
    color: var(--Dark-Dark-300, #B6B7C5);
    font-size: 0.75rem;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}

.color-4[b-k38jetcwat] {
    background: var(--Orange-Orange-1000, #FFB53D);
}

.color-1[b-k38jetcwat] {
    background: var(--Green-Green-1000, #2BC4D5);
}

.color-3[b-k38jetcwat] {
    background: var(--Blue-Blue-1000, #13A5FF);
}

.color-2[b-k38jetcwat] {
    background: var(--Purple-Purple-1000, #7E6CFF);
}

.card-footer[b-k38jetcwat] {
    text-align: center;
    flex: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
}

    .card-footer .label-list label[b-k38jetcwat] {
        background: none;
    }

    .card-footer .label-list .color-1 svg path[b-k38jetcwat] {
        fill: #2BC4D5;
    }

    .card-footer .label-list .color-2 svg path[b-k38jetcwat] {
        fill: #7E6CFF;
    }

    .card-footer .label-list .color-3 svg path[b-k38jetcwat] {
        fill: #13A5FF;
    }

    .card-footer .label-list .color-4 svg path[b-k38jetcwat] {
        fill: #FFB53D;
    }


@media (max-width: 640.98px) {
    .list-card[b-k38jetcwat] {
        padding: 0 0 0 .75rem;
    }

        .title[b-k38jetcwat]{
            display: flex;
            align-items: center;
            justify-content: space-between;
            max-width: 100%;
            width: calc(100vw - 3.5rem);
        }



            .list-card .card .img[b-k38jetcwat] {
                width: 6.25rem;
                background-size: cover;
            }
}
/* /Components/Pages/Schedule/CalendarDetails.razor.rz.scp.css */
.title-cal[b-srhockytaw] {
    display: flex;
    align-items: center;
    justify-content: space-around;
    margin-bottom: 1.5rem;
}

.title-cal.active .center-arrow svg[b-srhockytaw] {
    transform: rotate(180deg);
}

.center-arrow[b-srhockytaw] {
    display: flex;
    padding: 0.75rem 1rem;
    justify-content: center;
    align-items: center;
    border-radius: 0.75rem;
    background: var(--Dark-Blue-Dark-Blue-100, #EBEFFF);
}

.month-name[b-srhockytaw] {
    display: flex;
    flex-direction: column;
    align-items: center;
    color: var(--Dark-Dark-1000, #0A0C3C);
    text-align: center;
    /* Paragraph/14 Medium */
    font-family: Montserrat;
    font-size: 0.875rem;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    gap: .25rem;
}

    .month-name label[b-srhockytaw] {
        color: var(--Dark-Dark-300, #B6B7C5);
        text-align: center;
        /* Paragraph/10 Medium */
        font-family: Montserrat;
        font-size: 0.625rem;
        font-style: normal;
        font-weight: 500;
        line-height: normal;
    }

.calendar[b-srhockytaw] {
    display: grid;
    grid-template-columns: repeat(7,1fr);
}

.dayofweek[b-srhockytaw] {
    color: var(--Dark-Dark-300, #B6B7C5);
    text-align: center;
    /* Paragraph/12 Medium */
    font-family: Montserrat;
    font-size: 0.75rem;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    display: flex;
    padding: 0.625rem;
    justify-content: center;
    align-items: center;
    gap: 0.625rem;
    flex: 1 0 0;
    border-radius: 0.5rem;
}

.day[b-srhockytaw] {
    display: flex;
    padding: 0.875rem 0.625rem;
    justify-content: center;
    align-items: center;
    gap: 0.625rem;
    flex: 1 0 0;
    border-radius: 0.5rem;
    background: var(--Dark-Blue-Dark-Blue-100, #EBEFFF);
    color: var(--Dark-Dark-1000, #0A0C3C);
    text-align: center;
    font-family: Montserrat;
    font-size: 0.75rem;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    cursor: pointer;
}

    .day i[b-srhockytaw] {
        font-style: normal;
    }

    .day.active[b-srhockytaw] {
        background: var(--Purple-Purple-1000, #7E6CFF);
        color: var(--Main-White, #FFF);
    }

    .day.grey[b-srhockytaw] {
        opacity: 0.5;
        background: var(--Dark-Blue-Dark-Blue-100, #EBEFFF);
        color: var(--Dark-Dark-1000, #0A0C3C);
    }
/* /Components/Pages/Schedule/ChelengeDetails.razor.rz.scp.css */


.list-card .card[b-vmzspwal8p] {
    display: flex;
    flex-direction: column;
    gap: 1.25rem;
    width: calc(100% / 3);
}

    .list-card .card .img[b-vmzspwal8p] {
        position: relative;
        border-radius: 0.75rem;
        aspect-ratio: 18.75/10;
        overflow: hidden;
    }

        .list-card .card .img img[b-vmzspwal8p] {
            min-height: 100%;
            width: auto;
            justify-content: center;
            display: flex;
        }

        .list-card .card .img .block-label-img[b-vmzspwal8p] {
            position: absolute;
            top: .5rem;
            left: .5rem;
            display: flex;
            gap: .5rem;
        }

        .list-card .card .img label[b-vmzspwal8p] {
            display: inline-flex;
            padding: 0.25rem 0.5rem;
            justify-content: center;
            align-items: center;
            gap: 0.625rem;
            border-radius: 0.25rem;
            background: var(--Main-White, #FFF);
            color: var(--Dark-Dark-1000, #0A0C3C);
            font-size: 0.625rem;
            font-style: normal;
            font-weight: 600;
            line-height: normal;
        }

.card-footer h5[b-vmzspwal8p] {
    margin-bottom: .5rem;
}

.card-footer .label-list[b-vmzspwal8p] {
    display: flex;
    align-items: flex-start;
    gap: 0.5rem;
    align-self: stretch;
}

.card-footer label[b-vmzspwal8p] {
    display: flex;
    padding: 0.25rem 0.75rem;
    justify-content: center;
    align-items: center;
    gap: 0.5rem;
    border-radius: 2.5rem;
    background: var(--Purple-Purple-100, #E5E2FF);
    color: var(--Purple-Purple-1000, #7E6CFF);
    font-size: 0.75rem;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}

.banner[b-vmzspwal8p] {
    background-image: url(svg/block-bg-pink-1000.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    border-radius: 1rem;
    overflow: hidden;
    display: flex;
    margin-bottom: 1.25rem;
}

    .banner .block-info[b-vmzspwal8p],
    .banner .img-block[b-vmzspwal8p] {
        flex: 1;
    }

.header-challenge[b-vmzspwal8p] {
    color: var(--Main-White, #FFF);
    /* Title/H2 */
    font-family: Montserrat;
    font-size: 2.375rem;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    margin-bottom: .75rem;
}

.block-info[b-vmzspwal8p] {
    display: flex;
    flex-direction: column;
    padding: 1rem;
    align-items: center;
    justify-content: center;
}

    .block-info p[b-vmzspwal8p] {
        color: var(--Main-White, #FFF);
        /* Paragraph/14 Medium */
        font-family: Montserrat;
        font-size: 0.875rem;
        font-style: normal;
        font-weight: 500;
        line-height: normal;
        opacity: 0.7;
        margin-bottom: 1.5rem;
    }

.button-block[b-vmzspwal8p] {
    display: flex;
    gap: .5rem;
}

    .button-block .time[b-vmzspwal8p],
    .button-block .btn[b-vmzspwal8p] {
        display: flex;
        padding: 0.75rem 1rem;
        justify-content: center;
        align-items: center;
        gap: 0.625rem;
        border-radius: 0.75rem;
        background: var(--Main-White, #FFF);
        color: var(--Dark-Dark-1000, #0A0C3C);
        /* Paragraph/14 Semibold */
        font-family: Montserrat;
        font-size: 0.875rem;
        font-style: normal;
        font-weight: 600;
        line-height: normal;
    }

    .button-block .time[b-vmzspwal8p] {
        background: var(--Pink-Pink-800, #F1A0FF);
    }


.banner .img-block[b-vmzspwal8p] {
    position: relative;
    display: flex;
    flex-wrap: wrap;
}

    .banner .img-block img[b-vmzspwal8p] {
        border-radius: 0.75rem;
        aspect-ratio: 18.75 / 10;
        overflow: hidden;
        margin-top: -1rem;
    }

    .banner .img-block .img-1[b-vmzspwal8p] {
        transform: rotate(-7.796deg);
        flex-shrink: 0;
    }

    .banner .img-block .img-2[b-vmzspwal8p] {
        transform: rotate(13.207deg);
        flex-shrink: 0;
        margin: -5rem 2rem 0 auto;
    }
.card-block[b-vmzspwal8p] {
    display: flex;
    flex-direction: column;    
    padding: 0.75rem;    
    align-items: flex-start;    
    align-self: stretch;
    border-radius: 1rem;
    background: var(--Main-White, #FFF);
}

.list-card[b-vmzspwal8p] {
    display: flex;
    gap: 1.25rem;
    overflow-y: auto;
    scrollbar-width: none;
    max-width: 56.75rem;
}

section .title[b-vmzspwal8p] {
    width: 100%;
}

@media (max-width: 640.98px) {
    .list-card[b-vmzspwal8p],
    section .title[b-vmzspwal8p] {
        padding: 0;
    }

    .list-card[b-vmzspwal8p] {
        max-width: calc(100vw - 1.5rem);
    }

    .list-card .card[b-vmzspwal8p] {
        width: calc(100% / 1.25);
    }

    .card-block[b-vmzspwal8p] {
        background: none;
        padding: 0;
    }
}
/* /Components/Pages/Schedule/Details.razor.rz.scp.css */
.section-title[b-hjdsktn4rz] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin: 1.25rem 0;
}

    .worker-list .btn-title[b-hjdsktn4rz],
    .section-title .btn-title[b-hjdsktn4rz] {
        color: var(--Dark-Dark-1000, #0A0C3C);
        font-family: Montserrat;
        font-size: 0.875rem;
        font-style: normal;
        font-weight: 600;
        line-height: normal;
        display: flex;
        padding: 0.75rem 1rem;
        justify-content: center;
        align-items: center;
        gap: 0.625rem;
        border-radius: 0.75rem;
        background: var(--Dark-Blue-Dark-Blue-100, #EBEFFF);
    }
.worker-list[b-hjdsktn4rz] {
    display: flex;
    flex-direction:column;
    gap:1.25rem;
}
.worker-list .btn-title[b-hjdsktn4rz] {
    width: fit-content;
}

        .schedule-block[b-hjdsktn4rz] {
            display: grid;
            grid-template-columns: 1fr 2.55fr;
            gap: 1.25rem;
        }

.title-block[b-hjdsktn4rz] {
    display: flex;
    padding: 1.25rem 0.625rem;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 1rem;
    border-radius: 1rem;
    background-position:center;
    background-repeat: no-repeat;
    background-size:cover;    
}
.title-block.color-1[b-hjdsktn4rz] {
    background-image: url('svg/baner-color-2.svg');
}
.title-block.color-2[b-hjdsktn4rz] {
    background-image: url('svg/baner-color-2.svg');
}
.title-block.color-3[b-hjdsktn4rz] {
    background-image: url('svg/baner-color-3.svg');
}
.title-block.color-4[b-hjdsktn4rz] {
    background-image: url('svg/baner-color-4.svg');
}

    .title-block .avatar[b-hjdsktn4rz] {
        border-radius: 1rem;
        width: 13rem;
        height: 13rem;
        overflow:hidden;
    }

        .title-block .avatar img[b-hjdsktn4rz] {
            width: 100%;
        }

        .title-block .grid-4[b-hjdsktn4rz] {
            display: grid;
            grid-template-columns: repeat(4, 1fr);
            padding: 1.5rem 1.25rem;
            justify-content: space-between;
            align-items: flex-start;
            border-radius: 1rem;
            background: var(--Main-White, #FFF);
        }
            .title-block .grid-4 div[b-hjdsktn4rz] {
                color: var(--Dark-Dark-400, #9D9EB1);
                font-size: 0.75rem;
                font-style: normal;
                font-weight: 500;
                line-height: normal;
                display: flex;
                flex-direction: column;
                justify-content: center;
                align-items: center;
                gap: 0.5rem;
                flex-shrink: 0;
                padding: 0 .25rem;
            }

.card[b-hjdsktn4rz] {
    display: flex;
    padding: 0.75rem;
    flex-direction: column;
    align-items: flex-start;
    gap: 1.25rem;
    align-self: stretch;
    border-radius: 1rem;
    background: var(--Main-White, #FFF);
}

    .card p[b-hjdsktn4rz] {
        color: var(--Dark-Dark-1000, #0A0C3C);
        font-size: 0.75rem;
        font-style: normal;
        font-weight: 500;
        line-height: normal;
        opacity: 0.5;
    }

.education-list[b-hjdsktn4rz] {
    width: 100%;
}
    .education-list .education-card[b-hjdsktn4rz] {
        display: flex;
        padding: 1.25rem;
        flex-direction: column;
        align-items: flex-start;
        gap: 0.75rem;
        align-self: stretch;
        border-radius: 0.75rem;
        background: var(--Main-White, #FFF);
    }
        .education-list .education-card:nth-child(2n)[b-hjdsktn4rz] {            
            background: var(--Dark-Blue-Dark-Blue-50, #F8F9FE);
        }

.education-card[b-hjdsktn4rz] {
    color: var(--Dark-Dark-1000, #0A0C3C);   
    font-size: 0.75rem;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}

    .education-card label[b-hjdsktn4rz],
    .education-card .year[b-hjdsktn4rz] {
        color: var(--Dark-Dark-500, #85869E);        
        font-size: 0.75rem;
        font-style: normal;
        font-weight: 500;
        line-height: normal;
    }
.education-card-footer[b-hjdsktn4rz] {
    display: flex;
    align-items: flex-start;
    gap: 1.25rem;
}

.time-list[b-hjdsktn4rz] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: .25rem;
    width: 100%;
}

    .time-list label[b-hjdsktn4rz] {
        color: var(--Dark-Dark-1000, #0A0C3C);
        font-size: 0.75rem;
        font-style: normal;
        font-weight: 500;
        line-height: normal;
        display: flex;
        padding: 0.5rem 0;
        justify-content: center;
        align-items: center;
        flex: 1 0 0;
        border-radius: 0.5rem;
        background: var(--Dark-Blue-Dark-Blue-100, #EBEFFF);
        cursor: pointer;
    }

        .time-list label.active[b-hjdsktn4rz] {
            color: var(--Main-White, #FFF);
            background: var(--Purple-Purple-1000, #7E6CFF);
        }

    .time-list .disabled[b-hjdsktn4rz] {
        opacity: 0.5;
        background: var(--Dark-Blue-Dark-Blue-100, #EBEFFF);
    }

.filter-block .card[b-hjdsktn4rz] {
    padding: 1rem;
    margin-bottom: 2rem;
}
.calendar[b-hjdsktn4rz] {
    width: 100%;    
}

.today h4[b-hjdsktn4rz] {
    margin-bottom: 1.25rem;
}

.card:has(video)[b-hjdsktn4rz]{
    padding:0 .75rem .75rem;
}

[b-hjdsktn4rz] .w-100 {
    width: calc(100% + 1.5rem);
    border-radius: 1rem;
    margin: 0 -.75rem;
}

@media (max-width: 640.98px) {
    .schedule-block[b-hjdsktn4rz] {
        grid-template-columns: 1fr;
    }

    .filter-block[b-hjdsktn4rz] {
        display: none;
    }
        .filter-block.active[b-hjdsktn4rz] {
            display: block;
        }
    .schedule-block[b-hjdsktn4rz] {
        margin: 0 .75rem;
    }
    .card-news[b-hjdsktn4rz] {
        background: none;
        padding: 0;
    }
    .section-title[b-hjdsktn4rz] {
        margin: 1.25rem .75rem;
    }
    .title-block .grid-4[b-hjdsktn4rz] {
        gap: .25rem;
    }
    .title-block .grid-4 div[b-hjdsktn4rz] {
        padding: 0;
    }
}
/* /Components/Pages/Schedule/History.razor.rz.scp.css */
.container[b-yv6nokshh6] {
    display: flex;
    flex-direction: column;
    gap: 1.25rem;
}
.btn-title[b-yv6nokshh6] {    
    background: var(--Dark-Blue-Dark-Blue-100, #EBEFFF);
}
    .btn-title:hover[b-yv6nokshh6] {
        background: var(--Dark-Blue-Dark-Blue-200, #D7DEFF);
    }
    .section-title[b-yv6nokshh6] {
        display: flex;
        align-items: center;
        gap: 0.75rem;
        align-self: stretch;
    }

.card-list[b-yv6nokshh6] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 1.25rem;
}
.left[b-yv6nokshh6] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
}

.left .avatar-c[b-yv6nokshh6] {
    flex: 1;
}

    .left .card-body[b-yv6nokshh6] {
        flex: 2;
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        gap: 0.25rem;
    }

    .card-body p[b-yv6nokshh6] {

    }

.avatar-c img[b-yv6nokshh6] {
    width: 100%;
    border-radius: 0.75rem;
}

.session[b-yv6nokshh6] {
    font-size: 0.75rem;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    display: flex;
    padding: 0.25rem 0.75rem;
    justify-content: center;
    align-items: center;
    gap: 0.5rem;
    border-radius: 2.5rem;
    width: fit-content;
}
.color-1 .session[b-yv6nokshh6] {
    border: 1px solid #13A5FF;
}
.color-2 .session[b-yv6nokshh6] {
    border: 1px solid #7E6CFF;
}
.color-3 .session[b-yv6nokshh6] {
    border: 1px solid #2BC4D5;
}
.color-4 .session[b-yv6nokshh6] {    
    border: 1px solid var(--Orange-Orange-1000, #FFB53D);
}

.card-worker[b-yv6nokshh6] {
    display: flex;
    padding-right: 1.25rem;
    justify-content: space-between;
    align-items: center;
    flex: 1 0 0;
    border-radius: 0.75rem;
}

    .card-worker.color-4[b-yv6nokshh6] {
        background: var(--Orange-Orange-100, #FFF8EC);
    }

    .card-worker.color-3[b-yv6nokshh6] {        
        background: var(--Green-Green-100, #EAFAFB);
    }
    .card-worker.color-2[b-yv6nokshh6] {        
        background: var(--Purple-Purple-100, #E5E2FF);
    }
    .card-worker.color-1[b-yv6nokshh6] {
        background: var(--Green-Green-100, #EAFAFB);
    }
.color-1 .session svg path[b-yv6nokshh6] {
    stroke: #13A5FF;
    fill: none;
}
.color-2 .session svg path[b-yv6nokshh6] {
    stroke: #7E6CFF;
    fill: none;
}
.color-3 .session svg path[b-yv6nokshh6] {
    stroke: #2BC4D5;
    fill: none;
}
.color-4 .session svg path[b-yv6nokshh6] {
    stroke: #FFB53D;
    fill: none;
}
.color-1 .session[b-yv6nokshh6] {
    color: #13A5FF;
}
.color-2 .session[b-yv6nokshh6] {
    color: #7E6CFF;
}
.color-3 .session[b-yv6nokshh6] {
    color: #2BC4D5;
}
.color-4 .session[b-yv6nokshh6] {
    color: #FFB53D;
}

.color-3 svg path[b-yv6nokshh6] {
    fill: #2BC4D5;
}

.color-3 .btn[b-yv6nokshh6],
.color-3 label[b-yv6nokshh6] {
    background: var(--Green-Green-1000, #2BC4D5);
    color: var(--Main-White, #FFF);
}

.color-2 .btn[b-yv6nokshh6], .color-2 label[b-yv6nokshh6] {
    background: var(--Purple-Purple-1000, #7E6CFF);
    color: var(--Main-White, #FFF);
}

.color-1 .btn[b-yv6nokshh6], .color-1 label[b-yv6nokshh6] {
    background: var(--Blue-Blue-1000, #13A5FF);
    color: var(--Main-White, #FFF);
}

.color-4 .btn[b-yv6nokshh6], .color-4 label[b-yv6nokshh6] {
    background: var(--Orange-Orange-1000, #FFB53D);
    color: var(--Main-White, #FFF);
}

.btn-card-block[b-yv6nokshh6] {
    display: flex;   
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 0.5rem;
}

.info[b-yv6nokshh6] {
    color: var(--Dark-Dark-300, #B6B7C5);
    font-family: Montserrat;
    font-size: 0.75rem;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    display: flex;
    align-items: center;
    gap: 0.5rem;
}
/* /Components/Pages/Schedule/Index.razor.rz.scp.css */
.section-title[b-cuqjzdg6ac] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin: 1.25rem 0;
}

    .section-title .btn-title[b-cuqjzdg6ac] {
        color: var(--Dark-Dark-1000, #0A0C3C);
        font-family: Montserrat;
        font-size: 0.875rem;
        font-style: normal;
        font-weight: 600;
        line-height: normal;
        display: flex;
        padding: 0.75rem 1rem;
        justify-content: center;
        align-items: center;
        gap: 0.625rem;
        border-radius: 0.75rem;
        background: var(--Dark-Blue-Dark-Blue-100, #EBEFFF);
    }

    .schedule-block[b-cuqjzdg6ac] {
        display: grid;
        grid-template-columns: 1fr 2.55fr;
        gap: 1.25rem;
    }

.filter-block .card[b-cuqjzdg6ac] {
    display: flex;
    padding: 1rem;
    flex-direction: column;
    align-items: flex-start;
    gap: 1.25rem;
    flex: 1 0 0;
    border-radius: 1rem;
    background: #FFF;
    position: sticky;
    top: 1.25rem;
}

    .filter-block .card div[b-cuqjzdg6ac] {
        flex: 1;
        width: 100%;
    }

.worker-list[b-cuqjzdg6ac] {
    display: flex;
    flex-direction: column;
    gap: 1.25rem;
}

.card-worker[b-cuqjzdg6ac] {
    border-radius: 1rem;
    background: var(--Main-White, #FFF);
    display: grid;
    grid-template-columns: 1fr 1.96fr 1.19fr;
    align-items: flex-start;
}

    .card-worker.disabled[b-cuqjzdg6ac] {        
        border: 1px solid var(--Dark-Dark-300, #B6B7C5);        
    }

.disabled .avatar[b-cuqjzdg6ac]::after {
    content: " ";
    height: 100%;
    width: 100%;
    background: rgb(0, 0, 0, .3);
    z-index: 1;
    position: absolute;    
    top: 0;
    left:0;
}

.not-work[b-cuqjzdg6ac] {
    display: none;
}

.disabled .not-work[b-cuqjzdg6ac] {
    display: flex;
    padding: 0.5rem;
    justify-content: center;
    align-items: center;
    gap: 0.625rem;
    border-radius: 0.5rem;
    background: var(--Dark-Dark-1000, #0A0C3C);
    position: absolute;
    left: 1.0625rem;
    bottom: 1.0625rem;
    color: var(--Dark-Blue-Dark-Blue-300, #C3CEFF);
    /* Paragraph/10 Semibold */
    font-family: Montserrat;
    font-size: 0.625rem;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    z-index: 2;
}

.card-worker .avatar[b-cuqjzdg6ac] {
    position: relative;
    border-radius: 0.75rem;
    aspect-ratio: 1/1;
    overflow: hidden;
    justify-content: center;
    display: flex;
}

        .card-worker .avatar img[b-cuqjzdg6ac] {
            height: 100%;
            width: auto;
            justify-content: center;
            display: flex;
        }

        .card-worker .avatar label[b-cuqjzdg6ac] {
            position: absolute;
            display: inline-flex;
            padding: 0.25rem 0.5rem;
            justify-content: center;
            align-items: center;
            gap: 0.625rem;
            border-radius: 0.25rem;            
            color: var(--Main-White, #FFF);
            font-size: 0.625rem;
            font-style: normal;
            font-weight: 600;
            line-height: normal;
            top: .5rem;
            left: .5rem;
        }

    .card-worker .card-body[b-cuqjzdg6ac] {
        padding: 1rem 2.5rem 1rem 1.5rem;
    }

        .card-worker .card-body h6[b-cuqjzdg6ac] {
            color: var(--Dark-Dark-1000, #0A0C3C);            
            font-family: Montserrat;
            font-size: 0.875rem;
            font-style: normal;
            font-weight: 600;
            line-height: normal;
            margin-bottom: .5rem;
        }
        .card-worker .card-body p[b-cuqjzdg6ac] {
            overflow: hidden;
            color: var(--Dark-Dark-1000, #0A0C3C);
            text-overflow: ellipsis;
            font-family: Montserrat;
            font-size: 0.75rem;
            font-style: normal;
            font-weight: 500;
            line-height: normal;
            opacity: 0.5;
            display: -webkit-box;            
            -webkit-box-orient: vertical;
            -webkit-line-clamp: 6;
        }

.end-block[b-cuqjzdg6ac] {
    display: flex;
    height: 100%;
}

.card-block-grid[b-cuqjzdg6ac] {
    border-radius: 1rem;
    
    padding: 1.5rem 1.25rem;
    justify-content: space-between;
    align-items: center;
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: 1fr 1fr;
    margin: 1rem 1rem 1rem 0;
    flex: 1;
}

    .card-block-grid div[b-cuqjzdg6ac] {
        color: var(--Dark-Dark-400, #9D9EB1);
        font-family: Montserrat;
        font-size: 0.75rem;
        font-style: normal;
        font-weight: 500;
        line-height: normal;
        display: flex;        
        flex-direction: column;
        justify-content: center;
        align-items: center;
        gap: 0.5rem;
    }

.footer-card[b-cuqjzdg6ac] {
    display: flex;
    align-items: center;
    margin-top: 1rem;
    gap: 1rem;
}

.color-1 .btn[b-cuqjzdg6ac],
.color-1 label[b-cuqjzdg6ac] {
    background: var(--Green-Green-1000, #2BC4D5);
    color: var(--Main-White, #FFF);
}
.color-2 .btn[b-cuqjzdg6ac], .color-2 label[b-cuqjzdg6ac] {
    background: var(--Purple-Purple-1000, #7E6CFF);
    color: var(--Main-White, #FFF);
}
.color-3 .btn[b-cuqjzdg6ac], .color-3 label[b-cuqjzdg6ac] {
    background: var(--Blue-Blue-1000, #13A5FF);
    color: var(--Main-White, #FFF);
}

.color-4 .btn[b-cuqjzdg6ac], .color-4 label[b-cuqjzdg6ac] {
    background: var(--Orange-Orange-1000, #FFB53D);
    color: var(--Main-White, #FFF);
}

.color-1 svg path[b-cuqjzdg6ac] {
    fill: #2BC4D5;
}

.color-2 svg path[b-cuqjzdg6ac] {
    fill: #7E6CFF;
}

.color-3 svg path[b-cuqjzdg6ac] {
    fill: #13A5FF;
}

.color-4 svg path[b-cuqjzdg6ac] {
    fill: #FFB53D;
}

.color-1 .card-block-grid[b-cuqjzdg6ac] {    
    background: var(--Green-Green-50, #F4FCFD);
}
.color-2 .card-block-grid[b-cuqjzdg6ac] {
    background: var(--Purple-Purple-50, #F3F1FF);
}
.color-3 .card-block-grid[b-cuqjzdg6ac] {    
    background: var(--Dark-Blue-Dark-Blue-50, #F8F9FE);
}
.color-4 .card-block-grid[b-cuqjzdg6ac] {
    background: var(--Orange-Orange-50, #FFFBF5);
}

.footer-card .info[b-cuqjzdg6ac] {
    display: flex;
    align-items: center;
    gap: .5rem;
    color: var(--Dark-Dark-300, #B6B7C5);
    font-family: Montserrat;
    font-size: 0.75rem;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}

.time-list[b-cuqjzdg6ac] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: .25rem;
}

    .time-list label[b-cuqjzdg6ac] {
        color: var(--Dark-Dark-1000, #0A0C3C);
        font-size: 0.75rem;
        font-style: normal;
        font-weight: 500;
        line-height: normal;
        display: flex;
        padding: 0.5rem 0;
        justify-content: center;
        align-items: center;
        flex: 1 0 0;
        border-radius: 0.5rem;
        background: var(--Dark-Blue-Dark-Blue-100, #EBEFFF);
        cursor: pointer;
    }

        .time-list label.active[b-cuqjzdg6ac] {
            color: var(--Main-White, #FFF);            
            background: var(--Purple-Purple-1000, #7E6CFF);
        }

    .time-list .disabled[b-cuqjzdg6ac] {        
        opacity: 0.5;
        background: var(--Dark-Blue-Dark-Blue-100, #EBEFFF);
    }

    @media (max-width: 640.98px) {
        .schedule-block[b-cuqjzdg6ac] {        
        grid-template-columns: 1fr; 
        padding: 0 .75rem;
    }
    .section-title[b-cuqjzdg6ac] {
        margin: 1.25rem .75rem;
    }
    .section-title span[b-cuqjzdg6ac] {
        display: none;
    }
    .filter-block[b-cuqjzdg6ac]  {
        display: none;
    }
    .filter-block.active[b-cuqjzdg6ac] {
        display: flex;
        flex-direction: column;
    }
    .card-worker[b-cuqjzdg6ac] {
        grid-template-columns: 1fr 1fr;
        gap: 1rem;
    }
    .end-block[b-cuqjzdg6ac] {
        grid-column: span 2;
    }
    .card-block-grid[b-cuqjzdg6ac] {
        grid-template-columns: repeat(4, 1fr);
        grid-template-rows: 1fr;
        margin: 0 .75rem .75rem;
        padding: 1rem .75rem;
    }
    .card-worker .card-body p[b-cuqjzdg6ac] {
        display: none;
    }
    .footer-card[b-cuqjzdg6ac] {
        flex-direction: column-reverse;
    }
    .card-worker .card-body[b-cuqjzdg6ac] {
        padding: .75rem .75rem .75rem 0;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        height: calc(100% - 1.5rem);
    }
}
/* /Components/Pages/Schedule/NewsDetails.razor.rz.scp.css */
.grid-2[b-v6nu08007o] {
    gap: 1.25rem;
}
.title[b-v6nu08007o] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 1.25rem;
}
.news-right[b-v6nu08007o] {
    display:flex;
    flex-direction:column;
    gap: .5rem;
}
.main-block-news .img-block[b-v6nu08007o],
.news-right .img-block[b-v6nu08007o] {
    position: relative;
    overflow: hidden;
    aspect-ratio: 2.3 / 1;
    border-radius: 1rem;
    display: flex;
    align-items: center;
}

.main-block-news .img-block .label-block[b-v6nu08007o],
    .news-right .img-block .label-block[b-v6nu08007o] {
    position:absolute;
    top: .75rem;
    left: .75rem;
    display:flex;
    gap: .5rem;
}

label[b-v6nu08007o] {
    display: flex;
    padding: 0.25rem 0.5rem;
    justify-content: center;
    align-items: center;
    gap: 0.25rem;
    border-radius: 0.25rem;
    background: var(--Main-White);
    color: var(--Dark-Dark-1000);    
    font-family: Montserrat;
    font-size: 0.5rem;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}

.main-block-news .img-block img[b-v6nu08007o],
    .news-right .img-block img[b-v6nu08007o] {
    width: 100%;
}

.date[b-v6nu08007o] {
    color: var(--Green-Green-1000, #2BC4D5);    
    font-family: Montserrat;
    font-size: 0.75rem;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}

p.mute[b-v6nu08007o] {
    
    text-overflow: ellipsis;    
    /* Paragraph/12 Medium */
    font-family: Montserrat;
    font-size: 0.75rem;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}

.news-right h5[b-v6nu08007o] {
    margin: .25rem 0 .5rem 0;
}

.news-right .text-block[b-v6nu08007o] {
    padding: .81rem 0;
}

.news-right .text-block p[b-v6nu08007o] {
    max-height: 2rem;
    overflow:hidden;
}

.main-block-news .img-block[b-v6nu08007o] {
    margin-bottom: 1.25rem;
}

.main-block-news h5[b-v6nu08007o] {
    margin-bottom:.5rem;
}

.card-block[b-v6nu08007o],
.title[b-v6nu08007o] {
    width: 100%;
}

@media (max-width: 640.98px) {
    section .title[b-v6nu08007o] {
        padding: 0;
    }

    .grid-2[b-v6nu08007o] {
        grid-template-columns: repeat(1, 1fr);
        max-width: calc(100vw - 1.5rem);
    }

    .news-right .grid-2[b-v6nu08007o] {
        grid-template-columns: repeat(2, 1fr);
        padding: 0;
    }

    .main-block-news .img-block[b-v6nu08007o],
    .news-right .img-block[b-v6nu08007o] {
        position: relative;
        overflow: hidden;
        aspect-ratio: 1.37 / 1;
        border-radius: 1rem;
        display: flex;
        align-items: center;
    }
}
/* /Components/Pages/Schedule/TodayWorker.razor.rz.scp.css */
.card[b-0ul91d6u3w] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    align-items: center;
    gap: 0.75rem;
    align-self: stretch;
    margin-bottom: 1.25rem;
}

p[b-0ul91d6u3w] {
    color: var(--Dark-Dark-1000, #0A0C3C);
    text-align: center;
    font-size: 0.875rem;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    margin-bottom: .5rem;
}

.avatar[b-0ul91d6u3w] {
    position: relative;
    width: 100%;
    overflow: hidden;
    border-radius: 0.75rem;
    aspect-ratio: 1 / 1;
}

.avatar img[b-0ul91d6u3w] {
    width: 100%;
}

    .avatar label[b-0ul91d6u3w] {
        position: absolute;
        display: inline-flex;
        padding: 0.25rem 0.5rem;
        justify-content: center;
        align-items: center;
        gap: 0.625rem;
        border-radius: 0.25rem;
        color: var(--Main-White, #FFF);
        font-size: 0.625rem;
        font-style: normal;
        font-weight: 600;
        line-height: normal;
        top: .5rem;
        left: .5rem;        
    }
.body-card[b-0ul91d6u3w] {
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
}

    .body-card label[b-0ul91d6u3w] {
        color: var(--Dark-Dark-300, #B6B7C5);
        font-size: 0.75rem;
        font-style: normal;
        font-weight: 500;
        line-height: normal;
        display: flex;
        align-items: center;
        gap: 0.5rem;
        margin-bottom: .75rem;
    }

.btn-outline[b-0ul91d6u3w] {
    color: var(--Dark-Dark-1000, #0A0C3C);
    font-size: 0.875rem;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    display: flex;    
    padding: 0.75rem 1rem;
    justify-content: center;
    align-items: center;
    gap: 0.625rem;
    border-radius: 0.75rem;    
}

.info[b-0ul91d6u3w] {
    background:none;
}

/* /Components/Pages/Subscriptions/Cart.razor.rz.scp.css */
.block[b-560h98hxoj] {
    max-width: 40rem;
    margin: 2rem auto 5rem;
    display: flex;
    padding: 1.25rem;
    flex-direction: column;
    gap: 1.25rem;
    flex-shrink: 0;
    border-radius: 1.25rem;
    background: #EBE9F8;
}

    .block h4[b-560h98hxoj] {
        color: var(--Col-2, #0A0C3C);
        font-family: Montserrat;
        font-size: 1.25rem;
        font-style: normal;
        font-weight: 700;
        line-height: normal;
        text-align: center;
        text-transform: none;
    }

.block-body[b-560h98hxoj] {
    display:flex;
    flex-direction:column;
    gap: .75rem;
}
.card-block[b-560h98hxoj] {
    background: #fff;
    border-radius: .5rem;
    box-shadow: 0px 0px 10px rgba(138, 168, 182, 0.2);
    padding: 1rem;
    display: grid;
    grid-template-columns: auto 1fr auto;
    align-items: center;
    gap: .75rem;
    margin: 0;
}

.image-type[b-560h98hxoj] {
    border-radius: 0.75rem;
    background: var(--Color-4, #EBE9F8);
    padding: 0.75rem;
}

.card-s-body[b-560h98hxoj] {
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-around;
    width: 100%;
    gap: .5rem;
}

.card-s-name[b-560h98hxoj] {
    display: flex;
    justify-content: space-between;
}

    .card-s-name label[b-560h98hxoj] {
        color: #505050;
        font-family: Montserrat;
        font-size: 1rem;
        font-style: normal;
        font-weight: 500;
        line-height: normal;
    }

.summ[b-560h98hxoj] {
    display: flex;
    gap: .5rem;
    align-items: end;
}

    .summ label[b-560h98hxoj] {
        color: var(--Col-2, #0A0C3C);
        font-family: Montserrat;
        font-size: 1rem;
        font-style: normal;
        font-weight: 500;
        line-height: normal;
        position: relative;
    }

        .summ label div[b-560h98hxoj] {
            margin: 0;
            background: #F00;
            height: 2px;
            width: calc(100% + .25rem);
            position: absolute;
            transform: rotate(-15deg);
            bottom: .5rem;
            left: -.125rem;
        }

    .summ h4[b-560h98hxoj] {
        color: var(--Col-2, #0A0C3C);
        font-family: Montserrat;
        font-size: 1.25rem;
        font-style: normal;
        font-weight: 600;
        line-height: normal;
    }


.footer .itog[b-560h98hxoj]{
    display: grid;
    grid-template-columns: auto 1fr auto;
    align-items: end;
    gap: .25rem;
    margin: 0rem 0 1.75rem;
}

.itog div[b-560h98hxoj] {
    border-bottom: dotted 2px #505050;
    margin-bottom: 2px;
}

.itog p[b-560h98hxoj] {
    margin: 0;
    color: #505050;
    font-family: Montserrat;
    font-size: 1rem;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}
.itog-sum[b-560h98hxoj] {
    color: var(--Col-2, #0A0C3C);
    font-family: Montserrat;
    font-size: 1.25rem;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}
.promo-code[b-560h98hxoj] {
    margin-bottom: 1.25rem;
}

    .promo-code .btn-secondary[b-560h98hxoj] {
        padding: 1rem;
        align-items: center;
        gap: 0.25rem;
        align-self: stretch;
        border-radius: 0.75rem;                
        font-family: Montserrat;
        font-size: 0.75rem;
        font-style: normal;
        font-weight: 600;
        line-height: normal;
        background: var(--Color-1, #2BC4D5);
        color: #FFF;
        border-color: #2BC4D5;
    }
        .promo-code .btn-outline-secondary[b-560h98hxoj] {
        padding: 1rem;
        align-items: center;
        gap: 0.25rem;
        align-self: stretch;
        border-radius: 0.75rem;
        border: 1px solid #604FD0;
        color: #604FD0;
        font-family: Montserrat;
        font-size: 0.75rem;
        font-style: normal;
        font-weight: 600;
        line-height: normal;
    }
    .line[b-560h98hxoj] {
        display:flex;
        padding: 1rem 0;
    }
    .input-code[b-560h98hxoj] {
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 1rem;
    }
.form-group[b-560h98hxoj] {
    margin-bottom: 0;
}
.input-code .btn-secondary[b-560h98hxoj] {
   /* margin-bottom: 1rem;*/
}

.btn-close-c[b-560h98hxoj] {
    padding: 0.75rem;    
    border: 0;
    border-radius: 0.75rem;    
    margin-left: auto;
    cursor: pointer;
    background: var(--Color-4, #EBE9F8);
    display: flex;

}

.footer-block[b-560h98hxoj] {
    gap: 1rem;
    display: flex;
}
    .footer-block .btn[b-560h98hxoj] {
        width: 100%;
        border-radius: 0.75rem;
        font-family: Montserrat;
        font-size: 1rem;
        font-style: normal;
        font-weight: 500;
        line-height: normal;
    }

    .footer-block .btn-secondary[b-560h98hxoj] {
        background: var(--Color-1, #2BC4D5);
        color: #FFF;
        border-color: #2BC4D5;
    }


@media (max-width: 640.98px) {
    .card-block[b-560h98hxoj] {
        display: flex;     
    }

}
/* /Components/Pages/Subscriptions/Fail.razor.rz.scp.css */
.card-block[b-vieq5bape2] {
    text-align: center;
}

h4[b-vieq5bape2] {
    color: #D04F4F;
    text-align: center;
    font-family: "Montserrat";
    font-size: 1.25rem;
    font-style: normal;
    font-weight: 400;
    line-height: 1.125rem; /* 100% */
    text-transform: uppercase;
}

p[b-vieq5bape2] {
    color: #151D2A;
    text-align: center;
    font-family: "Montserrat";
    font-size: 0.8125rem;
    font-style: normal;
    font-weight: 400;
    line-height: 1.25rem;
    margin: .5rem 0 .75rem;
}

.btn[b-vieq5bape2] {
    display: inline-block;
}
/* /Components/Pages/Subscriptions/Index.razor.rz.scp.css */
.card-block[b-5v4vptisec] {
    display: grid;
    grid-template-columns: 2fr 1fr;
    gap: 1.25rem;
    margin-top: .5rem;
}
.tariff[b-5v4vptisec] {
    display: flex;
    flex-direction: column;
    gap: 1.75rem;
}
.tariff .tittle h2[b-5v4vptisec] {
    color: var(--Col-2, #0A0C3C);
    font-family: Montserrat;
    font-size: 2rem;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    margin: 0 0 1.25rem;
}
    .tariff .tittle[b-5v4vptisec] {
        position: sticky;
        padding-top: 1rem;
        top: 0rem;
        z-index: 10;
        background: var(--backgraund-light);
        border-radius: 1rem;
    }
        .tariff .tittle .type-tittle[b-5v4vptisec] {
            display: flex;
            gap: .25rem;
            flex-flow: wrap;
        }
        .tariff .tittle .label-type[b-5v4vptisec] {
            color: #0A0C3C;
            font-family: Montserrat;
            font-size: 0.875rem;
            font-style: normal;
            font-weight: 500;
            line-height: normal;
            display: flex;
            padding: 0.75rem 1.5rem;
            justify-content: center;
            align-items: center;
            gap: 0.5rem;
            border-radius: 2.5rem;
            background: #EBE9F8;
            cursor: pointer;           
            flex-flow: wrap;
        }
        .tariff .tittle .label-type.active[b-5v4vptisec] {
            color: var(--Col-3, #F1FAFF);
            background: var(--Color-2, #5F4FD0);
        }

        .type-block .title[b-5v4vptisec] {
            color: var(--Col-2, #0A0C3C);
            font-family: Montserrat;
            font-size: 1.125rem;
            font-style: normal;
            font-weight: 700;
            line-height: normal;
        }

.type-block .list-block[b-5v4vptisec] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: .25rem;
}
.card-s[b-5v4vptisec] {
    display: flex;
    gap: 1.5rem;
    border-radius: 0.75rem;
    border: 1px solid var(--Color-4, #EBE9F8);
    background: #FFF;
    padding: 0.75rem 0.75rem 0.75rem 1rem;
    justify-content: stretch;
    align-items: center;
    cursor:pointer;
}

    .card-s.active[b-5v4vptisec] {
        border-color: #2BC4D5;
    }

.image-type[b-5v4vptisec] {
    border-radius: 0.75rem;
    background: var(--Color-4, #EBE9F8);
    padding: 0.75rem;
}
.card-s-body[b-5v4vptisec] {
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-around;
    width: 100%;
    gap:.5rem;
}
.card-s-name[b-5v4vptisec] {
    display: flex;
    justify-content: space-between;
}
.card-s-name label[b-5v4vptisec] {
    color: #505050;
    font-family: Montserrat;
    font-size: 1rem;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}
.summ[b-5v4vptisec] {
    display:flex;
    gap: .5rem;
    align-items:end;
}
.summ label[b-5v4vptisec] {
    color: var(--Col-2, #0A0C3C);
    font-family: Montserrat;
    font-size: 1rem;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    position:relative;
}

    .summ label div[b-5v4vptisec] {
        margin: 0;
        background: #F00;
        height: 2px;
        width: calc(100% + .25rem);
        position: absolute;
        transform: rotate(-15deg);
        bottom: .5rem;
        left: -.125rem;
    }

.summ h4[b-5v4vptisec] {
    color: var(--Col-2, #0A0C3C);
    font-family: Montserrat;
    font-size: 1.25rem;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}

.round-select[b-5v4vptisec] {
    border: solid 1px #2BC4D5;
    display:flex;
    align-items:center;
    justify-content:center;
    width: 1rem;
    height: 1rem;
    border-radius: 1rem;
}
.active .round-select small[b-5v4vptisec] {
    background-color: #2BC4D5;
    border: solid 1px #fff;
    display: block;
    width: .9rem;
    height: .9rem;
    border-radius: 1rem;
}

.pocket-block[b-5v4vptisec] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: .75rem;
    align-items: start;
}

.card-packet[b-5v4vptisec] {
    position: relative;
    background: #fff;
    display: flex;
    padding: 1.25rem 1.25rem 0.5rem 1.25rem;
    flex-direction: column;    
    align-items: flex-start;
    flex: 1 0 0;
    border-radius: 1.25rem;
    border: 1px solid var(--Color-3, #E1EDF5);
    min-height: 17.5rem;
}
.card-packet .summ[b-5v4vptisec] {
    margin:auto 0 1.25rem;
}
.label-packet[b-5v4vptisec] {
    color: var(--Col-3, #F1FAFF);
    font-family: Montserrat;
    font-size: 0.625rem;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    display: flex;
    padding: 0.5rem 1rem;
    justify-content: center;
    align-items: center;
    gap: 0.625rem;
    position: absolute;
    right: 0.75rem;
    top: -0.875rem;
    border-radius: 3.125rem;
    background: var(--Color-1, #2BC4D5);
}

.color-label-1 .label-packet[b-5v4vptisec] {
    background: var(--Color-1, #2BC4D5);
}
    .color-label-3 .label-packet[b-5v4vptisec]  {
        background: var(--Col-1, #13A5FF);
    }
    .color-label-6 .label-packet[b-5v4vptisec]  {
        background: var(--Color-2, #5F4FD0);
    }
.pocket-footer[b-5v4vptisec] {
    width: 100%;
}
.pocket-footer button[b-5v4vptisec] {
    background: none;
    border: none;
    color: var(--Color-1, #2BC4D5);
    font-family: Montserrat;
    font-size: 0.75rem;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    display: flex;
    padding: 0.75rem;
    justify-content: center;
    align-items: center;
    gap: 0.625rem;
    align-self: stretch;
    width: 100%;
}

.active .pocket-footer button svg[b-5v4vptisec] {
    transform:rotate(180deg);
}
    .pocket-list[b-5v4vptisec] {
    display: none;
}

.btn-packet[b-5v4vptisec] {
    display: flex;
    padding: 0.75rem 1.5rem;
    justify-content: center;
    align-items: center;
    gap: 0.625rem;
    align-self: stretch;
    color: #FFF;
    font-family: Montserrat;
    font-size: 0.75rem;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    border-radius: 0.75rem;
    background: var(--Color-1, #2BC4D5);
    border:none;
    width: 100%;
}
.pocket-title[b-5v4vptisec] {
    color: #000;
    font-family: Montserrat;
    font-size: 1.25rem;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}
.pocket-note[b-5v4vptisec] {
    color: #000;
    font-family: Montserrat;
    font-size: 0.75rem;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}
.active .pocket-list[b-5v4vptisec] {
    display: flex;
    flex-direction: column;
    gap: .75rem;
}

.pocket-list-line[b-5v4vptisec] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    align-self: stretch;
    color: #000;
    font-family: Montserrat;
    font-size: 0.875rem;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

    .pocket-list-line div:first-child[b-5v4vptisec] {
        display: flex;
        padding: 0.75rem;
        align-items: center;
        gap: 0.625rem;
        border-radius: 0.75rem;
        background: var(--Color-4, #EBE9F8);
    }

.cart-card[b-5v4vptisec] {
    display: flex;
    padding: 1.25rem 1.75rem;
    flex-direction: column;
    align-items: center;
    gap: 1.25rem;
    border-radius: 1.25rem;
    background: #fff;
    margin-bottom: 1.25rem;
}
    .cart-card .title[b-5v4vptisec] {
        color: var(--Col-2, #0A0C3C);
        font-family: Montserrat;
        font-size: 1.25rem;
        font-style: normal;
        font-weight: 700;
        line-height: normal;
        justify-content:center;
    }
    .cart-card .itog[b-5v4vptisec] {
        flex: 1;
        display: flex;
        flex-direction: column;
        width: 100%;
        justify-content: center;
        align-items: center;
        gap: 1rem;
        border-top: dashed 1px #DFDFFE;
        padding-top: 1.25rem;
    }
    .btn-itog[b-5v4vptisec] {
        border-radius: 0.75rem;
        background: #2BC4D5;
        color: #FFF;
        font-family: Montserrat;
        font-size: 1rem;
        font-style: normal;
        font-weight: 500;
        line-height: normal;
        width: 100%;
    }

.list-p[b-5v4vptisec] {
    width: 100%;
    display: flex;
    flex-direction:column;
    gap: 1.5rem;
}
    .list-p .line[b-5v4vptisec] {
        color: #505050;
        /* 14 Regular */
        font-family: Montserrat;
        font-size: 0.875rem;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
    }
    .list-p .summ-itog[b-5v4vptisec] {
        color: var(--Col-2, #0A0C3C);
        /* 16 Medium */
        font-family: Montserrat;
        font-size: 1rem;
        font-style: normal;
        font-weight: 500;
        line-height: normal;
    }

.line[b-5v4vptisec] {
    display: grid;
    grid-template-columns: auto 1fr auto;
    width: 100%;
    color: #505050;
    font-family: Montserrat;
    font-size: 1rem;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    gap: .25rem;
    align-items: end;
}
.dots[b-5v4vptisec] {
    border-bottom: dotted 2px #505050;
    margin-bottom: 2px;
}

.summ-itog[b-5v4vptisec] {
    color: var(--Col-2, #0A0C3C);
    font-family: Montserrat;
    font-size: 1.25rem;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}



@media (max-width: 640.98px) {
    .card-block[b-5v4vptisec],
    .type-block .list-block[b-5v4vptisec] {
        grid-template-columns: 1fr;
    }
    .tariff[b-5v4vptisec] {
        gap: 1.25rem;
    }
    .title[b-5v4vptisec] {
        margin-bottom: .75rem;
    }
    .tariff .tittle .type-tittle[b-5v4vptisec] {
        display: flex;
        gap: .25rem;
        flex-flow: row;
        max-width: calc(100vw - 2rem);
        overflow-y: hidden;
        text-wrap: nowrap;
        padding: 0 0 .5rem 0;
    }
    .summ label[b-5v4vptisec],
    .card-s-name label[b-5v4vptisec] {
        font-size: .875rem;
    }
    .summ h4[b-5v4vptisec] {
        font-size: 1.125rem;
    }

    .tariff .tittle .type-tittle[b-5v4vptisec]::-webkit-scrollbar {
        width: 0;
        height: 0;
    }

    .tariff .tittle h2[b-5v4vptisec] {
        font-size: 1.25rem;
        margin: 0 0 1rem;
    }
    .tariff .tittle .label-type[b-5v4vptisec] {
        font-size: .75rem;
    }
    .type-block .title[b-5v4vptisec] {
        font-size: 1rem;
    }
    .cart-block[b-5v4vptisec] {
        position:sticky;
        bottom: 5rem;
    }
    .cart-card[b-5v4vptisec] {
        padding: .75rem;
    }
        .cart-card .itog[b-5v4vptisec] {
            gap: .75rem;
        }
        .cart-card .title[b-5v4vptisec],
        .cart-card .list-block[b-5v4vptisec],
        .cart-card .list-p[b-5v4vptisec],
        .banner[b-5v4vptisec] {
            display: none;
        }
    .cart-card .itog[b-5v4vptisec] {
        border-top: none;
        padding-top: 0rem;
    }
    .summ-itog[b-5v4vptisec] {
        font-size: 1rem;     
    }
    .line[b-5v4vptisec] {
        font-size: .75rem;        
    }
    .btn-itog[b-5v4vptisec] {
        font-size: .75rem;
    }
    .pocket-block[b-5v4vptisec] {    
        grid-template-columns: 1fr;    
    }

}
/* /Components/Pages/Subscriptions/PaymentLanding.razor.rz.scp.css */
.block[b-pzb2sucr5w] {
    max-width: 40rem;
    margin: 2rem auto;
}

.card-block[b-pzb2sucr5w] {
    background: #fff;
    border-radius: .5rem;
    box-shadow: 0px 0px 10px rgba(138, 168, 182, 0.2);
    padding: 1rem;
    display: grid;
    grid-template-columns: 1fr auto;
    align-items: center;
}

.footer .itog[b-pzb2sucr5w] {
    display: grid;
    grid-template-columns: 1fr auto;
    align-items: center;
}

.promo-code[b-pzb2sucr5w] {
    margin-bottom: 2rem;
}

.input-code[b-pzb2sucr5w] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 1rem;
}

.form-group[b-pzb2sucr5w] {
    margin-bottom: 0;
}

.input-code .btn-secondary[b-pzb2sucr5w] {
    /* margin-bottom: 1rem;*/
}
/* /Components/Pages/Subscriptions/PaymentLandingTwo.razor.rz.scp.css */
.block[b-rfuo69k6de] {
    max-width: 40rem;
    margin: 2rem auto;
}

.card-block[b-rfuo69k6de] {
    background: #fff;
    border-radius: .5rem;
    box-shadow: 0px 0px 10px rgba(138, 168, 182, 0.2);
    padding: 1rem;
    display: grid;
    grid-template-columns: 1fr auto;
    align-items: center;
}

.footer .itog[b-rfuo69k6de] {
    display: grid;
    grid-template-columns: 1fr auto;
    align-items: center;
}

.promo-code[b-rfuo69k6de] {
    margin-bottom: 2rem;
}

.input-code[b-rfuo69k6de] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 1rem;
}

.form-group[b-rfuo69k6de] {
    margin-bottom: 0;
}

.input-code .btn-secondary[b-rfuo69k6de] {
    /* margin-bottom: 1rem;*/
}

.footer-block[b-rfuo69k6de] {
    display: flex;
    gap: .75rem;
    margin-bottom: 1rem;
}
/* /Components/Pages/Subscriptions/PaymentPocket.razor.rz.scp.css */
.block[b-ljc18bu9b2] {
    max-width: 40rem;
    margin: 2rem auto;
}

.block-body[b-ljc18bu9b2] {
    display: flex;
    padding: 1.25rem;
    flex-direction: column;
    align-items: center;
    gap: 1.25rem;
    border-radius: 1.25rem;
    background: var(--Main-White, #FFF);
}

.card-block[b-ljc18bu9b2] {
    display: flex;
    padding: 0.75rem 0.75rem 0.75rem 1rem;
    justify-content: space-between;
    align-items: center;
    align-self: stretch;
    border-radius: 0.75rem;
    background: var(--Dark-Blue-Dark-Blue-50, #F8F9FE);
}

.footer[b-ljc18bu9b2] {
    display: flex;
    flex-direction: column;
    width: 100%;
    gap: 1rem;
}

    .footer .itog[b-ljc18bu9b2] {
        display: flex;
        padding: 0.75rem 0.25rem;
        align-items: flex-end;
        gap: 0.25rem;
        align-self: stretch;
        width: 100%;
    }

.itog h4 b[b-ljc18bu9b2] {
    font-weight: 600;
}

.footer .itog div[b-ljc18bu9b2] {
    flex: 1;
    border-bottom: dotted 3px #9D9EB1;
}

.promo-code[b-ljc18bu9b2] {
    margin-bottom: 2rem;
}

.input-code[b-ljc18bu9b2] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 1rem;
}

.form-group[b-ljc18bu9b2] {
    margin-bottom: 0;
}

.input-code .btn-secondary[b-ljc18bu9b2] {
    /* margin-bottom: 1rem;*/
}

.footer-block[b-ljc18bu9b2] {
    display: flex;
    align-items: flex-start;
    gap: 1rem;
    align-self: stretch;
}

    .footer-block .btn[b-ljc18bu9b2] {
        flex: 1;
    }
/* /Components/Pages/Subscriptions/PaymentProgram.razor.rz.scp.css */
.block[b-15nud8i116] {
    max-width: 40rem;
    margin: 2rem auto;
}

.block-body[b-15nud8i116] {
    display: flex;
    padding: 1.25rem;
    flex-direction: column;
    align-items: center;
    gap: 1.25rem;
    border-radius: 1.25rem;
    background: var(--Main-White, #FFF);
}

.card-block[b-15nud8i116] {
    display: flex;
    padding: 0.75rem 0.75rem 0.75rem 1rem;
    justify-content: space-between;
    align-items: center;
    align-self: stretch;
    border-radius: 0.75rem;
    background: var(--Dark-Blue-Dark-Blue-50, #F8F9FE);
}
.footer[b-15nud8i116] {
    display: flex;
    flex-direction: column;
    width: 100%;
    gap: 1rem;
}
    .footer .itog[b-15nud8i116] {
        display: flex;
        padding: 0.75rem 0.25rem;
        align-items: flex-end;
        gap: 0.25rem;
        align-self: stretch;        
        width: 100%;        
    }

.itog h4 b[b-15nud8i116] {
    font-weight: 600;
}
    .footer .itog div[b-15nud8i116] {
        flex: 1;
        border-bottom: dotted 3px #9D9EB1;
    }
.promo-code[b-15nud8i116] {
    margin-bottom: 2rem;
}

.input-code[b-15nud8i116] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 1rem;
}

.form-group[b-15nud8i116] {
    margin-bottom: 0;
}

.input-code .btn-secondary[b-15nud8i116] {
    /* margin-bottom: 1rem;*/
}

.footer-block[b-15nud8i116] {
    display: flex;
    align-items: flex-start;
    gap: 1rem;
    align-self: stretch;
}

.footer-block .btn[b-15nud8i116] {
    flex: 1;
}
/* /Components/Pages/Subscriptions/Successfully.razor.rz.scp.css */
.card-block[b-7sz4rrpt53] {
    text-align: center;
}

h4[b-7sz4rrpt53] {
    color: #604FD0;
    text-align: center;
    font-family: "Montserrat";
    font-size: 1.25rem;
    font-style: normal;
    font-weight: 400;
    line-height: 1.125rem; /* 100% */
    text-transform: uppercase;
}
p[b-7sz4rrpt53] {
    color: #151D2A;
    text-align: center;
    font-family: "Montserrat";
    font-size: 0.8125rem;
    font-style: normal;
    font-weight: 400;
    line-height: 1.25rem;
    margin: .5rem 0 .75rem;
}

.btn[b-7sz4rrpt53] {
    display: inline-block;
}
/* /Components/Pages/Worker/Challenge/AddChallenge.razor.rz.scp.css */
.btn-panel[b-vtohhvp3k6]{
    grid-template-columns: repeat(4, 1fr)
}

.image[b-vtohhvp3k6] {
    padding: .875rem;
}
.card-full[b-vtohhvp3k6] {
    margin-top: 1rem;
    border-radius: .5rem;
    box-shadow: 0px 0px .625rem rgba(138, 168, 182, 0.2);
    background: var(--backgraund);   
}

.description[b-vtohhvp3k6] {
    padding: .875rem;
    border-radius: .5rem;    
    background: #fff;
}
.btn-panel[b-vtohhvp3k6] {   
    padding: .875rem;
}
.vid[b-vtohhvp3k6] {
    align-items:center;
}

.footer-card[b-vtohhvp3k6] {
    padding: .75rem;
    text-align:center;
}
.life-btn[b-vtohhvp3k6] {
    display: flex;
    align-items: center;
    border: 1px solid #2BC4D6;
    margin-bottom: 1rem;
    margin-top: .5rem;
    border-radius: 1.5rem;
    overflow: hidden;
    cursor: pointer;
}

    .life-btn div[b-vtohhvp3k6] {
        display: flex;
        width: 100%;
        padding: .25rem 1rem;
        justify-content: center;
        color: #2BC4D6;
        padding: .85rem;
    }

        .life-btn div:first-child[b-vtohhvp3k6] {
            color: #ffffff;
            background-color: #2BC4D6;
            border-radius: 1.5rem;
        }

    .life-btn.active div:first-child[b-vtohhvp3k6] {
        color: #2BC4D6;
        background-color: #ffffff;
    }

    .life-btn.active div:last-child[b-vtohhvp3k6] {
        color: #ffffff;
        background-color: #2BC4D6;
        border-radius: 1.5rem;
    }

.btn-icon[b-vtohhvp3k6] {
    background: #fff;
    border-radius: 1rem;
    border: none;
    box-shadow: 0px 0px 10px 0px rgba(138, 168, 182, 0.20);
    padding: 0.35rem 0.5rem;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
}


.modal-dialog[b-vtohhvp3k6] {
    border-radius: 2rem;
    background: rgba(255, 255, 255, 0.90);
    box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.10);
    position:relative;
}

.btn-modal-close[b-vtohhvp3k6] {
    position: absolute;
    top: -0.75rem;
    right: -0.75rem;
    padding: 0.75rem;
    display: flex;
    border: none;
    border-radius: 2rem;
    background: rgba(255, 255, 255, 1);
    box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.10);
}

.modal-body h4[b-vtohhvp3k6] {
    color: #2BC4D6;
    text-align: center;
    font-family: Montserrat;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 36px; /* 200% */
    text-transform: uppercase;
}

.modal-title[b-vtohhvp3k6],
.modal-footer[b-vtohhvp3k6] {
    display: flex;
    align-items:center;
    justify-content:center;
    margin: 1.5rem 0;
}

.grid-btn[b-vtohhvp3k6] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 1rem;
}

.modal-footer .btn[b-vtohhvp3k6] {
    color: #FFF;
    text-align: center;
    font-family: Montserrat;
    font-size:  .75rem;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    border-radius: 1.5rem;
    background: #604FD0;
    padding: 1rem 2rem;
}

    .modal-footer .btn-outline[b-vtohhvp3k6] {
        color: #604FD0;
        text-align: center;
        font-family: Montserrat;
        font-size:  .75rem;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
        border-radius: 1.5rem;
        border: 1px #604FD0 solid;
        background: none;
        padding: 1rem 2rem;
    }
/* /Components/Pages/Worker/Challenge/ChallengeCard.razor.rz.scp.css */
.card[b-9lix1zk1jo] {
    background: #FFFFFF;
    box-shadow: 0rem 0rem .625rem rgba(138, 168, 182, 0.2);
    padding: 0.625rem 0.625rem 1rem;
    border-radius: 1rem;
    display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: auto auto 1fr auto;
    gap: .5rem;    
}

    .card h4[b-9lix1zk1jo] {
        font-size: 1rem;
        line-height: 1.25rem;
        color: #151D2A;
        min-height: 2.3rem;
        /*margin-bottom: .75rem;*/
    }

.header[b-9lix1zk1jo] {
    margin: 0 0 .75rem 0;
    grid-template-columns: auto 1fr;
}

    .header label[b-9lix1zk1jo],
    .image label[b-9lix1zk1jo] {
        background: #EAF9FB;
        border-radius: 1.25rem;
        font-weight: 400;
        font-size: .75rem;
        line-height: 1;
        color: #2BC4D6;
        display: flex;
        align-items: center;
        justify-content: center;
        width: fit-content;
        padding: 0.5rem 1rem;
    }

.date[b-9lix1zk1jo], .days[b-9lix1zk1jo] {
    font-size: .75rem;
    font-weight: 500;
    line-height: 1;
    color: #2BC4D6;
    display: flex;
    align-items: center;
    justify-content: start;
}

.days[b-9lix1zk1jo] {
    justify-content: end;
    margin-left:auto;
}

    .days img[b-9lix1zk1jo] {
        margin: 0 .5rem;
    }

.card p[b-9lix1zk1jo] {
    font-size: .75rem;
    line-height: 1rem;
    color: #4F4F4F;
    height: 3rem;
    overflow: hidden;
    position: relative;
    margin: 0;
}

    .card p.active[b-9lix1zk1jo] {
        height: auto;
    }

    .card p span b[b-9lix1zk1jo] {
        color: #4F4F4F;
    }

.card .description div[b-9lix1zk1jo] {
    color: #2BC4D6;
    background: #fff;
    cursor: pointer;
    margin-left: auto;
    margin-left: auto;
    display: flex;
    width: fit-content;
    margin-bottom: 0.75rem;
    font-size: .75rem;
    line-height: 1rem;
}

.footer[b-9lix1zk1jo] {
    display: flex;
    padding: 0;
}

    .footer .btn[b-9lix1zk1jo] {
        align-items: center;
        display: flex;
        padding: 0.5rem 0.75rem;
    }

    .footer span[b-9lix1zk1jo] {
        font-size: 1.25rem;
        margin-left: 1.25rem;
    }

.image[b-9lix1zk1jo] {
    position: relative;
    overflow: hidden;
    background-position: center;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    object-fit: cover;
    aspect-ratio: 16/9;
    border-radius: 0.625rem;
    width: 100%;
}

    .image img[b-9lix1zk1jo] {
    }

    .image label[b-9lix1zk1jo] {
        position: absolute;
        color: #2BC4D6;
        text-align: center;
        font-size: .75rem;
        font-family: Montserrat;
        font-style: normal;
        font-weight: 500;
        line-height: normal;
        background: #fff;
        padding: 0.25rem 0.5rem;
        border-radius: 1rem;
    }

    .image .right[b-9lix1zk1jo] {
        top: 0.5rem;
        right: .5rem;
        background: #fff;
        color: #604FD0;
    }

    .image .left[b-9lix1zk1jo] {
        top: 0.5rem;
        left: .5rem;
    }




@media (max-width: 640.98px) {
    .image[b-9lix1zk1jo] {
        width: 100%;
        border-radius: 1.25rem;
        object-fit: cover;
        aspect-ratio: 16/9;
    }

    .card[b-9lix1zk1jo] {
        grid-template-columns: 1fr;
    }
}
/* /Components/Pages/Worker/Challenge/Index.razor.rz.scp.css */
.panel-filter[b-1odwt6expv] {
    display: flex;
}

.challenge-block[b-1odwt6expv] {
    display: grid;
    grid-template-columns: 3fr 1fr;
    gap: 1rem;
    margin-top: 2rem;
}

    .challenge-block section[b-1odwt6expv] {
        width: 100%;
    }

.panel-filter[b-1odwt6expv] {
    display: flex;
    margin-bottom: 1.25rem;
}

.btn-text[b-1odwt6expv] {
    padding: .25rem 1rem;
}

.card-block-challenge[b-1odwt6expv] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 1rem;
}

.panel-filter[b-1odwt6expv]  .order-0 {
    order: 0;
    margin-right: 1rem;
}

.panel-mobile[b-1odwt6expv] {
    order: 1;
}

.panel-filter[b-1odwt6expv]  .order-2 {
    order: 2;
}
.panel-filter a.btn.btn-primary[b-1odwt6expv] {
    text-align: center;
    padding: .5rem 1rem;
}

@media (max-width: 640.98px) {
    .panel-filter[b-1odwt6expv] {
        display: grid;
        gap: .5rem;
        grid-template-columns: 1fr 1fr;
    }

        .panel-filter[b-1odwt6expv]  .order-0 {
            order: 1;
            display: inline-block;
        }

        .panel-filter[b-1odwt6expv]  .order-2 {
            margin-left: 0;
        }

    .panel-mobile[b-1odwt6expv] {
        display: flex;
        width: calc(100vw - 3.5rem);
        overflow-y: auto;
        grid-column-start: 1;
        grid-column-end: 3;
    }

        .panel-mobile[b-1odwt6expv]::-webkit-scrollbar {
            width: 0;
            height: 0;
        }

    .challenge-block[b-1odwt6expv],
    .card-block-challenge[b-1odwt6expv] {
        grid-template-columns: 1fr;
    }

    .list[b-1odwt6expv] {
        margin-bottom: 6rem;
    }

    .off[b-1odwt6expv] {
        margin: 2rem 0;
    }
}
/* /Components/Pages/Worker/Consultation/Consultation.razor.rz.scp.css */
.block[b-ohkn5a5pb1] {
    margin-top: 2rem;
    max
}
.grid-block[b-ohkn5a5pb1] {
    display: grid;
    grid-template-columns: 2fr 1fr;
    gap: 2rem;
}

.local-video-holder[b-ohkn5a5pb1],
.participant-container[b-ohkn5a5pb1] {    
    display: flex;
    width: auto;
    background-color: black;
    justify-content: center;
    align-items: center;
    position: absolute;
    top: .5rem;
    right: .5rem;
    max-height: 15rem;
    max-width: 10rem;
    border-radius: 1rem;
}

.patern[b-ohkn5a5pb1] {
    display: flex;
    gap: .5rem;
    color: #fff;
    margin-bottom: 1rem;
}

    .patern label[b-ohkn5a5pb1] {
        padding: .25rem .5rem;
        background: #604FD0;
        border-radius: .25rem;
    }

        .patern label small[b-ohkn5a5pb1] {
            padding: .15rem .3rem;
            background: #fff;
            border-radius: .5rem;
            color: #604FD0;
            margin-left: .25rem;
        }

.timer[b-ohkn5a5pb1] {
    position: absolute;
    color: #fff;
    bottom: .5rem;
    right: .5rem;
    width: 11rem;
    text-align: end;
    display: flex;
    gap: .5rem;
}
.message-worker[b-ohkn5a5pb1] {
    background: #fff;
    border-radius: .625rem;
    padding: .75rem;
    box-shadow: 0px 0px 10px 0px rgba(138, 168, 182, 0.20);
    display: grid;
    grid-template-columns: auto 1fr;
    gap: 1rem;
    position: relative;
    margin-bottom: .5rem;
}
.message-worker p[b-ohkn5a5pb1] {
    margin: 0;
    font-size: .75rem;
    line-height: 1;
} 

.timer p[b-ohkn5a5pb1] {
    margin: 0;
}

.video[b-ohkn5a5pb1] {
    position: relative;
}

[b-ohkn5a5pb1] video {
    width: 100%;
    border-radius: 1rem;
}
.page_action:fullscreen[b-ohkn5a5pb1]  .video_container {
    width: 100%;
    height: 100vh;
}
.page_action[b-ohkn5a5pb1] {
    position: relative;
    /*max-width: 900px;*/
    max-height: calc(100vh - 8rem);
}
.remote-video-holder[b-ohkn5a5pb1] {
    background: #000;
    width: 100%;
    object-fit: cover;
    aspect-ratio: 4/3;
    border-radius: 1rem;
    display: flex;
    justify-content: center;
    max-height: calc(100vh - 16rem);
}
.btn_group[b-ohkn5a5pb1] {
    display: none;
}
.btn_group.active-btn[b-ohkn5a5pb1] {
    display: flex;
    gap: .5rem;
}
.card-session[b-ohkn5a5pb1] {
    background: #fff;
    border-radius: .625rem;
    padding: .75rem;
    box-shadow: 0px 0px 10px 0px rgba(138, 168, 182, 0.20);
    display: grid;
    grid-template-columns: auto 1fr;
    gap: 1rem;
    position: relative;
    margin-top: 1rem;
}
.time[b-ohkn5a5pb1] {
    display:flex;
    margin-bottom: 1rem;
    gap: 1rem;
}
.worker-info[b-ohkn5a5pb1] {
    display: flex;
    flex-direction: column;
    gap: .5rem;
}

.translation[b-ohkn5a5pb1] {
    position: relative;
}
.modal-window[b-ohkn5a5pb1] {
    position: absolute;
    background: none;
    border: 1px solid var(--primary);
    color: var(--primary);
    z-index: 1;
    border-radius: 1rem;
    padding: 1rem;
    top: 50%; /* position the top  edge of the element at the middle of the parent */
    left: 50%; /* position the left edge of the element at the middle of the parent */

    transform: translate(-50%, -50%);
}

    .modal-window h2[b-ohkn5a5pb1] {
        font-style: normal;
        font-weight: 400;
        font-size: 1.25rem;
        line-height: 1;
        text-transform: uppercase;
        margin: .5rem;
        text-align: center;
    }

.card-session label[b-ohkn5a5pb1] {
    color: #fff;
    background: #2BC4D6;
    padding: .25rem .5rem;
    text-align: center;
    font-family: Montserrat;
    font-size: .75rem;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    margin: 0 .35rem;
    border-radius: 1.5rem;
    display: block;
    position: absolute;
    right: .75rem;
    top: .5rem;
}
.card-session img[b-ohkn5a5pb1] {
    max-width: 5rem;
}
    .worker-info p[b-ohkn5a5pb1],
    .time p[b-ohkn5a5pb1] {
        margin: 0;
    }
.incoming-call[b-ohkn5a5pb1] {
    position: absolute;
    z-index: 100;
    background: none;
    padding: 1rem;
    border-radius: 1rem;
    margin: auto;
    top: calc(50% - 7rem);
    left: calc(50% - 6rem);
    display: flex;
}
    .incoming-call h2[b-ohkn5a5pb1] {
        color: var(--primary);
    }
.hidden[b-ohkn5a5pb1] {
    display: none;
}

.action_connecting[b-ohkn5a5pb1] {
    display: grid;
    grid-template-columns: auto 1fr;
    gap: 1rem;
    margin: 1rem 0;
    position: absolute;
    z-index: 1;
    bottom: 0;
    left: 1rem;
    align-items: center;
}

.btn-icon[b-ohkn5a5pb1] {
    background: none;
    padding: 0;
}
    .btn-icon svg path[b-ohkn5a5pb1] {
        stroke: var(--primary);
    }
    .btn-icon svg[b-ohkn5a5pb1] {
        fill: transparent;
    }


.one[b-ohkn5a5pb1] {
    position: relative;
}

[b-ohkn5a5pb1] .video_container video {
    height: 100%;
}

.chat-block[b-ohkn5a5pb1] {
    border-radius: .625rem;
    background: #E2EEF5;
    height: 100%;
    height: 100%;
    display: grid;
    grid-template-rows: auto 1fr auto;
    max-height: calc(100vh - 8rem);
}

.chat-title[b-ohkn5a5pb1] {
    border-radius: .625rem;
    background: #FFF;
    box-shadow: 0px 0px 10px 0px rgba(138, 168, 182, 0.20);
    padding: .75rem 1rem;
    display: flex;
    align-items: center;
}

    .chat-title h4[b-ohkn5a5pb1] {
        color: #151D2A;
        font-family: Montserrat;
        font-size: 1.25rem;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
        text-transform: uppercase;
    }

    .chat-title .block-avatar[b-ohkn5a5pb1] {
        margin-left: auto;
    }

        .chat-title .block-avatar img[b-ohkn5a5pb1] {
            height: 2.5rem;
            border-radius: 36px;
            border: 2px solid #FFF;
        }

            .chat-title .block-avatar img:last-child[b-ohkn5a5pb1] {
                margin-left: -1rem;
            }


.chat-footer[b-ohkn5a5pb1] {
    border-radius: .625rem;
    background: #FFF;
    margin: .625rem;
    display: grid;
    grid-template-columns: auto 1fr auto;
    padding: .75rem;
    margin-top: 1rem;
}

    .chat-footer input[b-ohkn5a5pb1] {
        border: none;
        width: 100%;
    }

.message-block[b-ohkn5a5pb1] {
    padding: 0 .5rem;
}

input[b-ohkn5a5pb1] {
    color: #4F4F4F;
    font-family: Montserrat;
    font-size: .75rem;
    font-style: normal;
    font-weight: 400;
    line-height: 1rem;
}

:focus-visible[b-ohkn5a5pb1] {
    outline: none;
}

.icon[b-ohkn5a5pb1] {
    background: none;
    border: none;
}

textarea[b-ohkn5a5pb1] {
    border: none;
    font-size: .75rem;
}

.chat-body[b-ohkn5a5pb1] {
    height: 100%;
    overflow: hidden;
    overflow-y: auto;
    margin-top: 0.5rem;
    display: flex;
    flex-direction: column-reverse;
}

.message[b-ohkn5a5pb1] {
    background: #fff;
    margin: 0.75rem 2rem 0 0.75rem;
    padding: 0.75rem 1rem;
    border-radius: 0.75rem 0.75rem 0.75rem 0;
    font-size: .75rem;
    position: relative;
}

    .message h5[b-ohkn5a5pb1],
    .active h5[b-ohkn5a5pb1] {
        margin: 0;
    }

    .message[b-ohkn5a5pb1]::before {
        content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='7' height='10' viewBox='0 0 7 10' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M0.264002 10C0.118198 10 0 9.8818 0 9.736C0 9.62067 0.0751945 9.51896 0.184528 9.48225C4.14604 8.15236 7 4.40947 7 0V7V8V10H5H0.264002Z' fill='white'/%3E%3C/svg%3E");
        position: absolute;
        left: -7px;
        bottom: -3px;
    }

.active[b-ohkn5a5pb1] {
    margin: 0.75rem .75rem 0 2rem;
    padding: 0.75rem 1rem;
    border-radius: 0.75rem 0.75rem 0 0.75rem;
    font-size: .75rem;
    position: relative;
    background: #ebe9f8;
}


    .active[b-ohkn5a5pb1]::before {
        content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='7' height='10' viewBox='0 0 7 10' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M6.736 10C6.8818 10 7 9.8818 7 9.736C7 9.62067 6.92481 9.51896 6.81547 9.48225C2.85396 8.15236 0 4.40947 0 0V7V8V10H2H6.736Z' fill='%23ebe9f8'/%3E%3C/svg%3E");
        position: absolute;
        right: -7px;
        bottom: -3px;
    }

.bag[b-ohkn5a5pb1] {
    color: #2BC4D6;
}

@media (max-width: 1366px) {
    .page_action[b-ohkn5a5pb1] {     
        max-width: 100%;
    }
}
@media (max-width: 1060px) {
    .grid-block[b-ohkn5a5pb1] {
        grid-template-columns: 1fr;
        gap: 1rem;
    } 
}

@media (max-width: 640.98px) {
    .grid-block[b-ohkn5a5pb1] {     
        grid-template-columns: 1fr;
        gap: 1rem;
    }
    .remote-video-holder[b-ohkn5a5pb1] {
        aspect-ratio: inherit;
        min-height: 25vh;
    }

    .local-video-holder[b-ohkn5a5pb1] {
        max-height: 15rem;
        max-width: 30vw;
    }
    .time[b-ohkn5a5pb1] {
        margin-top: 1.5rem;
        margin-bottom: .5rem;
    }

        .time p[b-ohkn5a5pb1] {
            font-size: .75rem;
        }

    .block[b-ohkn5a5pb1] {
        margin-bottom: 6rem;
    }
}

/* /Components/Pages/Worker/Consultation/ConsultationFree.razor.rz.scp.css */
.block[b-mi5cvug20d] {
    margin-top: 2rem;
    max
}

.grid-block[b-mi5cvug20d] {
    display: grid;
    grid-template-columns: 2fr 1fr;
    gap: 2rem;
}

.local-video-holder[b-mi5cvug20d],
.participant-container[b-mi5cvug20d] {
    display: flex;
    width: auto;
    background-color: black;
    justify-content: center;
    align-items: center;
    position: absolute;
    top: .5rem;
    right: .5rem;
    max-height: 15rem;
    max-width: 10rem;
    border-radius: 1rem;
}

.patern[b-mi5cvug20d] {
    display: flex;
    gap: .5rem;
    color: #fff;
    margin-bottom: 1rem;
}

    .patern label[b-mi5cvug20d] {
        padding: .25rem .5rem;
        background: #604FD0;
        border-radius: .25rem;
    }

        .patern label small[b-mi5cvug20d] {
            padding: .15rem .3rem;
            background: #fff;
            border-radius: .5rem;
            color: #604FD0;
            margin-left: .25rem;
        }

.timer[b-mi5cvug20d] {
    position: absolute;
    color: #fff;
    bottom: .5rem;
    right: .5rem;
    width: 11rem;
    text-align: end;
    display: flex;
    gap: .5rem;
}

.message-worker[b-mi5cvug20d] {
    background: #fff;
    border-radius: .625rem;
    padding: .75rem;
    box-shadow: 0px 0px 10px 0px rgba(138, 168, 182, 0.20);
    display: grid;
    grid-template-columns: auto 1fr;
    gap: 1rem;
    position: relative;
    margin-bottom: .5rem;
}

    .message-worker p[b-mi5cvug20d] {
        margin: 0;
        font-size: .75rem;
        line-height: 1;
    }

.timer p[b-mi5cvug20d] {
    margin: 0;
}

.video[b-mi5cvug20d] {
    position: relative;
}

[b-mi5cvug20d] video {
    width: 100%;
    border-radius: 1rem;
}

.page_action:fullscreen[b-mi5cvug20d]  .video_container {
    width: 100%;
    height: 100vh;
}

.page_action[b-mi5cvug20d] {
    position: relative;
    /*max-width: 900px;*/
    max-height: calc(100vh - 8rem);
}

.remote-video-holder[b-mi5cvug20d] {
    background: #000;
    width: 100%;
    object-fit: cover;
    aspect-ratio: 4/3;
    border-radius: 1rem;
    display: flex;
    justify-content: center;
    max-height: calc(100vh - 16rem);
}

.btn_group[b-mi5cvug20d] {
    display: none;
}

    .btn_group.active-btn[b-mi5cvug20d] {
        display: flex;
        gap: .5rem;
    }

.card-session[b-mi5cvug20d] {
    background: #fff;
    border-radius: .625rem;
    padding: .75rem;
    box-shadow: 0px 0px 10px 0px rgba(138, 168, 182, 0.20);
    display: grid;
    grid-template-columns: auto 1fr;
    gap: 1rem;
    position: relative;
    margin-top: 1rem;
}

.time[b-mi5cvug20d] {
    display: flex;
    margin-bottom: 1rem;
    gap: 1rem;
}

.worker-info[b-mi5cvug20d] {
    display: flex;
    flex-direction: column;
    gap: .5rem;
}

.translation[b-mi5cvug20d] {
    position: relative;
}

.modal-window[b-mi5cvug20d] {
    position: absolute;
    background: none;
    border: 1px solid var(--primary);
    color: var(--primary);
    z-index: 1;
    border-radius: 1rem;
    padding: 1rem;
    top: 50%; /* position the top  edge of the element at the middle of the parent */
    left: 50%; /* position the left edge of the element at the middle of the parent */

    transform: translate(-50%, -50%);
}

    .modal-window h2[b-mi5cvug20d] {
        font-style: normal;
        font-weight: 400;
        font-size: 1.25rem;
        line-height: 1;
        text-transform: uppercase;
        margin: .5rem;
        text-align: center;
    }

.card-session label[b-mi5cvug20d] {
    color: #fff;
    background: #2BC4D6;
    padding: .25rem .5rem;
    text-align: center;
    font-family: Montserrat;
    font-size: .75rem;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    margin: 0 .35rem;
    border-radius: 1.5rem;
    display: block;
    position: absolute;
    right: .75rem;
    top: .5rem;
}

.card-session img[b-mi5cvug20d] {
    max-width: 5rem;
}

.worker-info p[b-mi5cvug20d],
.time p[b-mi5cvug20d] {
    margin: 0;
}

.incoming-call[b-mi5cvug20d] {
    position: absolute;
    z-index: 100;
    background: none;
    padding: 1rem;
    border-radius: 1rem;
    margin: auto;
    top: calc(50% - 7rem);
    left: calc(50% - 6rem);
    display: flex;
}

    .incoming-call h2[b-mi5cvug20d] {
        color: var(--primary);
    }

.hidden[b-mi5cvug20d] {
    display: none;
}

.action_connecting[b-mi5cvug20d] {
    display: grid;
    grid-template-columns: auto 1fr;
    gap: 1rem;
    margin: 1rem 0;
    position: absolute;
    z-index: 1;
    bottom: 0;
    left: 1rem;
    align-items: center;
}

.btn-icon[b-mi5cvug20d] {
    background: none;
    padding: 0;
}

    .btn-icon svg path[b-mi5cvug20d] {
        stroke: var(--primary);
    }

    .btn-icon svg[b-mi5cvug20d] {
        fill: transparent;
    }


.one[b-mi5cvug20d] {
    position: relative;
}

[b-mi5cvug20d] .video_container video {
    height: 100%;
}

.chat-block[b-mi5cvug20d] {
    border-radius: .625rem;
    background: #E2EEF5;
    height: 100%;
    height: 100%;
    display: grid;
    grid-template-rows: auto 1fr auto;
    max-height: calc(100vh - 8rem);
}

.chat-title[b-mi5cvug20d] {
    border-radius: .625rem;
    background: #FFF;
    box-shadow: 0px 0px 10px 0px rgba(138, 168, 182, 0.20);
    padding: .75rem 1rem;
    display: flex;
    align-items: center;
}

    .chat-title h4[b-mi5cvug20d] {
        color: #151D2A;
        font-family: Montserrat;
        font-size: 1.25rem;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
        text-transform: uppercase;
    }

    .chat-title .block-avatar[b-mi5cvug20d] {
        margin-left: auto;
    }

        .chat-title .block-avatar img[b-mi5cvug20d] {
            height: 2.5rem;
            border-radius: 36px;
            border: 2px solid #FFF;
        }

            .chat-title .block-avatar img:last-child[b-mi5cvug20d] {
                margin-left: -1rem;
            }


.chat-footer[b-mi5cvug20d] {
    border-radius: .625rem;
    background: #FFF;
    margin: .625rem;
    display: grid;
    grid-template-columns: auto 1fr auto;
    padding: .75rem;
    margin-top: 1rem;
}

    .chat-footer input[b-mi5cvug20d] {
        border: none;
        width: 100%;
    }

.message-block[b-mi5cvug20d] {
    padding: 0 .5rem;
}

input[b-mi5cvug20d] {
    color: #4F4F4F;
    font-family: Montserrat;
    font-size: .75rem;
    font-style: normal;
    font-weight: 400;
    line-height: 1rem;
}

:focus-visible[b-mi5cvug20d] {
    outline: none;
}

.icon[b-mi5cvug20d] {
    background: none;
    border: none;
}

textarea[b-mi5cvug20d] {
    border: none;
    font-size: .75rem;
}

.chat-body[b-mi5cvug20d] {
    height: 100%;
    overflow: hidden;
    overflow-y: auto;
    margin-top: 0.5rem;
    display: flex;
    flex-direction: column-reverse;
}

.message[b-mi5cvug20d] {
    background: #fff;
    margin: 0.75rem 2rem 0 0.75rem;
    padding: 0.75rem 1rem;
    border-radius: 0.75rem 0.75rem 0.75rem 0;
    font-size: .75rem;
    position: relative;
}

    .message h5[b-mi5cvug20d],
    .active h5[b-mi5cvug20d] {
        margin: 0;
    }

    .message[b-mi5cvug20d]::before {
        content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='7' height='10' viewBox='0 0 7 10' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M0.264002 10C0.118198 10 0 9.8818 0 9.736C0 9.62067 0.0751945 9.51896 0.184528 9.48225C4.14604 8.15236 7 4.40947 7 0V7V8V10H5H0.264002Z' fill='white'/%3E%3C/svg%3E");
        position: absolute;
        left: -7px;
        bottom: -3px;
    }

.active[b-mi5cvug20d] {
    margin: 0.75rem .75rem 0 2rem;
    padding: 0.75rem 1rem;
    border-radius: 0.75rem 0.75rem 0 0.75rem;
    font-size: .75rem;
    position: relative;
    background: #ebe9f8;
}


    .active[b-mi5cvug20d]::before {
        content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='7' height='10' viewBox='0 0 7 10' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M6.736 10C6.8818 10 7 9.8818 7 9.736C7 9.62067 6.92481 9.51896 6.81547 9.48225C2.85396 8.15236 0 4.40947 0 0V7V8V10H2H6.736Z' fill='%23ebe9f8'/%3E%3C/svg%3E");
        position: absolute;
        right: -7px;
        bottom: -3px;
    }

.bag[b-mi5cvug20d] {
    color: #2BC4D6;
}

@media (max-width: 1366px) {
    .page_action[b-mi5cvug20d] {
        max-width: 100%;
    }
}

@media (max-width: 1060px) {
    .grid-block[b-mi5cvug20d] {
        grid-template-columns: 1fr;
        gap: 1rem;
    }
}

@media (max-width: 640.98px) {
    .grid-block[b-mi5cvug20d] {
        grid-template-columns: 1fr;
        gap: 1rem;
    }

    .remote-video-holder[b-mi5cvug20d] {
        aspect-ratio: inherit;
        min-height: 25vh;
    }

    .local-video-holder[b-mi5cvug20d] {
        max-height: 15rem;
        max-width: 30vw;
    }

    .time[b-mi5cvug20d] {
        margin-top: 1.5rem;
        margin-bottom: .5rem;
    }

        .time p[b-mi5cvug20d] {
            font-size: .75rem;
        }

    .block[b-mi5cvug20d] {
        margin-bottom: 6rem;
    }
}
/* /Components/Pages/Worker/Main/Index.razor.rz.scp.css */
.grid-2[b-0ommr6fhng],
.grid-1[b-0ommr6fhng]{
    display: grid;
    gap: 2rem;
}

.grid-2[b-0ommr6fhng] {
    grid-template-columns: 1fr 1fr;
}
.grid-1[b-0ommr6fhng] {
    margin-top: 2rem;
}

.grid-coach[b-0ommr6fhng] {
    display: grid;
    gap: 2rem;
    grid-template-columns: 3fr 1fr;
    margin-top: 2rem;
}

.card[b-0ommr6fhng] {
    display: flex;
    flex-direction: column;
    background: #fff;
    padding: 1rem;
    border-radius: 1rem;
    box-shadow: 0px 0px 10px 0px rgba(138, 168, 182, 0.20);
    cursor: pointer;
    color: #080A0E;
}

@media (max-width: 640.98px) {
    .grid-coach[b-0ommr6fhng], .grid-2[b-0ommr6fhng] {
        grid-template-columns: 1fr;
    }
    .grid-1[b-0ommr6fhng] {
        margin-bottom: 6rem;
    }
}
/* /Components/Pages/Worker/Main/LifeTodayComponent.razor.rz.scp.css */
.card-block[b-vu1jhvhki3] {
    border-radius: 0.75rem;
    background: #E2EEF5;
    box-shadow: 0px 0px 10px 0px rgba(138, 168, 182, 0.20);
   
}

.body[b-vu1jhvhki3] {
    border-radius: 10px;
    background: #FFF;
    gap: 1rem;
    display: flex;
    flex-direction: column;
    background: #E2EEF5;
}

h4[b-vu1jhvhki3] {
    margin-bottom: 1rem;
}

.block-full[b-vu1jhvhki3] {
    padding: 1rem;
    text-align: center;
    min-height: 6rem;
    display: flex;
    justify-content: center;
}

    .block-full h4[b-vu1jhvhki3] {
        margin: auto 0;
    }

.footer[b-vu1jhvhki3] {
    color: #604FD0;
    text-align: left;
    font-size: 1rem;
    font-weight: 500;
    line-height: 1.25rem;
    padding: 1rem;
}

.card[b-vu1jhvhki3] {
    background: #fff;
    border-radius: 0.75rem;
}

    .card .image[b-vu1jhvhki3] {        
        border-radius: .75rem;
        overflow: hidden;
        position: relative;
    }

    .card img[b-vu1jhvhki3] {
        width: 100%;
        border-radius: .75rem;
        object-fit: cover;
        aspect-ratio: 16/9;
    }

    .card .image label[b-vu1jhvhki3] {
        border-radius: 20px;
        background: #EAF9FB;
        color: #2BC4D6;
        font-size: .875rem;
        padding: 0.25rem 0.5rem;
        display: flex;
        margin-left: 0.25rem;
        align-items: center;
        position: absolute;
        top: 0.625rem;
        right: 0.5rem;
        display: flex;
    }

    .card .image label[b-vu1jhvhki3] {
        font-size: .75rem;
    }

        .card .image label.no-free[b-vu1jhvhki3] {
            color: var(--secondary);
        }


.footer[b-vu1jhvhki3] {
    padding-top: 1rem;
}

    .footer div[b-vu1jhvhki3] {
        width: 100%;
        display: flex;
        padding-bottom: 0.5rem;
    }

        .footer div span[b-vu1jhvhki3] {
            font-weight: 400;
            font-size: .75rem;
            line-height: 0px;
            color: #4530B3;
        }

            .footer div span:last-child[b-vu1jhvhki3] {
                margin-left: auto;
            }

    .footer h4[b-vu1jhvhki3] {
        font-weight: 400;
        font-size: 1rem;
        line-height: 1.25;
        color: #151D2A;
    }
/* /Components/Pages/Worker/Main/ModalShedul.razor.rz.scp.css */
.modal-card[b-cx04aejjpz] {
    display: flex;
    flex-direction: column;
    padding: 2rem;
    border-radius: 30px;
    background: rgba(255, 255, 255, 0.90);
    box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.10);
    height: fit-content;
    margin: auto;
    width: max-content;
}

.info[b-cx04aejjpz] {
    display: none;
}

p[b-cx04aejjpz] {
    margin: 0;
    font-size: .75rem;
}

.modal-body[b-cx04aejjpz] {
    display: grid;
    grid-template-columns: repeat(5,1fr);
    gap: 1rem;
    margin-bottom: 1rem;
}

.card[b-cx04aejjpz] {
    padding: .5rem 1rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    cursor: pointer;
}


.active:hover[b-cx04aejjpz] {
    
}

.footer-card[b-cx04aejjpz] {
    text-align: center;
    font-size: .75rem;
}

.img[b-cx04aejjpz]  svg {
    max-width: 8rem;
    height: min-content;
    margin-bottom: 0.5rem;
}

.modal-title[b-cx04aejjpz] {
    position: relative;
    margin-bottom: 1rem;
}

    .modal-title .btn-close-modal[b-cx04aejjpz] {
        position: absolute;
        top: -3.5rem;
        right: -3.5rem;
        border: none;
        background: #fff;
        border-radius: 2rem;
        filter: drop-shadow(0px 0px 20px rgba(138, 168, 182, 0.20));
        padding: 1rem 1.15rem;
    }
.modal-footer[b-cx04aejjpz] {
    display: grid;
    grid-template-columns: 1fr auto auto;
}

    .modal-footer .name[b-cx04aejjpz] {
        display: flex;
        align-items: center;
        margin-left: 1rem;
        font-size: .85rem;
    }

.info[b-cx04aejjpz] {
    position: relative;
}

.info label[b-cx04aejjpz] {
    background: #2BC4D6;
    color: #fff;
    border-radius: 2rem;
    padding: 0.5rem 0.85rem;
    margin-left: .5rem;
    cursor: pointer;
    z-index: 110;
    position: relative;
}

.grid-4[b-cx04aejjpz] {
    grid-column-start: 1;
    grid-column-end: 6;
    display: grid;
    justify-content: center;
    gap: 1rem;
}

.btn-default[b-cx04aejjpz] {
    color: #4F4F4F;
    font-family: Montserrat;
    font-size:  .75rem;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    border-radius: 5px;
    border: 1px solid #EAF9FB;
    background: #EAF9FB;
    box-shadow: 0px 0px 4px 0px rgba(199, 226, 230, 0.59);
    padding: .5rem 1.5rem;
}
.card.active[b-cx04aejjpz] {
    border: 1px solid #2BC4D6;
    border-radius: .5rem;
}

.blur[b-cx04aejjpz] {
    background: #2BC4D6;    
    color: #fff;
}

@media (max-width: 640.98px) {
    .modal-card[b-cx04aejjpz] {
        max-width: calc(100vw - 7rem);
        margin: 1rem 1.5rem auto;
    }
    .modal-footer[b-cx04aejjpz] {
        grid-template-columns: 1fr;
        gap: .5rem;
    }
    .modal-body[b-cx04aejjpz] {
        
        grid-template-columns: repeat(3,1fr);
        gap: .5rem;        
    }
    .name div[b-cx04aejjpz] {
        padding: .25rem;
        font-size: .75rem;
    }
    .card[b-cx04aejjpz] {
        padding: .25rem 0;
    }
    .info[b-cx04aejjpz] {
        display: none;
    }
}
/* /Components/Pages/Worker/Main/MyScheduleComponent.razor.rz.scp.css */
p[b-1umew6lh1f] {
    margin: 0;
}

.schedule-block[b-1umew6lh1f] {
    display: grid;
    grid-template-columns: auto 1fr auto;
    
}

.schedule-card[b-1umew6lh1f] {
    border-radius: 0.75rem;
    background: #E2EEF5;
    box-shadow: 0px 0px 10px 0px rgba(138, 168, 182, 0.20);
    margin: 1rem 1rem 0;
}

.body[b-1umew6lh1f] {
    display: grid;
    grid-template-columns: repeat(7,1fr);
    border-radius: 10px;
    background: #FFF;
    box-shadow: 0px 0px 10px 0px rgba(138, 168, 182, 0.20);
    
}

    .body .block[b-1umew6lh1f] {
        border-right: 1px solid #E2EFF8;
        display: flex;
        flex-direction: column;
    }

        .body .block:last-child[b-1umew6lh1f] {
            border-right: none;
        }

.block .header-block[b-1umew6lh1f] {
    border-bottom: 1px solid #E2EFF8;
    padding: 1rem;
}

.block .body-block[b-1umew6lh1f] {
    padding: 1rem;
    display: flex;
    flex-direction: column;
    height: 100%;
}

.body p[b-1umew6lh1f] {
    color: #151D2A;    
    font-size: .75rem;    
    font-weight: 500;
    line-height: 1.25rem;
}

.header-block[b-1umew6lh1f] {
    color: #604FD0;
    font-size: 1rem;
    font-style: normal;
    font-weight: 400;
    line-height: 1.25rem; /* 140% */
}

    .header-block p[b-1umew6lh1f] {
        margin: 0;
        color: #151D2A;
        font-size: 0.75rem;
        font-weight: 500;        
    }

.circle-w[b-1umew6lh1f] {
    background: #fff;
    border-radius: 2rem;
    padding: 1rem 1.15rem;
    border: none;
    display: flex;
    width: fit-content;
    height: auto;
    margin: auto;
    box-shadow: 0px 0px 10px 0px rgba(138, 168, 182, 0.20);
}

.circle[b-1umew6lh1f] {
    background: #F8F9FE;
    border-radius: 2rem;
    padding: .5rem;
    border: none;
    display: flex;
    width: fit-content;
}
.tab-panel[b-1umew6lh1f] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    width: fit-content;
    gap: 2rem;
    padding: 1rem;
}

    .tab-panel p[b-1umew6lh1f] {
        color: #4F4F4F;        
        font-size: 1rem;
        font-style: normal;
        font-weight: 500;
        line-height: 1.25rem;
        cursor: pointer;
    }
        .tab-panel p.active[b-1umew6lh1f] {
            color: #2BC4D6;
        }

        .btn-link[b-1umew6lh1f] {
            border: none;
            background: none;
            color: #2BC4D6;
            font-weight: 500;
            margin-top: auto;
        }

@media (max-width: 640.98px) {
    .schedule-block[b-1umew6lh1f] {
        grid-template-columns: 1fr;
        margin: 1rem 0;
    }

    .schedule-card[b-1umew6lh1f] {
        margin: 1rem 0 0;
    }

    .body[b-1umew6lh1f] {
        grid-template-columns: 1fr;
    }

    .block .header-block[b-1umew6lh1f] {
        border-top: 1px solid #E2EFF8;
        border-bottom: none;
        padding: 1rem;

    }
}
/* /Components/Pages/Worker/Main/SeniorPsychologReportComponent.razor.rz.scp.css */
.component[b-is1pyzy03a] {
    height: 100%;
}

.card[b-is1pyzy03a] {
    border-radius: 0.75rem;
    background: #E2EEF5;
    box-shadow: 0px 0px 10px 0px rgba(138, 168, 182, 0.20);
    height: calc(100% - 2rem);
}


.body[b-is1pyzy03a] {
    border-radius: 10px;
    background: #FFF;
    height: calc(100% - 3.5rem);
}

h4[b-is1pyzy03a] {
    margin-bottom: 1rem;
}

.block-full[b-is1pyzy03a] {
    padding: 1rem;
    text-align: center;
    min-height: 6rem;
    display: flex;
    justify-content: center;
}

    .block-full h4[b-is1pyzy03a] {
        margin: auto 0;
    }

.footer[b-is1pyzy03a] {
    color: #604FD0;
    text-align: right;
    font-size: 1rem;
    font-weight: 500;
    line-height: 1.25rem;
    padding: 1rem;
}

.block[b-is1pyzy03a] {
    display: flex;
    gap: 1rem;
    padding: .5rem 1rem;
    align-items: center;
    border-bottom: 1px solid #E2EFF8;
}

.row-upcoming[b-is1pyzy03a] {
    display: flex;
    gap: 1rem;
    align-items: center;
}

    .row-upcoming p[b-is1pyzy03a] {
        margin: 0;
    }

    .row-upcoming a[b-is1pyzy03a] {
        margin-left: auto;
    }

.body .block:last-child[b-is1pyzy03a] {
    border-bottom: none;
}

.block .avatar[b-is1pyzy03a] {
    flex: 1;
}

    .block .avatar img[b-is1pyzy03a] {
        width: 100%;
        max-width: 5rem;
    }

.block .body[b-is1pyzy03a] {
    flex: 5;
}
/* /Components/Pages/Worker/Main/SessionsTodayComponent.razor.rz.scp.css */
.card[b-gqzr14nyq2] {
    border-radius: 0.75rem;
    background: #E2EEF5;
    box-shadow: 0px 0px 10px 0px rgba(138, 168, 182, 0.20);
}

.body[b-gqzr14nyq2] {
    border-radius: 10px;
    background: #FFF;
    padding: .5rem;
}

h4[b-gqzr14nyq2] {
    margin-bottom: 1rem;
}

.block-full[b-gqzr14nyq2] {
    padding: 1rem;
    text-align: center;
    min-height: 6rem;
    display: flex;
    justify-content: center;
}

    .block-full h4[b-gqzr14nyq2] {
        margin: auto 0;
    }

.footer[b-gqzr14nyq2] {
    color: #604FD0;
    text-align: right;
    font-size: 1rem;
    font-weight: 500;
    line-height: 1.25rem;
    padding: 1rem;
}

.block[b-gqzr14nyq2] {
    display: grid;
    grid-template-columns: 1fr 4fr 1fr;
    gap: 1rem;
    margin-bottom: .5rem;
    padding: .5rem;
    border-bottom: 1px solid #E2EFF8;
}

.block-body h5[b-gqzr14nyq2] {
    margin: 0 0 1rem;
}

.block-body div[b-gqzr14nyq2] {
    display: grid;
    grid-template-columns: auto 1fr auto;
    align-items: center;
}

.block-body span b[b-gqzr14nyq2] {
    color: #2BC4D6;
}

.block-body p[b-gqzr14nyq2] {
    margin: 0;
}

.block .avatar img[b-gqzr14nyq2] {
    width: 100%;
}

.block .block-button[b-gqzr14nyq2] {
    display: grid;
    gap: 1rem;
}

@media (max-width: 640.98px) {
    .block-body .block-time[b-gqzr14nyq2] {
        gap: .25rem;
        grid-template-columns: auto 3fr 1fr;
        text-align: center;
    }
    .block-time span[b-gqzr14nyq2],
    .block-time p[b-gqzr14nyq2] {
        font-size: .875rem;
    }
}
/* /Components/Pages/Worker/Main/UpcomingReportsComponent.razor.rz.scp.css */
.component[b-v6r2v4dnsc] {
    height: 100%;
}
.card[b-v6r2v4dnsc] {
    border-radius: 0.75rem;
    background: #E2EEF5;
    box-shadow: 0px 0px 10px 0px rgba(138, 168, 182, 0.20);
    height: calc(100% - 2rem);
}


.body[b-v6r2v4dnsc] {
    border-radius: 10px;
    background: #FFF;
    height: calc(100% - 3.5rem);
}

h4[b-v6r2v4dnsc] {
    margin-bottom: 1rem;
}

.block-full[b-v6r2v4dnsc] {
    padding: 1rem;
    text-align: center;
    min-height: 6rem;
    display: flex;
    justify-content: center;
}

    .block-full h4[b-v6r2v4dnsc] {
        margin: auto 0;
    }

.footer[b-v6r2v4dnsc] {
    color: #604FD0;
    text-align: right;
    font-size: 1rem;
    font-weight: 500;
    line-height: 1.25rem;
    padding: 1rem;
}
.block[b-v6r2v4dnsc] {
    display: flex;
    gap: 1rem;
    padding: .5rem 1rem;
    align-items: center;
    border-bottom: 1px solid #E2EFF8;
}
.row-upcoming[b-v6r2v4dnsc] {
    display: flex;
    gap: 1rem;
    align-items: center;
}
.row-upcoming p[b-v6r2v4dnsc] {
    margin: 0;
}

.row-upcoming a[b-v6r2v4dnsc] {
    margin-left: auto;
}

.body .block:last-child[b-v6r2v4dnsc] {
    border-bottom: none;
}

.block .avatar[b-v6r2v4dnsc] {
    flex: 1;
}
    .block .avatar img[b-v6r2v4dnsc] {
        width: 100%;
        
    }
    .block .body[b-v6r2v4dnsc] {
        flex: 5;
    }
/* /Components/Pages/Worker/Main/WorkoutComponent.razor.rz.scp.css */
.card[b-9eci2yd2ad] {
    
}

.body[b-9eci2yd2ad] {
    border-radius: 10px;
    background: #FFF;
}

h4[b-9eci2yd2ad] {
    margin-bottom: 1rem;
}

.block-full[b-9eci2yd2ad] {
    padding: 1rem;
    text-align: center;
    min-height: 6rem;
    display: flex;
    justify-content: center;
}

    .block-full h4[b-9eci2yd2ad] {
        margin: auto 0;
    }

.footer[b-9eci2yd2ad] {
    color: #604FD0;
    text-align: right;
    font-size: 1rem;
    font-weight: 500;
    line-height: 1.25rem;
    padding: 1rem;
}

.block[b-9eci2yd2ad] {
    display: grid;
    grid-template-columns: 1fr 3fr;
    margin-bottom: .5rem;
    border-radius: 0.75rem;
    background: #E2EEF5;
    box-shadow: 0px 0px 10px 0px rgba(138, 168, 182, 0.20);
}

.avatar[b-9eci2yd2ad] {
    border-radius: .625rem 0 0 .625rem;
    overflow:hidden;
}

    .avatar img[b-9eci2yd2ad] {
        width: 100%;
        height: 100%;
        aspect-ratio: 16/9;
    }

.block .body[b-9eci2yd2ad] {
    padding: .5rem;    
    display: flex;
    flex-direction: column;
}

.body h5[b-9eci2yd2ad] {
    margin: 0 0 .5rem 0;
    font-size: 1rem;
    font-weight: 400;
}
.one span[b-9eci2yd2ad] {
    font-size: .75rem;
    color: #2BC4D6;
}
.one div[b-9eci2yd2ad] {
    display: flex;
}
.one div span:last-child[b-9eci2yd2ad] {
    margin-left:auto;
}

.two[b-9eci2yd2ad] {
    display: grid;
    grid-template-columns: repeat(4,1fr);
    margin-top: auto;
}

    .two div[b-9eci2yd2ad] {
        display: flex;
        flex-direction: column;
        text-align: center;
    }
    .two label[b-9eci2yd2ad] {
        font-size: .75rem;
        margin: 0 0 .5rem 0;
    }
    .two span[b-9eci2yd2ad] {
        margin-top: auto;
        text-align: center;
    }

@media (max-width: 640.98px) {
    .two[b-9eci2yd2ad] {       
        grid-template-columns: repeat(2,1fr);
        margin-top: .5rem;
    }
    .block[b-9eci2yd2ad] {
     
        grid-template-columns: 1fr 2fr;
     
    }

    .avatar img[b-9eci2yd2ad] {
        width: auto;
        height: 100%;
        aspect-ratio: inherit;
    }
}
/* /Components/Pages/Worker/News/Details.razor.rz.scp.css */
.card-block[b-eazv05ysla] {
    display: grid;
    grid-template-columns: 4fr 1fr;
    gap: 1rem;
    margin-top: 0;
}

.news-block h4[b-eazv05ysla] {
    font-weight: 400;
    font-size: 1.25rem;
    line-height: 1;
    text-transform: uppercase;
    color: #151D2A;
}

.news-block .text[b-eazv05ysla] {
    font-weight: 400;
    font-size: 1rem;
    line-height: 1.25;
    color: #4F4F4F;
    margin: 1.5rem 0;
}

    .news-block .text[b-eazv05ysla]  p {
        margin: 0;
        text-align: justify;
    }

.news-block img[b-eazv05ysla] {
    width: 100%;
    border-radius: 1.25rem;
    object-fit: cover;
    aspect-ratio: 16/4;
}

.news-block .header-news[b-eazv05ysla] {
    display: flex;
    margin: 1rem 0;
}

.header-news span[b-eazv05ysla],
.header-news div[b-eazv05ysla] {
    font-weight: 400;
    font-size: .75rem;
    line-height: 1.25rem;
    margin-right: 2rem;
}

.header-news span[b-eazv05ysla] {
    color: #604FD0;
}

.header-news svg[b-eazv05ysla] {
    margin-right: .5rem;
}

.favorit-block[b-eazv05ysla] {
    background: #E2EEF5;
    border-radius: .5rem;
    display: grid;
    grid-template-columns: 1fr 1fr;
    align-items: center;
    padding: .5rem .5rem .5rem 1.5rem;
}

    .favorit-block div[b-eazv05ysla] {
        display: flex;
        align-items: center;
    }

    .favorit-block h5[b-eazv05ysla] {
        margin: 0 1.5rem 0 auto;
        font-weight: 400;
        font-size: .875rem;
        line-height: 1;
        text-align: right;
        text-transform: uppercase;
        color: #151D2A;
    }

    .favorit-block .btn-text[b-eazv05ysla] {
    }

    .favorit-block span[b-eazv05ysla] {
        font-weight: 400;
        font-size: .75rem;
        line-height: 1.25rem;
        color: #2F3744;
        margin-right: 1.5rem;
    }

    .favorit-block .btn-favorit svg[b-eazv05ysla] {
        height: 1rem;
    }

.add-commet[b-eazv05ysla] {
    display: flex;
    margin: 1rem 0;
}

.commet-button[b-eazv05ysla] {
    border: none;
    border-radius: 6.25rem;
    background: #604FD0;
    cursor: pointer;
    padding: .75rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin-left: .5rem;
}

    .commet-button.disabled[b-eazv05ysla] {
        background: #D9D9D9;
    }

[b-eazv05ysla] textarea {
    width: calc(100% - 1.5rem);
    resize: vertical;
}

.card-commet[b-eazv05ysla] {
    border-bottom: 0.0625rem solid #ACD3E9;
    padding: .8rem 0;
}

.header-coomet[b-eazv05ysla] {
    display: flex;
    align-items: center;
    gap: .75rem;
}

    .header-coomet h4[b-eazv05ysla] {
        text-transform: none;
        color: #4F4F4F;
        font-family: "Montserrat";
        font-size: 0.8125rem;
        font-style: normal;
        font-weight: 500;
        line-height: 1.25rem;
    }


    .header-coomet img[b-eazv05ysla] {
        height: 45px;
    }

.text-coomet[b-eazv05ysla] {
    color: #151D2A;
    font-family: "Montserrat";
    font-size: 0.9375rem;
    font-style: normal;
    font-weight: 400;
    line-height: 1.3125rem;
    margin-top: .5rem;
}

.footer-commet[b-eazv05ysla] {
    margin-top: 1rem;
    color: #4F4F4F;
    font-family: "Montserrat";
    font-size: 0.8125rem;
    font-style: normal;
    font-weight: 400;
    line-height: 1.25rem;
}

.no-commet[b-eazv05ysla] {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin: 1rem 0;
}

    .no-commet a[b-eazv05ysla] {
        margin-top: 1rem;
    }

@media (max-width: 640.98px) {
    .favorit-block[b-eazv05ysla] {
        display: grid;
        grid-template-columns: 1fr;
        align-items: center;
    }

        .favorit-block h5[b-eazv05ysla] {
            margin: 0 auto 0 0;
        }

        .favorit-block div:first-child[b-eazv05ysla] {
            margin: .5rem 0 0;
        }

    .card-block[b-eazv05ysla] {
        grid-template-columns: 1fr;
    }

    .panel-filter[b-eazv05ysla] {
        display: flex;
        width: calc(100vw - 3.5rem);
        overflow-y: auto;
    }

        .panel-filter[b-eazv05ysla]::-webkit-scrollbar {
            width: 0;
            height: 0;
        }

    .btn[b-eazv05ysla] {
        padding: .5rem 1rem;
    }
}
/* /Components/Pages/Worker/News/Edit.razor.rz.scp.css */
.image[b-lurtz405g8] {
    padding: 1rem;
}

.description[b-lurtz405g8] {
    background: #fff;
    border-radius: .5rem;
    padding: 1rem;
}

    .description .btn-secondary[b-lurtz405g8] {
        margin: 1rem auto;
        display: block;
    }


.emotions-block[b-lurtz405g8] {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: 1rem;
    margin-top: 0.5rem;
}

.emotions-block .img[b-lurtz405g8],
.emotions-block .img[b-lurtz405g8]  svg {
    width: 100%;
    height: 2rem;
}

.card-emotion[b-lurtz405g8] {
    padding: .2rem;
}

    .card-emotion.active[b-lurtz405g8] {
        background: var(--backgraund);        
        border-radius: .5rem;
    }
/* /Components/Pages/Worker/News/News.razor.rz.scp.css */
.panel-filter[b-5nu2ui2jpm] {
    display: flex;
}

.grid-news[b-5nu2ui2jpm] {
    display: grid;
    grid-template-columns: repeat(4,1fr);
    gap: 1rem;
    margin-top: 1.5rem;
    
}


.card-block[b-5nu2ui2jpm] {
    display: grid;
    grid-template-columns: 1fr;
    
}
@media (max-width: 1700px) {
    .grid-news[b-5nu2ui2jpm] {
        grid-template-columns: repeat(3,1fr);
    }
}

@media (max-width: 640.98px) {
    .card-block[b-5nu2ui2jpm] {
        grid-template-columns: 1fr;
        margin-bottom: 6rem;
    }

    .grid-news[b-5nu2ui2jpm] {
        grid-template-columns: 1fr;
    }

    .panel-filter[b-5nu2ui2jpm] {
        display: flex;
        width: calc(100vw - 3.5rem);
        overflow-y: auto;
    }

        .panel-filter[b-5nu2ui2jpm]::-webkit-scrollbar {
            width: 0;
            height: 0;
        }
}
/* /Components/Pages/Worker/News/NewsCard.razor.rz.scp.css */
.card[b-kdnwbobu3j] {
    cursor: pointer;
    display: flex;
    flex-direction: column;
}

.image[b-kdnwbobu3j] {
    overflow: hidden;
    border-radius: 1.25rem;
    max-height: 10.5rem;
    position:relative;
}
img[b-kdnwbobu3j] {
    width: 100%;
    border-radius: 1.25rem;
    object-fit: cover;
    aspect-ratio: 16/9;
}


.footer[b-kdnwbobu3j] {
    margin-top: 1rem;
    display:flex;
    flex-direction:column;
}

.card div:last-child[b-kdnwbobu3j] {
    display:flex;
    margin-top:auto;
}

h4[b-kdnwbobu3j] {
    font-size: 14px;
    line-height: 18px;
}

span[b-kdnwbobu3j] {
    font-size:  .75rem;
    line-height: 20px;
    /* or 182% */


    color: #604FD0;
}
/* /Components/Pages/Worker/Note/Note.razor.rz.scp.css */
.header-note[b-i8sujqykbq] {
    display: flex;
}

[b-i8sujqykbq] .dropdown.active .list,
.card-note .col:first-child[b-i8sujqykbq] {
    background: #E2EEF5;
}

.card-note[b-i8sujqykbq] {
    background: #FFFFFF;
    box-shadow: 0px 0px 0.5rem rgba(138, 168, 182, 0.2);
    border-radius: 0.5rem;
    margin: 1.5rem 0 0;
    max-height: 90vh;
    overflow: hidden;
    gap: 0;
}

    .card-note .body[b-i8sujqykbq] {
        overflow-y: auto;
        height: calc(100vh - 15.5rem);
    }

        .card-note .body[b-i8sujqykbq]::-webkit-scrollbar {
            width: 6px; /* width of the entire scrollbar */
        }

        .card-note .body[b-i8sujqykbq]::-webkit-scrollbar-track {
            background: none; /* color of the tracking area */
        }

        .card-note .body[b-i8sujqykbq]::-webkit-scrollbar-thumb {
            background-color: #8AA8B6; /* color of the scroll thumb */
            border-radius: 20px; /* roundness of the scroll thumb */
            border: 1px solid #8AA8B6; /* creates padding around scroll thumb */
        }

.grid-2[b-i8sujqykbq] {
    grid-template-columns: 1fr 2fr;
}

.header-card[b-i8sujqykbq] {
    margin: 1rem;
    display: flex;
    flex-direction: column;
}

    .header-card input[b-i8sujqykbq] {
        width: 100%;
    }

.note-edit[b-i8sujqykbq] {
    background: #fff;
    border-radius: .5rem;
}

.note-block[b-i8sujqykbq] {
    padding: .875rem .875rem 0 .875rem;
    cursor: pointer;
    overflow: hidden;
    max-height: 15rem;
}

    .note-block.active[b-i8sujqykbq] {
        background: #fff;
        margin-top: -2px;
    }

    .note-block h4[b-i8sujqykbq] {
        font-weight: 400;
        font-size: 1rem;
        line-height: 1.25rem;
        color: #151D2A;
    }

    .note-block span[b-i8sujqykbq] {
        font-weight: 400;
        font-size: .875rem;
        line-height: .875rem;
        color: #4F4F4F;
        margin: 0.875rem 0 0.875rem auto;
        display: flex;
        justify-content: end;
    }

    .note-block .note-body[b-i8sujqykbq] {
        font-weight: 400;
        font-size: .875rem;
        line-height: 1.25rem;
        color: #4F4F4F;
        overflow: hidden;
        max-height: 7.75rem;
    }

.note-filter[b-i8sujqykbq] {
    display: flex;
    align-items: center;
    margin-top: .5rem;
}

    .note-filter span[b-i8sujqykbq] {
        color: #2BC4D6;
        font-size: .75rem;
        margin-right: .5rem;
        cursor: pointer;
    }

    .note-filter .active[b-i8sujqykbq] {
        text-decoration-line: underline;
    }

    .note-filter p[b-i8sujqykbq] {
        margin-right: .5rem;
        color: #151D2A;
        font-size: .75rem;
    }

.note-block hr[b-i8sujqykbq] {
    border: 1px solid #fff;
    margin: 0;
}


[b-i8sujqykbq] .ql-editor {
    min-height: 30vh;
}

.btn-mini[b-i8sujqykbq] {
    margin-left: auto;
    display: flex;
}
/* /Components/Pages/Worker/Nutrition/AddEdit.razor.rz.scp.css */
.header-card[b-kamsws6545] {
    border-radius: 10px;
    background: #FFF;
    box-shadow: 0px 0px 10px 0px rgba(138, 168, 182, 0.20);
    margin: 1rem 0;
    padding: 1rem;
    display:grid;
    grid-template-columns: repeat(3,1fr);
    gap: 1rem;
}

    .header-card .btn[b-kamsws6545],
    .header-card[b-kamsws6545]  .select {
        border-radius: 10px;
        background: #FFF;
        box-shadow: 0px 0px 10px 0px rgba(138, 168, 182, 0.20);
        color: #2BC4D6;
        text-align: center;
        padding: .35rem 1rem;
        margin-right: 1rem;
        width: 100%;
        font-weight: 500;
    }

    .header-card[b-kamsws6545]  .select {
        margin-right: 0rem;
        font-size: .75rem;
    }

    .header-card .type div[b-kamsws6545],
    .header-card .ingridiet div[b-kamsws6545],
    .header-card .complexity div[b-kamsws6545] {
        display: flex;
    }

    .header-card div .btn:last-child[b-kamsws6545] {
        margin-right: 0;
    }

    .header-card .active[b-kamsws6545] {
        background: #2BC4D6;
        color: #fff;
    }
    .header-card label[b-kamsws6545] {
        font-size: .75rem;
        font-weight: 100;
        margin-bottom: 0.5rem;
        display: block;
    }

.card-body[b-kamsws6545] {
    padding: 0.875rem;
    border-radius: 0.5rem;
    background: #fff;
    box-shadow: 0px 0px 10px 0px rgba(138, 168, 182, 0.20);
}
.form-row[b-kamsws6545] {
    display: grid;   
    grid-template-columns: repeat(4,1fr);
    gap: 1rem;
}
.image[b-kamsws6545] {
    margin: 1rem;
}

.card-full[b-kamsws6545] {
    margin: 1rem auto 2rem;
}

.btn-footer[b-kamsws6545] {
    display: grid;
    grid-template-columns: 1fr auto;
    margin: 1rem 0 2rem;
}

.btn-footer div:last-child[b-kamsws6545] {
    justify-self: end;
}


@media (max-width: 1130px) {
    .form-row[b-kamsws6545] {
        grid-template-columns: repeat(2, 1fr);
    }
}
/* /Components/Pages/Worker/Nutrition/AddIngridient.razor.rz.scp.css */

.add[b-profgsbxcg] {
    display: grid;
    grid-template-columns: 4fr 2fr 2fr 1fr;
    gap: 1rem;
    margin-top: 1rem;
}

[b-profgsbxcg] .select div:first-child {
    padding: 0.75rem 0.75rem;
    display: flex;
    align-items: center;
    font-size: 1rem;
    background: #FFFFFF;
    border: 1px solid #D0D0D0;
    border-radius: 0.5rem;
}
.line[b-profgsbxcg] {
    display: grid;
    grid-template-columns: 4fr 4fr 1fr; 
    margin: .5rem 0;
}
/* /Components/Pages/Worker/Nutrition/AddStep.razor.rz.scp.css */
.line[b-8e4bvjfsl9], .add[b-8e4bvjfsl9] {
    display: grid;
    grid-template-columns: 1fr 6fr 1fr;
    gap: 1rem;
}
.add[b-8e4bvjfsl9] {
    margin-top: 1rem;
}

.line[b-8e4bvjfsl9] {
    margin-top: .5rem;
}
/* /Components/Pages/Worker/Nutrition/CardNutrition.razor.rz.scp.css */
.card[b-2be10z9y58] {
    display: flex;
    flex-direction: column;
    background: #fff;
    padding: .625rem .625rem 1rem;
    border-radius: 1rem;
    box-shadow: 0px 0px 10px 0px rgba(138, 168, 182, 0.20);
    cursor: pointer;
    color: #080A0E;
}
.img-card[b-2be10z9y58] {
    position:relative;
}

    .img-card label[b-2be10z9y58] {
        position: absolute;
        color: #2BC4D6;
        text-align: center;
        font-size: .75rem;
        font-family: Montserrat;
        font-style: normal;
        font-weight: 500;
        line-height: normal;
        background: #fff;
        padding: .25rem .5rem;
        border-radius: 1rem;
        top: 1rem;
        right: 1rem;
    }
    .img-card img[b-2be10z9y58] {
        object-fit: cover;
        aspect-ratio: 12/9;
        border-radius: .625rem;
        width: 100%;
    }
    p[b-2be10z9y58] {
        font-weight: 500;
        margin: .75rem 0 .5rem;
        min-height: 2.25rem;
    }

.footer-card[b-2be10z9y58] {
    display: flex;
    margin-top: auto;
}
    .footer-card .btn-favorit[b-2be10z9y58] {
        margin-left: auto;
    }

    .footer-card a[b-2be10z9y58] {
        color: #10ACBE;
        font-size: 1rem;        
        font-weight: 400;
        line-height: 1.3125rem;
        text-decoration-line: underline;
    }

    .footer-card a:hover[b-2be10z9y58] {
        font-weight: 500;
    }

.list-ing[b-2be10z9y58] {
    margin: 0;
    padding-left: 1rem;
    margin-bottom: .5rem;
    max-height: 4.5rem;
    
    
}
.backg[b-2be10z9y58] {
    max-height: 4.5rem;
    overflow: hidden;   
    position: relative;
}
    .backg div[b-2be10z9y58] {
        background: linear-gradient(180deg, rgba(255, 255, 255, 0.00) 0%, #FFF 100%);
        height: 100%;
        width: 100%;
        z-index: 200;
        position: absolute;
        top:0;
    }
/* /Components/Pages/Worker/Nutrition/CardStep.razor.rz.scp.css */
.title-card[b-0j0g9nv0vt] {
 
    display: grid;
    grid-template-columns:auto  1fr auto;
    gap: 2rem;
    margin-bottom: 1rem;
    align-items: center;
    text-align: center;
}

.card[b-0j0g9nv0vt] {
    border-radius: 1.25rem;
    background: #FFF;
    box-shadow: 0px 0px 10px 0px rgba(138, 168, 182, 0.20);    
    padding: .5rem 1rem;    
    min-height: 100%;
}

.btn-circle[b-0j0g9nv0vt] {
    background: #F8F9FE;
    border: none;
    border-radius: 1rem;
    padding: 10px 13px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.card-body[b-0j0g9nv0vt] {
    margin-bottom: .5rem;
    line-height: 1.3;
}
/* /Components/Pages/Worker/Nutrition/Details.razor.rz.scp.css */
.card-title[b-epo0gqgbhu] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 2rem;
    margin-bottom: 2rem;
}

.img[b-epo0gqgbhu] {
    border-radius: 1rem;
    overflow: hidden;
}

    .img img[b-epo0gqgbhu] {
        width: 100%;
    }

.info-block label[b-epo0gqgbhu] {
    background: #2BC4D6;
    color: #FFF;
    padding: .5rem 1rem;
    border-radius: 1rem;
    font-size: .75rem;
    margin-right: 1rem;
}

.list-label[b-epo0gqgbhu] {
    display: flex;
}

.info-block h4[b-epo0gqgbhu] {
    margin-bottom: 2rem;
}

.info-block h4[b-epo0gqgbhu],
.info-block b[b-epo0gqgbhu] {
    font-weight: 500;
}

.info-block p[b-epo0gqgbhu] {
    margin: .5rem 0;
}

.card-body[b-epo0gqgbhu] {
    display: grid;
    grid-template-columns: 2fr 1fr;
    gap: 2rem;
}

.ingredient-list[b-epo0gqgbhu] {
    display: grid;
    grid-template-columns: 3fr 1fr;
    gap: .5rem;
}

.card-body h4[b-epo0gqgbhu] {
    margin-bottom: 1rem;
    font-weight: 500;
}

.grid[b-epo0gqgbhu] {
    grid-template-columns: 1fr auto;
    align-items: center;
    margin-bottom: 1rem;
}

.btn-favorit.active svg path[b-epo0gqgbhu] {
    fill: rgb(21, 29, 42);
}
/* /Components/Pages/Worker/Nutrition/Index.razor.rz.scp.css */
.panel-filter[b-r6h863zpw0] {
    display: flex;
}

.grid-block[b-r6h863zpw0] {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 1rem;
    margin-bottom: 2rem;
}

.block-top[b-r6h863zpw0] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    max-width: 1260px;
    margin: 1rem auto 0;
    gap: 1rem;
}

.panel-filter[b-r6h863zpw0] {
    display: grid;
    grid-template-columns: 2fr 1fr 2fr auto;
    gap: 1.5rem;
    border-radius: .625rem;
    background: #FFF;
    box-shadow: 0px 0px 10px 0px rgba(138, 168, 182, 0.20);
    margin-bottom: 1.25rem;
    padding: .625rem;
}

    .panel-filter .btn-panel[b-r6h863zpw0] {
        background: #fff;
        box-shadow: 0px 0px 10px rgba(138, 168, 182, 0.20);
        padding: .25rem .5rem;
        color: #2BC4D6;
        text-align: center;
        font-family: Montserrat;
        font-size: .75rem;
        font-style: normal;
        font-weight: 500;
        line-height: normal;
        margin: 0 .35rem;
    }

    .panel-filter .active[b-r6h863zpw0] {
        color: #fff;
        background: #2BC4D6;
        box-shadow: none;
    }

    .panel-filter .btn-text[b-r6h863zpw0] {
        padding: .25rem .5rem;
    }

[b-r6h863zpw0] .w-mc {
    width: max-content;
}

@media (max-width: 640.98px) {
    .block-top[b-r6h863zpw0] {
        grid-template-columns: 1fr;
    }

        .block-top .block-two[b-r6h863zpw0] {
            width: calc(100% - 1rem);
        }

    .panel-filter[b-r6h863zpw0] {
        grid-template-columns: 1fr;
        gap: 1rem;
        justify-items: start;
    }

    .b-1[b-r6h863zpw0], .b-2[b-r6h863zpw0] {
        grid-column: 1/2;
    }

    .b-3[b-r6h863zpw0] {
        order: 2;
    }

    .order-end[b-r6h863zpw0] {
        order: 1;
        grid-column: 1;
    }

    .grid-block[b-r6h863zpw0] {
        grid-template-columns: 1fr;
        margin-bottom: 6rem;
    }
}
/* /Components/Pages/Worker/Report/Index.razor.rz.scp.css */
.grid[b-huu193048f] {
    display: grid;
    grid-template-columns: 1fr 2fr;
    gap: 1rem;
    min-height: calc(100vh - 9rem);
}

.card-list[b-huu193048f] {
    border-radius: 10px;
    background: #FFF;
    box-shadow: 0px 0px 10px 0px rgba(138, 168, 182, 0.20);
    height: 100%;
}

.r-details[b-huu193048f] {
    height: 100%;
}

.card[b-huu193048f] {
    display: grid;
    grid-template-columns: 1fr 3fr 2fr;
    border-bottom: 1px solid #E2EFF8;
    padding: 1rem;
    gap: 1rem;
    align-items: center;
    cursor: pointer;
}

p[b-huu193048f], span[b-huu193048f] {
    margin: 0;
    font-size: .75rem;
}

h4[b-huu193048f] {
    text-transform: none;
}

.avatar img[b-huu193048f] {
    width: 100%;
}

.body-card h4[b-huu193048f] {
    font-size: .875rem;
}
/* /Components/Pages/Worker/Report/ReportDetail.razor.rz.scp.css */
.block-report[b-ym006tg06w] {
    border-radius: 10px;
    background: #FFF;
    box-shadow: 0px 0px 10px 0px rgba(138, 168, 182, 0.20);
    padding: 1rem;
    height: calc(100% - 2rem);
}

[b-ym006tg06w] textarea {
    width: 100%;
}

p[b-ym006tg06w], span[b-ym006tg06w], label[b-ym006tg06w]{
    margin: 0;
    font-size: .75rem;
}

h4[b-ym006tg06w] {
    text-transform: none;
}

.body-r[b-ym006tg06w] {
    margin: 1rem 0;
}

    .body-r .row-b[b-ym006tg06w] {
        border-bottom: 1px solid #E2EFF8;
        padding: 1rem 0;
    }

.btn-block[b-ym006tg06w], .btn-block-2[b-ym006tg06w] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    margin-top: .25rem;
    padding: .25rem;
    background: #F8F9FE;
    border-radius: .5rem;
}

.body-r .btn-block button[b-ym006tg06w],
.body-r .btn-block-2 button[b-ym006tg06w] {
    background: #F8F9FE;
    border: none;
    border-radius: .5rem;
    padding: .5rem;
    font-size: 1rem;
}

.body-r .btn-block-2 .active[b-ym006tg06w] {
    background: #2BC4D6;
    color: #FFFFFF;
}

.btn-block button:last-child[b-ym006tg06w] {
    background: #2BC4D6;
    color: #FFFFFF;
}

        .btn-block.active button:first-child[b-ym006tg06w] {
            background: #2BC4D6;
            color: #FFFFFF;
        }
.btn-block.active button:last-child[b-ym006tg06w] {
    background: #F8F9FE;
    color: #4F4F4F;
}

        .btn[b-ym006tg06w] {
            margin-top: 1rem;
        }

[b-ym006tg06w] .select {

}

.grid-ii[b-ym006tg06w] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    margin: .5rem 0 0 0;
}

.grid-ii p[b-ym006tg06w] {
    line-height: 1.25;
}

.card-ii[b-ym006tg06w] {
    background: #E2EEF5;
    border-radius: 1rem;
    padding: .75rem;
}

.card-ii h6[b-ym006tg06w] {
    margin: .5rem 0;
    font-size: 1rem;
}

.d-flex[b-ym006tg06w] {
    display: flex;
    flex-direction: column;
}
.btn-block-row[b-ym006tg06w] {
    display: flex;
    gap: .5rem;
}

.btn-block-row .btn[b-ym006tg06w] {
    border-radius: .5rem;
}
/* /Components/Pages/Worker/SeniorReport/Index.razor.rz.scp.css */
.grid[b-oqymmcz8k5] {
    display: grid;
    grid-template-columns: 1fr 2fr;
    gap: 1rem;
    min-height: calc(100vh - 9rem);
}

.card-list[b-oqymmcz8k5] {
    border-radius: 10px;
    background: #FFF;
    box-shadow: 0px 0px 10px 0px rgba(138, 168, 182, 0.20);
    height: 100%;
}

.r-details[b-oqymmcz8k5] {
    height: 100%;
}

.card[b-oqymmcz8k5] {
    display: grid;
    grid-template-columns: 1fr 3fr 2fr;
    border-bottom: 1px solid #E2EFF8;
    padding: 1rem;
    gap: 1rem;
    align-items: center;
    cursor: pointer;
}

p[b-oqymmcz8k5], span[b-oqymmcz8k5] {
    margin: 0;
    font-size: .75rem;
}

h4[b-oqymmcz8k5] {
    text-transform: none;
}

.avatar img[b-oqymmcz8k5] {
    width: 100%;
}

.body-card h4[b-oqymmcz8k5] {
    font-size: .875rem;
}
/* /Components/Pages/Worker/SeniorReport/ReportDetail.razor.rz.scp.css */
.block-report[b-cctaufao9q] {
    border-radius: 10px;
    background: #FFF;
    box-shadow: 0px 0px 10px 0px rgba(138, 168, 182, 0.20);
    padding: 1rem;
    height: calc(100% - 2rem);
}

[b-cctaufao9q] textarea {
    width: 100%;
}

p[b-cctaufao9q], span[b-cctaufao9q], label[b-cctaufao9q]{
    margin: 0;
    font-size: .75rem;
}

h4[b-cctaufao9q] {
    text-transform: none;
}

.body-r[b-cctaufao9q] {
    margin: 1rem 0;
}

    .body-r .row-b[b-cctaufao9q] {
        border-bottom: 1px solid #E2EFF8;
        padding: 1rem 0;
    }

.btn-block[b-cctaufao9q], .btn-block-2[b-cctaufao9q] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    margin-top: .25rem;
    padding: .25rem;
    background: #F8F9FE;
    border-radius: .5rem;
}

.body-r .btn-block button[b-cctaufao9q],
.body-r .btn-block-2 button[b-cctaufao9q] {
    background: #F8F9FE;
    border: none;
    border-radius: .5rem;
    padding: .5rem;
    font-size: 1rem;
}

.body-r .btn-block-2 .active[b-cctaufao9q] {
    background: #2BC4D6;
    color: #FFFFFF;
}

.btn-block button:last-child[b-cctaufao9q] {
    background: #2BC4D6;
    color: #FFFFFF;
}

        .btn-block.active button:first-child[b-cctaufao9q] {
            background: #2BC4D6;
            color: #FFFFFF;
        }
.btn-block.active button:last-child[b-cctaufao9q] {
    background: #F8F9FE;
    color: #4F4F4F;
}

        .btn[b-cctaufao9q] {
            margin-top: 1rem;
        }

[b-cctaufao9q] .select {

}

.grid-ii[b-cctaufao9q] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    margin: .5rem 0 0 0;
}

.grid-ii p[b-cctaufao9q] {
    line-height: 1.25;
}

.card-ii[b-cctaufao9q] {
    background: #E2EEF5;
    border-radius: 1rem;
    padding: .75rem;
}

.card-ii h6[b-cctaufao9q] {
    margin: .5rem 0;
    font-size: 1rem;
}

.d-flex[b-cctaufao9q] {
    display: flex;
    flex-direction: column;
}
.btn-block-row[b-cctaufao9q] {
    display: flex;
    gap: .5rem;
}

.btn-block-row .btn[b-cctaufao9q] {
    border-radius: .5rem;
}
/* /Components/Pages/Worker/Test/AddAnswers.razor.rz.scp.css */
.grid[b-q3arjlc0dq] {
    display: grid;
    grid-template-columns: 1fr 1fr auto;
}
/* /Components/Pages/Worker/Test/AddEdit.razor.rz.scp.css */
.card-block[b-5usslj54ab] {
    background: #FFFFFF;
    box-shadow: 0px 0px 0.5rem rgba(138, 168, 182, 0.2);
    border-radius: 0.5rem;
    margin: 1.5rem 0 0;
    padding: 1rem;
}
.btn-small[b-5usslj54ab] {
    margin-bottom: 1rem;
}
.footer[b-5usslj54ab] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    margin: 1rem 0;
}

.footer div:last-child[b-5usslj54ab] {
    text-align: right;
}

[b-5usslj54ab] .title-block  {
    display:flex;
    align-items: center;
    margin-bottom: .5rem;
}

    [b-5usslj54ab] .title-block button {
        margin-left: auto;
    }
/* /Components/Pages/Worker/Test/AddQuestions.razor.rz.scp.css */
[b-jd5obfjc9z] .grid {
    display: grid;
}
[b-jd5obfjc9z] .g-2 {
    grid-template-columns: auto 1fr auto;
}
.block-border[b-jd5obfjc9z] {
    border-bottom: 2px solid #D0D0D0;
    margin-bottom: 1rem;
}

.answers-block[b-jd5obfjc9z] {
    border-left: 2px solid #D0D0D0;
    margin-left: 1rem;
    padding-left: 1rem;
    margin-bottom: .5rem;
}
/* /Components/Pages/Worker/Test/AddQuestionsAnswers.razor.rz.scp.css */
body[b-kujeymof68] {
}
/* /Components/Pages/Worker/Test/CardTest.razor.rz.scp.css */
.card[b-j2z7gevrcb] {
    display:flex;
    flex-direction:column;
    font-size: 1rem;
    line-height: 1.125rem;
    background: #fff;
    padding: 1rem;
    border-radius: 1rem;
    box-shadow: 0px 0px 10px 0px rgba(138, 168, 182, 0.20);
}

.header-card[b-j2z7gevrcb] {
    display: flex;
    align-items: center;
}

.header-card div[b-j2z7gevrcb] {
    margin-right: .5rem;
}

span[b-j2z7gevrcb] {
    font-size: 0.75rem;
    line-height: 1.25rem;
    color: #604FD0;
}

.card svg[b-j2z7gevrcb] {
    fill: var(--primary);
}
/* /Components/Pages/Worker/Test/Index.razor.rz.scp.css */
.grid-block[b-03ppzvj88z] {
    display:grid;
    grid-template-columns: repeat(4,1fr);
    gap: 1rem;
}
.panel[b-03ppzvj88z] {
    display:flex;
    justify-content:end;
    margin-bottom: 1rem;
}
/* /Components/Pages/Worker/Workout/AddWorkout.razor.rz.scp.css */
.bg-primary[b-bzvii1t998] {    
    margin-top: 1rem;
    border-radius: .5rem;
    box-shadow: 0px 0px .625rem rgba(138, 168, 182, 0.2);
}

.bg-with[b-bzvii1t998] {
    border-radius: .5rem;
}

.block-body[b-bzvii1t998] {
    padding: .875rem;
}
h5[b-bzvii1t998] {
    font-style: normal;
    font-weight: 400;
    font-size: 1rem;
    line-height: 1.5;
    text-align: center;
    margin: 0;
}

.c-primary[b-bzvii1t998] {
    color: #2BC4D6;
    margin-bottom: 1.5rem;
}

.footer-card[b-bzvii1t998] {
    margin-top: 1.5rem;
    text-align: center;
    padding: .875rem;
}
.life-btn[b-bzvii1t998] {
    display: flex;
    align-items: center;
    border: 1px solid #2BC4D6;
    margin-bottom: 1rem;
    margin-top: .5rem;    
    border-radius: 1.5rem;
    overflow:hidden;
    cursor: pointer;
}
    .life-btn div[b-bzvii1t998] {
        display: flex;
        width: 100%;
        padding: .25rem 1rem;
        justify-content: center;
        color: #2BC4D6;
        padding: .85rem;
    }

    .life-btn div:first-child[b-bzvii1t998] {
        color: #ffffff;
        background-color: #2BC4D6;
        border-radius: 1.5rem;
    }

    .life-btn.active div:first-child[b-bzvii1t998] {
        color: #2BC4D6;
        background-color: #ffffff;
    }

    .life-btn.active div:last-child[b-bzvii1t998] {
        color: #ffffff;
        background-color: #2BC4D6;
        border-radius: 1.5rem;
    }

.bg-with.mb-05[b-bzvii1t998]{
    padding: 1rem;
}

/* /Components/Pages/Worker/Workout/ChatLive.razor.rz.scp.css */
.chat-block[b-zx7yxeabpg] {
    border-radius: .625rem;
    background: #E2EEF5;
    height: 100%;
    height: 100%;
    display: grid;
    grid-template-rows: auto 1fr auto;
    max-height: calc(100vh - 8rem);
}

.chat-title[b-zx7yxeabpg] {
    border-radius: .625rem;
    background: #FFF;
    box-shadow: 0px 0px 10px 0px rgba(138, 168, 182, 0.20);
    padding: .75rem 1rem;
    display:flex;
    align-items: center;
}

    .chat-title h4[b-zx7yxeabpg] {
        color: #151D2A;
        font-family: Montserrat;
        font-size: 1.25rem;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
        text-transform: uppercase;
    }

    .chat-title .users-block[b-zx7yxeabpg] {
        margin-left: auto;
        display: flex;
    }

        .chat-title .users-block img[b-zx7yxeabpg] {
            height: 2.5rem;
            border-radius: 36px;
            border: 2px solid #FFF;
            margin-left: -1rem;
        }

        .chat-title .users-block .count-user[b-zx7yxeabpg] {
            height: 2.5rem;
            width: 2.5rem;
            border-radius: 36px;
            border: 2px solid #FFF;
            margin-left: -1rem;
            background: #2BC4D6;
            color: #fff;
            display: flex;
            align-items: center;
            justify-content: center;
        }
            .chat-title .users-block img:first-child[b-zx7yxeabpg] {
            margin-left: 0;
        }


.chat-footer[b-zx7yxeabpg] {
    border-radius: .625rem;
    background: #FFF;
    margin: .625rem;
    display:grid;
    grid-template-columns: auto 1fr auto;
    padding: .75rem;
}
.chat-footer input[b-zx7yxeabpg] {
    border:none;
    width:100%;
}

.message-block[b-zx7yxeabpg] {
    padding: 0 .5rem;
}

input[b-zx7yxeabpg] {
    color: #4F4F4F;
    font-family: Montserrat;
    font-size: .75rem;
    font-style: normal;
    font-weight: 400;
    line-height: 1rem;
}

:focus-visible[b-zx7yxeabpg] {
    outline: none;
}

.icon[b-zx7yxeabpg] {
    background: none;
    border: none;
}
textarea[b-zx7yxeabpg] {
    border:none;
    font-size: .75rem;
}

.chat-body[b-zx7yxeabpg] {
    height: 100%;
    overflow: hidden;
    overflow-y: auto;
    margin-top: 0.5rem;
    display: flex;
    flex-direction: column-reverse;
}

.message[b-zx7yxeabpg] {
    background: #fff;
    margin: 0.75rem 2rem 0 0.75rem;
    padding: 0.75rem 1rem;
    border-radius: 0.75rem 0.75rem 0.75rem 0;
    font-size: .75rem;
    position:relative;
}

.message h5[b-zx7yxeabpg],
.active h5[b-zx7yxeabpg] {
    margin: 0;
}

    .message[b-zx7yxeabpg]::before {
        content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='7' height='10' viewBox='0 0 7 10' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M0.264002 10C0.118198 10 0 9.8818 0 9.736C0 9.62067 0.0751945 9.51896 0.184528 9.48225C4.14604 8.15236 7 4.40947 7 0V7V8V10H5H0.264002Z' fill='white'/%3E%3C/svg%3E");    
        position: absolute;
        left: -7px;
        bottom: -3px;
    }
.active[b-zx7yxeabpg] {
    margin: 0.75rem .75rem 0 2rem;
    padding: 0.75rem 1rem;
    border-radius: 0.75rem 0.75rem 0 0.75rem;
    font-size: .75rem;
    position: relative;
    background: #ebe9f8;
}


    .active[b-zx7yxeabpg]::before {
        content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='7' height='10' viewBox='0 0 7 10' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M6.736 10C6.8818 10 7 9.8818 7 9.736C7 9.62067 6.92481 9.51896 6.81547 9.48225C2.85396 8.15236 0 4.40947 0 0V7V8V10H2H6.736Z' fill='%23EBE9F8'/%3E%3C/svg%3E");
        position: absolute;
        right: -7px;
        bottom: -3px;
    }

.bag[b-zx7yxeabpg] {
    color: #2BC4D6;
}
/* /Components/Pages/Worker/Workout/CollectionsWorkout.razor.rz.scp.css */
h4[b-ffnxmtb5xt] {
    margin-top: 2rem;
}
/* /Components/Pages/Worker/Workout/Details.razor.rz.scp.css */
.grid-2[b-h8dn57hb4h] {
    display: grid;
    grid-template-columns: 8fr 4fr;
    gap: 2rem;
}

[b-h8dn57hb4h] video {
    width: 100%;
    overflow: hidden;
    border-radius: 1rem;
}

.block-info[b-h8dn57hb4h] {
    margin: 1.25rem 0;
}

    .block-info h4[b-h8dn57hb4h] {
        color: #151D2A;
        font-size: 1.25rem;
        font-style: normal;
        font-weight: 500;
        line-height: normal;
        text-transform: uppercase;
        margin-bottom: 1.25rem;
    }

    .block-info div[b-h8dn57hb4h] {
        display: flex;
    }

        .block-info div span[b-h8dn57hb4h] {
            font-size: .75rem;
            font-style: normal;
            font-weight: 400;
            line-height: 1;
            margin-right: 1rem;
            align-items: center;
            display: flex;
        }

            .block-info div span svg[b-h8dn57hb4h] {
                margin-right: .5rem;
            }

            .block-info div span:last-child[b-h8dn57hb4h] {
                margin-left: auto;
                margin-right: 0;
            }

            .block-info div span:first-child[b-h8dn57hb4h] {
                color: #4530B3;
            }

.block-footer[b-h8dn57hb4h] {
    display: grid;
    grid-template-columns: 3fr 5fr;
    gap: 2rem;
    padding-top: 1.25rem;
    border-top: 1px solid #E2EEF5;
}

    .block-footer .description[b-h8dn57hb4h] {
        color: #4F4F4F;
        font-size: .75rem;
        font-style: normal;
        font-weight: 400;
        line-height: 1rem;
        text-align: justify;
    }

.worker-info[b-h8dn57hb4h] {
    background: #fff;
    border-radius: .625rem;
    display: grid;
    grid-template-columns: 1fr 3fr;
    padding: .75rem;
    box-shadow: 0px 0px 10px 0px rgba(138, 168, 182, 0.20);
    gap: 1rem;
}

    .worker-info .avatar img[b-h8dn57hb4h] {
        width: 100%;
    }

    .worker-info p[b-h8dn57hb4h] {
        color: #2BC4D6;
        font-weight: 500;
        margin: 0 0 .25rem;
    }

    .worker-info label[b-h8dn57hb4h] {
        color: #4F4F4F;
        font-size: .75rem;
    }

.like.active svg[b-h8dn57hb4h] {
    fill: #000;
}

.like[b-h8dn57hb4h] {
    cursor: pointer;
}
@media (max-width: 640.98px) {
    .block-footer[b-h8dn57hb4h],
    .grid-2[b-h8dn57hb4h] {
        grid-template-columns: 1fr;
    }

    .grid-2[b-h8dn57hb4h] {
        margin-bottom: 6rem;
    }
}
/* /Components/Pages/Worker/Workout/Index.razor.rz.scp.css */
.panel-filter div[b-3lnk1i8t4a] {
    display: flex;
}

.card-block[b-3lnk1i8t4a] {
    display: grid;
    grid-template-columns: 1fr;
    gap: 2rem;
}

[b-3lnk1i8t4a] .grid-workout {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    margin-top: 1.25rem;
    gap: 1rem;
}

.panel-filter .panel-mobile[b-3lnk1i8t4a] {
    display: flex;
}
a.btn-text[b-3lnk1i8t4a] {
    margin-left: auto;
}
@media (max-width: 640.98px) {
    .card-block[b-3lnk1i8t4a] {
        grid-template-columns: 1fr;
        margin-bottom: 6rem;
    }

    .grid-workout[b-3lnk1i8t4a] {
        grid-template-columns: 1fr;
        width: calc(100vw - 2rem);
    }

    .panel-filter[b-3lnk1i8t4a] {
        flex-direction: column;
    }

        .panel-filter .ml-a[b-3lnk1i8t4a] {
            margin: 0 auto 0 0;
        }

    .panel-mobile[b-3lnk1i8t4a] {
        display: flex;
        width: calc(100vw - 3.5rem);
        overflow-y: auto;
    }

        .panel-mobile[b-3lnk1i8t4a]::-webkit-scrollbar {
            width: 0;
            height: 0;
        }
}
/* /Components/Pages/Worker/Workout/Live.razor.rz.scp.css */
.grid-2[b-4pfncy1r1t] {
    display: grid;
    grid-template-columns: 8fr 4fr;
    gap: 2rem;
}

[b-4pfncy1r1t] video {
    width: 100%;
    overflow: hidden;
    border-radius: 1rem;
}

.video[b-4pfncy1r1t] {
    display: block;
}

.title[b-4pfncy1r1t] {
    display: grid !important;
    grid-template-columns: 1fr 1fr;
    align-items: start;
}

    .title div:last-child[b-4pfncy1r1t] {
        justify-content: end;
    }

.video.active[b-4pfncy1r1t] {
    display: flex;
    min-height: 30rem;
    flex-direction: column;
    position: relative;
}

.action_connecting[b-4pfncy1r1t] {
    display: grid;
    grid-template-columns: auto 1fr;
    gap: 1rem;
    margin: 1rem 0;
    position: absolute;
    z-index: 1;
    bottom: 0;
    left: 1rem;
    align-items: center;
}    


.btn-icon[b-4pfncy1r1t] {
    background: none;
    padding: 0;
}

    .btn-icon svg path[b-4pfncy1r1t] {
        stroke: var(--primary);
    }

    .btn-icon svg[b-4pfncy1r1t] {
        fill: transparent;
    }


.block-info[b-4pfncy1r1t] {
    margin: 1.25rem 0;
}

    .block-info h4[b-4pfncy1r1t] {
        color: #151D2A;
        font-size: 1.25rem;
        font-style: normal;
        font-weight: 500;
        line-height: normal;
        text-transform: uppercase;
        margin-bottom: 1.25rem;
    }

    .block-info div[b-4pfncy1r1t] {
        display: flex;
    }

        .block-info div span[b-4pfncy1r1t] {
            font-size: .75rem;
            font-style: normal;
            font-weight: 400;
            line-height: 1;
            margin-right: 1rem;
            align-items: center;
            display: flex;
        }

            .block-info div span svg[b-4pfncy1r1t] {
                margin-right: .5rem;
            }

            .block-info div span:last-child[b-4pfncy1r1t] {
                margin-left: auto;
                margin-right: 0;
            }

            .block-info div span:first-child[b-4pfncy1r1t] {
                color: #4530B3;
            }

.block-footer[b-4pfncy1r1t] {
    display: grid;
    grid-template-columns: 3fr 5fr;
    gap: 2rem;
    padding-top: 1.25rem;
    border-top: 1px solid #E2EEF5;
}

    .block-footer .description[b-4pfncy1r1t] {
        color: #4F4F4F;
        font-size: .75rem;
        font-style: normal;
        font-weight: 400;
        line-height: 1rem;
        text-align: justify;
    }

.worker-info[b-4pfncy1r1t] {
    background: #fff;
    border-radius: .625rem;
    display: grid;
    grid-template-columns: 1fr 3fr;
    padding: .75rem;
    box-shadow: 0px 0px 10px 0px rgba(138, 168, 182, 0.20);
    gap: 1rem;
}

    .worker-info .avatar img[b-4pfncy1r1t] {
        width: 100%;
    }

    .worker-info p[b-4pfncy1r1t] {
        color: #2BC4D6;
        font-weight: 500;
        margin: 0 0 .25rem;
    }

    .worker-info label[b-4pfncy1r1t] {
        color: #4F4F4F;
        font-size: .75rem;
    }

.like.active svg[b-4pfncy1r1t] {
    fill: #000;
}

.like[b-4pfncy1r1t] {
    cursor: pointer;
}

.img img[b-4pfncy1r1t] {
    width: 100%;
    border-radius: 1rem;
}
.remote-video-holder[b-4pfncy1r1t] .video_container:first-child {
    display: none;
}

.btn_group[b-4pfncy1r1t] {
    display: none;
}
    .btn_group.active-btn[b-4pfncy1r1t] {
        display: flex;
        align-items: center;
        gap: 1.5rem;
    }

    @media (max-width: 640.98px) {
        .block-footer[b-4pfncy1r1t], .grid-2[b-4pfncy1r1t] {
        grid-template-columns: 1fr;
    }

    .grid-2[b-4pfncy1r1t] {
        margin-bottom: 6rem;
    }
}
/* /Components/Pages/Worker/Workout/LiveWorkout.razor.rz.scp.css */
body[b-b36raldc7g] {
}
/* /Components/Pages/Worker/Workout/MyWorkout.razor.rz.scp.css */
@media (max-width: 640.98px) {
    h4[b-a4hamh4k3x] {
        margin-top: 2rem;
    }
}
/* /Components/Pages/Worker/Workout/MyWorkoutCard.razor.rz.scp.css */
section[b-xelhosm06l] {
    margin-top: 1rem;
    background: #FFFFFF;
    box-shadow: 0px 0px .5rem rgba(138, 168, 182, 0.2);
    border-radius: .5rem;
    padding: 1rem;
}
.image[b-xelhosm06l] {
    border-radius: .5rem;
    overflow:hidden;
    display:flex;
}
img[b-xelhosm06l] {
    width: 100%;
}
.footer-card[b-xelhosm06l] {
    margin-top: .5rem;
}

    .footer-card h4[b-xelhosm06l] {
        font-weight: 400;
        font-size: 1rem;
        line-height: 1.5rem;
        color: #151D2A;
    }

span[b-xelhosm06l] {
    font-weight: 400;
    font-size: .75rem;
    line-height: 1.25rem;
    color: #A6A6A6;
}
/* /Components/Pages/Worker/Workout/WorkoutCardIndex.razor.rz.scp.css */
.card[b-z13aigs3t4] {
}

    .card .image[b-z13aigs3t4] {
        background: linear-gradient(0deg, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2));
        border-radius: 1.25rem;
        overflow: hidden;
        position:relative;
    }

    .card img[b-z13aigs3t4] {
        width: 100%;
        border-radius: 1.25rem;
        object-fit: cover;
        aspect-ratio: 16/9;
    }

    .card .image label[b-z13aigs3t4] {
        border-radius: 20px;
        background: #EAF9FB;
        color: #2BC4D6;
        font-size: .875rem;
        padding: 0.25rem 0.5rem;
        display: flex;
        margin-left: 0.25rem;
        align-items: center;
        position: absolute;
        top: 0.625rem;
        right: 0.5rem;
        display: flex;
    }

    .card .image label[b-z13aigs3t4] {
        font-size: .75rem;
    }

        .card .image label.no-free[b-z13aigs3t4] {
            color: var(--secondary);
        }


.footer[b-z13aigs3t4] {
    padding-top: 1rem;
}

    .footer div[b-z13aigs3t4] {
        width: 100%;
        display: flex;
        padding-bottom: 0.5rem;
    }

        .footer div span[b-z13aigs3t4] {
            font-weight: 400;
            font-size: .75rem;
            line-height: 0px;
            color: #4530B3;
        }

            .footer div span:last-child[b-z13aigs3t4] {
                margin-left: auto;
            }

    .footer h4[b-z13aigs3t4] {
        font-weight: 400;
        font-size: 1rem;
        line-height: 1.6;
        color: #151D2A;
    }
/* /Components/Pages/WorkoutPages/Details.razor.rz.scp.css */
.container[b-utu0mz5jvt] {
    display:flex;
    flex-direction: column;
    gap: 1.25rem;
}
.grid-2[b-utu0mz5jvt] {
    grid-template-columns: 46fr 30fr;
    gap: 1.25rem;    
}
.col-2[b-utu0mz5jvt] {
    position: relative;
}

.img-video[b-utu0mz5jvt] {
    border-radius: 0.75rem;
    aspect-ratio: 18.75 / 10;
    background-size: cover;
}

.author-card[b-utu0mz5jvt] {
    display: flex;
    padding: 1rem;
    justify-content: start;
    align-items: center;
    align-self: stretch;
    border-radius: 1rem;
    background: var(--Main-White, #FFF);
    gap: 1.25rem;
}

.button-block[b-utu0mz5jvt] {
    margin-left: auto;
}

.avatar[b-utu0mz5jvt] {
    width: 4.875rem;
    height: 4.875rem;
    aspect-ratio: 1/1;
    border-radius: 0.5rem;
    overflow: hidden;
}

    .avatar img[b-utu0mz5jvt] {
        width: 100%;
    }

.author-card small[b-utu0mz5jvt] {
    color: var(--Purple-Purple-1000, #7E6CFF);
    font-size: 0.75rem;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}

.author-card p[b-utu0mz5jvt] {
    color: var(--Dark-Dark-400, #9D9EB1);
    font-size: 0.75rem;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}

.author-card h4[b-utu0mz5jvt] {
    margin: .5rem 0 .25rem;
}

.text[b-utu0mz5jvt] {
    display: flex;
    flex-direction: column;
    align-items: start;
    justify-content: center;
}

.active svg[b-utu0mz5jvt] {
    fill: var(--Purple-Purple-1000, #7E6CFF);
}

.workout-block[b-utu0mz5jvt] {
    display: flex;
    flex-direction: column;
    gap: 1.25rem;
}

.list-span[b-utu0mz5jvt] {
    display: flex;
    justify-content: space-between;
}
.left[b-utu0mz5jvt], .right[b-utu0mz5jvt] {
    display:flex;
    gap: .5rem;
}
.right span[b-utu0mz5jvt],
.list-span span[b-utu0mz5jvt] {
    color: var(--Dark-Dark-1000, #0A0C3C);
    /* Paragraph/14 Medium */
    font-family: Montserrat;
    font-size: 0.875rem;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    display: flex;
    padding: 0.5rem 1rem;
    justify-content: center;
    align-items: center;
    gap: 0.5rem;
    border-radius: 2.5rem;
    background: var(--Dark-Blue-Dark-Blue-100, #EBEFFF);
}

[b-utu0mz5jvt] video {
    width: 100%;
    border-radius: 0.75rem;
}
.block-info[b-utu0mz5jvt] {
    display: flex;
    flex-direction: column;
    gap: .75rem;
}
.description[b-utu0mz5jvt] {
    color: var(--Dark-Dark-400, #9D9EB1);
    /* Paragraph/12 Medium */
    font-family: Montserrat;
    font-size: 0.75rem;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}

@media (max-width: 640.98px) {
    .grid-2[b-utu0mz5jvt] {
        grid-template-columns: 1fr;
        margin: 0 .75rem;
    }
    .list-span[b-utu0mz5jvt] {
        flex-direction: column;
    }
}
/* /Components/Pages/WorkoutPages/Index.razor.rz.scp.css */
.container[b-yhimnzfjc8], .filter[b-yhimnzfjc8] {
    display: flex;
    flex-direction: column;
    gap: 1.25rem;
}
.one[b-yhimnzfjc8] {
    display: grid;
    gap: 1.25rem;
    grid-template-columns: 3fr 1fr;   
    min-height: 15rem;
}

[b-yhimnzfjc8] .mySwiper p {
    color: var(--Dark-Dark-1000, #0A0C3C);    
}
[b-yhimnzfjc8] .mySwiper h3 {
    color: var(--Dark-Dark-900, #232550);
    min-height: 1lh;
}

[b-yhimnzfjc8] .mySwiper .btn-color-1 {
    background: var(--Green-Green-1000, #2BC4D5);
    color: var(--Main-White, #FFF);    
}
[b-yhimnzfjc8] .mySwiper .btn-color-2 {
    color: var(--Main-White, #FFF);    
    background: var(--Purple-Purple-1000, #7E6CFF);
}
[b-yhimnzfjc8] .mySwiper .btn-color-3 {
    color: var(--Main-White, #FFF);    
    background: var(--Dark-Blue-Dark-Blue-1000, #3559FF);
}

.two[b-yhimnzfjc8] {
    display: grid;
    grid-template-columns: 1fr 2.55fr;
    gap: 1.25rem;
}

.card[b-yhimnzfjc8] {
    cursor: pointer;
}

.card-list[b-yhimnzfjc8] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 1.25rem;
    width: 100%;
}
.card-list .card[b-yhimnzfjc8] {
    display: flex;
    flex-direction: column;
    gap: .75rem;
    width: 100%;
    cursor: pointer;
}

    .card .img[b-yhimnzfjc8] {
        position: relative;
        border-radius: 0.75rem;
        aspect-ratio: 18.75/10;
        overflow: hidden;
    }

     .card .img img[b-yhimnzfjc8] {
            min-height: auto;
            width: 100%;
            justify-content: center;
            display: flex;
        }

     .card .img label[b-yhimnzfjc8] {
            position: absolute;
            display: inline-flex;
            padding: 0.25rem 0.5rem;
            justify-content: center;
            align-items: center;
            gap: 0.625rem;
            border-radius: 0.25rem;
            background: var(--Green-Green-1000, #2BC4D5);
            color: var(--Main-White, #FFF);
            font-size: 0.5rem;
            font-style: normal;
            font-weight: 600;
            line-height: normal;
            top: .75rem;
            left: .75rem;
        }

.card-footer h5[b-yhimnzfjc8] {
    margin-bottom: .5rem;
}

.card-footer .label-list[b-yhimnzfjc8] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    align-self: stretch;
    justify-content: space-between;
}

.card-footer label[b-yhimnzfjc8] {
    display: flex;
    justify-content: center;
    align-items: center;
    color: var(--Dark-Dark-300, #B6B7C5);
    font-size: 0.75rem;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    margin-bottom: .5rem;
}

.filter .card[b-yhimnzfjc8] {
    display: flex;
    padding: 1rem;
    flex-direction: column;
    align-items: flex-start;
    gap: 1.25rem;
    border-radius: 1rem;
    background: #FFF;
}

@media (max-width: 640.98px) {

    .one[b-yhimnzfjc8], .two[b-yhimnzfjc8] {
        grid-template-columns: 1fr;
        margin: 0 .75rem;
    }

    .filter[b-yhimnzfjc8] {
        display: none;
    }
    .filter.active[b-yhimnzfjc8] {
        display: block;
    }
    .card-list[b-yhimnzfjc8] {
        grid-template-columns: 1fr;
    }

    [b-yhimnzfjc8] swiper-slide {        
        background-position-x: -9rem !important;
    }    
}
/* /Components/Pages/WorkoutPages/MyCoach.razor.rz.scp.css */
.card[b-dci9zf0xae] {
    border-radius: 1rem;
    background: var(--Main-White);
    display: flex;
    padding: 1rem 1.75rem;
    justify-content: center;
    align-items: center;
    gap: 1rem;
    flex-shrink: 0;
    flex-direction: column;
}

.card-body[b-dci9zf0xae] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    align-items: center;
}

.text-muted[b-dci9zf0xae] {
    text-align: center;
}
/* /Components/Pages/WorkoutPages/SimilarWorkouts.razor.rz.scp.css */
.list-card .card[b-spijyxbcw2] {
    display: flex;
    flex-direction: column;
    gap: .75rem;
    width: calc(100% / 4);
}

    .list-card .card .img[b-spijyxbcw2] {
        position: relative;
        border-radius: 0.75rem;
        aspect-ratio: 18.75/10;
        overflow: hidden;
    }

        .list-card .card .img img[b-spijyxbcw2] {
            height: 100%;
            min-width: 100%;
            justify-content: center;
            display: flex;
        }

        .list-card .card .img label[b-spijyxbcw2] {
            position: absolute;
            display: inline-flex;
            padding: 0.25rem 0.5rem;
            justify-content: center;
            align-items: center;
            gap: 0.625rem;
            border-radius: 0.25rem;
            background: var(--Green-Green-1000, #2BC4D5);
            color: var(--Main-White, #FFF);
            font-size: 0.5rem;
            font-style: normal;
            font-weight: 600;
            line-height: normal;
            top: .75rem;
            left: .75rem;
        }

.card-footer h5[b-spijyxbcw2] {
    margin-bottom: .5rem;
}

.card-footer .label-list[b-spijyxbcw2] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    align-self: stretch;
    justify-content: space-between;
}

.card-footer label[b-spijyxbcw2] {
    display: flex;
    justify-content: center;
    align-items: center;
    color: var(--Dark-Dark-300, #B6B7C5);
    font-size: 0.75rem;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    margin-bottom: .5rem;
}

.title[b-spijyxbcw2] {
    display: flex;
    justify-content: space-between;
    align-items:center;
    margin-bottom: 1.25rem;
}

@media (max-width: 640.98px) {

    .list-card .card[b-spijyxbcw2] {
        display: flex;
        flex-direction: column;
        gap: .75rem;
        width: calc(100% / 1.25);
    }
    .title[b-spijyxbcw2] {
        margin: 0 .75rem .25rem;
    }
}
/* /Components/Pages/WorkoutPages/WorkoutComment.razor.rz.scp.css */
.card[b-awjhf3b1bl] {
    display: flex;
    padding: 1rem;
    flex-direction: column;
    justify-content: start;
    align-items: flex-start;
    align-self: stretch;
    gap: 1.25rem;
    border-radius: 1rem;
    background: var(--Main-White, #FFF);
    height: calc(100% - 2rem);
    position: absolute;
    top: 0;
    right: 0;
    width: -webkit-fill-available;
}

.comment-list[b-awjhf3b1bl] {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: flex-start;
    align-self: stretch;
    gap: 1.25rem;   
    overflow-x:auto;
}

.comment-title[b-awjhf3b1bl] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    align-self: stretch;
}

.user[b-awjhf3b1bl] {
    display: flex;
    align-items: center;
    gap: 1rem;
}

.comment[b-awjhf3b1bl] {
    display: flex;
    flex-direction: column;
    gap: .75rem;
    width: 100%;
}

.avatar[b-awjhf3b1bl] {
    width: 2.5rem;
    height: 2.5rem;
}

    .avatar img[b-awjhf3b1bl] {
        width: 100%;
    }

.user h4[b-awjhf3b1bl] {
    color: var(--Dark-Dark-1000, #0A0C3C);
    font-size: 1rem;
}

.text[b-awjhf3b1bl],
.user p[b-awjhf3b1bl] {
    color: var(--Dark-Dark-400, #9D9EB1);
    font-size: 0.75rem;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}

.btn-fav[b-awjhf3b1bl] {
}

.comment-footer[b-awjhf3b1bl] {
    border-radius: 1rem;
    background: var(--Dark-Blue-Dark-Blue-50, #F8F9FE);
    display: flex;
    padding: 0.75rem;
    justify-content: space-between;
    align-items: center;
    align-self: stretch;
    margin-top: auto;
    gap: .5rem;
}

    .comment-footer div[b-awjhf3b1bl] {
        color: var(--Dark-Dark-400, #9D9EB1);
        /* Paragraph/14 Medium */
        font-family: Montserrat;
        font-size: 0.875rem;
        font-style: normal;
        font-weight: 500;
        line-height: normal;
    }

.btn-fav[b-awjhf3b1bl] {
    margin-left: auto;
    display: flex;
    align-items: center;
    padding: 0.5rem 1rem;
    justify-content: center;
    align-items: center;
    gap: 0.5rem;
    border-radius: 2.5rem;
    background: var(--Dark-Blue-Dark-Blue-100, #EBEFFF);
    color: var(--Dark-Dark-1000, #0A0C3C);
    font-size: 0.875rem;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}

@media (max-width: 640.98px) {
    

}