@import '_content/TakedaConnect.BlazorComponents/TakedaConnect.BlazorComponents.bundle.scp.css';

/* _content/TakedaConnect.HCPView/Components/Hcp/AssociatedSpecialistCard.razor.rz.scp.css */
.specialist-card[b-mba6blfuco] {
    display: flex;
    width: 348px;
    height: 295px;
    padding-bottom: 13px;
    flex-direction: column;
    align-items: flex-start;
    gap: 16px;
    flex-shrink: 0;
    border-radius: 16px;
    border: 1px solid var( --color-gray-100,#EDF2F4);
    background: var( --color-gray-100, #EDF2F4);
}

.specialist-card__heading[b-mba6blfuco] {
    display: flex;
    height: 74px;
    padding-top: 16px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 2px;
    flex-shrink: 0;
    align-self: stretch;
    border-radius: 16px 16px 0 0;
    background: var(--color-purple-100, #9B72B01F);
}

.specialist-card__heading__name[b-mba6blfuco] {
    color: var(--color-purple-700, #9B72B0);
    text-align: center;
    font-size: 16px;
    font-weight: 700;
    line-height: 16px;
}

.specialist-card__heading__position[b-mba6blfuco] {
    color: var(--color-gray-700, #34373FB3);
    text-align: center;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
}

.specialist-card__content[b-mba6blfuco] {
    display: flex;
    padding: 0 24px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 16px;
    align-self: stretch;
}

.specialist-card__content__info[b-mba6blfuco] {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 16px;
}

.specialist-card__content__info__data[b-mba6blfuco] {
    display: flex;
    flex-direction: row;
    gap: 16px;
    align-items: stretch;
}

.specialist-card__content__info__data__label[b-mba6blfuco] {
    display: block;
    width: 75px;
    text-align: right;
    color: var(--color-gray-600, #4F697D);
    font-size: 14px;
    font-weight: 700;
    line-height: 20px;
}

.specialist-card__content__info__data__link[b-mba6blfuco] {
    color: var(--color-gray-700, #34373FB3);
    font-weight: 400;
    line-height: 20px;
    text-decoration-line: underline;
}
/* _content/TakedaConnect.HCPView/Components/Hcp/AssociatedSpecialistsModal.razor.rz.scp.css */
.asp-modal[b-p3l08sgiwn] {
    padding: 64px;
    width: 1240px;
    display: flex;
    flex-direction: column;
    gap: 32px;
}

.asp-modal__header__filter[b-p3l08sgiwn] {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    --takeda-text-input-width: 564px;
    gap: 332px;
}

@media(max-width: 1024px) {
    .asp-modal[b-p3l08sgiwn] {
        width: auto;
    }
}

@media(max-width: 1096px) {
    .asp-modal__header__search[b-p3l08sgiwn] {
        width: 346px;
    }
    .asp-modal__header__filter[b-p3l08sgiwn] {
        flex-direction: column;
        gap: 15px;
    }
}

@media(max-width: 540px) {
    .asp-modal[b-p3l08sgiwn] {
        padding: 10px;
        align-items: center;
    }

    .asp-modal__specialists[b-p3l08sgiwn] {
        align-items: center;
        justify-content: center;
    }
}

.asp-modal__specialists[b-p3l08sgiwn] {
    display: flex;
    flex-wrap: wrap;
    gap: 32px;
}

.asp-modal__header[b-p3l08sgiwn] {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    gap: 32px;
}

.asp-modal__header > p[b-p3l08sgiwn] {
    font-size: 24px;
    font-weight: 700;
    line-height: 16px;
    color: var(--color-black, #000000);
}

.asp-modal__header > p > span[b-p3l08sgiwn] {
    color: var(--color-gray-500, #A1A4AC)
}

.asp-modal__header__search[b-p3l08sgiwn] {
    display: flex;
    flex-direction: column;
    flex: 1;
}

.asp-modal__header__sort-buttons[b-p3l08sgiwn] {
    display: flex;
    gap: 10px;
    margin-right: 5px;
}
.asp-modal__specialist__empty[b-p3l08sgiwn] {
    display: flex;
    width: 100%;
    align-items: center;
    justify-content: center;
}
/* _content/TakedaConnect.HCPView/Components/Hcp/SearchForSpecialist.razor.rz.scp.css */
.menu-buttons[b-q95c14kw6w] {
    display: flex;
}

.search-for-specialist[b-q95c14kw6w] {
    display: flex;
}

.search-for-specialist[b-q95c14kw6w] {
    box-sizing: border-box;
    display: flex;
    flex: 1;
    height: auto;
    flex-direction: column;
    align-items: flex-start;
    gap: 32px;
    padding-top: 64px;
    width: 100%;
    margin-left: 32px;
}

@media(max-width: 767px) {
    .search-for-specialist[b-q95c14kw6w] {
        margin-left: 0;
    }

}

.search-for-specialist__home-screen[b-q95c14kw6w] {
    background: var(--color-gray-600-5, #4F697D0D);
    backdrop-filter: blur(100px);
    padding: 64px 64px 0 64px;
}
/* _content/TakedaConnect.HCPView/Components/Hcp/SearchForSpecialistForm.razor.rz.scp.css */
.sfs-form[b-kh9m7dll3r] {
    display: flex;
    width: 100%;
    gap: 24px;
    align-items: flex-end;
}

.sfs-form__row[b-kh9m7dll3r] {
    display: flex;
    flex-direction: row;
    flex-grow: 1;
    gap: 24px;
    align-items: stretch;
}

@media(max-width: 767px) {
    .sfs-form__row[b-kh9m7dll3r] {
        flex-direction: column;
    }

    .sfs-form[b-kh9m7dll3r] {
         max-width: 100%;
    }
    
}

.sfs-form__row > div[b-kh9m7dll3r] {
    flex: 1;
}

.sfs-form__column[b-kh9m7dll3r] {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    gap: 20px;
    max-width: 613px;
}

.sfs-form--column[b-kh9m7dll3r] {
    flex-direction: column;
    align-items: stretch;
    gap: 24px;
}

.sfs-form__button[b-kh9m7dll3r] {
    display: flex;
    justify-content: flex-end;
}

.sfs-form__button--searched[b-kh9m7dll3r] {
    flex: 0 !important;
    align-items: flex-end;
}

.sfs-form__name-result[b-kh9m7dll3r] {
    max-width: 1575px;
}

.sfs-form__id-result[b-kh9m7dll3r] {
    max-width: 750px;
}
/* _content/TakedaConnect.HCPView/Components/Hcp/SearchForSpecialistHeader.razor.rz.scp.css */
.search-for-specialist-header[b-te6j95hcij] {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.search-for-specialist-header > h2[b-te6j95hcij] {
    font-variant-numeric: lining-nums proportional-nums;
    font-size: 40px;
    font-weight: 600;
    line-height: 38px;
    letter-spacing: -0.4px;
    color: var(--color-gray-900, #34373F);
}

.search-for-specialist-header > p[b-te6j95hcij] {
    line-height: 20px;
    font-size: 14px;
    color: var(--color-black, #000000);
}
/* _content/TakedaConnect.HCPView/Components/Hcp/SearchForSpecialistMenuButtons.razor.rz.scp.css */
.menu-buttons[b-nr0ii04jsc] {
    display: flex;
    gap: 20px;
}
/* _content/TakedaConnect.HCPView/Components/Hcp/SearchResult.razor.rz.scp.css */
.search-result[b-gp4mrnrn6b] {
    display: flex;
    flex-direction: column;
    gap: 32px;
}
.search-result--empty[b-gp4mrnrn6b] {
    width: 100%;
    align-items: center;
}
.search-result__count[b-gp4mrnrn6b] {
    align-self: flex-start;
}

.search-result__load-more[b-gp4mrnrn6b] {
    display: flex;
    width: 100%;
    justify-content: center;
    margin-top: -32px;
    margin-bottom: 15px;
}

.search-result__count > p[b-gp4mrnrn6b] {
    font-size: 32px;
    font-weight: 600;
    letter-spacing: -0.32px;
    line-height: 38px;
    color: var(--color-gray-900, #34373F);
}

@media(max-width: 1438px) {
    .search-result__team__associated-specialist__header[b-gp4mrnrn6b] {
        flex-direction: column !important;
        gap: 10px;
    }
    .search-result__team__associated-specialist__list[b-gp4mrnrn6b] {
        justify-content: center;
    }
}

@media(max-width: 1024px) {
    .search-result__team[b-gp4mrnrn6b] {
        flex-direction: column;
    }
}

.search-result__team[b-gp4mrnrn6b] {
    display: flex;
    border-radius: 24px;
    border: 2px solid var(--color-gray-100, #EDF2F4);
    flex: 1;
}

.search-result__team--by-name[b-gp4mrnrn6b] {
    gap: 15px;
    flex-wrap: wrap;
    border: none;
    margin-bottom: 20px;
}

.search-result__team--by-id[b-gp4mrnrn6b] {
    --specialist-card-br: 24px 0 0 24px;
}

.search-result__team__specialist[b-gp4mrnrn6b] {
    display: flex;
    flex-direction: column;
}

.search-result__team__associated-specialist[b-gp4mrnrn6b] {
    display: flex;
    flex-direction: column;
    flex: 1;
    align-items: flex-start;
    gap: 16px;
    background-color: var(--color-white, #FFFFFF);
    padding-top: 32px;
    padding-right: 64px;
    padding-bottom: 32px;
    padding-left: 42px;
    border-top-right-radius: 24px;
    border-bottom-right-radius: 24px;
}

.search-result__team__associated-specialist__header[b-gp4mrnrn6b] {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-self: stretch;
    align-items: center;
    flex: 1;
}

.search-result__team__associated-specialist__header > p:first-child[b-gp4mrnrn6b] {
    color: var(--color-black, #000000);
    font-size: 24px;
    font-weight: 700;
    line-height: 16px;
    text-decoration: none;
    cursor: text;
}

.search-result__team__associated-specialist__header > p:first-child > span[b-gp4mrnrn6b] {
    color: var(--color-gray-500, #A1A4AC);
    line-height: 20px;
    font-weight: 400;
}

.search-result__team__associated-specialist__list[b-gp4mrnrn6b] {
    display: flex;
    flex-direction: row;
    gap: 28px;
    flex-wrap: wrap;
}

.search-result__team__associated-specialist__header > p[b-gp4mrnrn6b] {
    text-decoration: underline;
    cursor: pointer;
}
/* _content/TakedaConnect.HCPView/Components/Hcp/SearchResultEmpty.razor.rz.scp.css */
.empty-search-result[b-n6vjdgxjmq] {
    display: flex;
    flex-direction: column;
    gap: 16px;
    margin-top: 160px;
}
.empty-search-result__robot[b-n6vjdgxjmq] {
    width: 451px;
    height: 226px;
}
.empty-search-result__robot-text[b-n6vjdgxjmq] {
    display: flex;
    justify-content: center;
    margin-bottom: 100px;
}
/* _content/TakedaConnect.HCPView/Components/Hcp/SpecialistCard.razor.rz.scp.css */
.specialist-card[b-t97fqfedcp] {
    display: flex;
    width: 506px;
    min-height: 465px;
    padding: 48px 24px 0 44px;
    flex-direction: column;
    align-items: flex-start;
    gap: 23px;
    flex-shrink: 0;
    border-radius: var(--specialist-card-br, 24px);
    background: var(--color-gray-100, #EDF2F4);
}

@media(max-width: 490px) {
    .specialist-card[b-t97fqfedcp] {
        padding: 48px 10px;
    }
}

@media(max-width: 767px) {
    .specialist-card[b-t97fqfedcp] {
        width: auto;
    }
}

.specialist-card__heading--by-name[b-t97fqfedcp] {
    background: var(--color-white, #FFFFFF);
}

.specialist-card__heading[b-t97fqfedcp] {
    color: var( --color-gray-600, #4F697D);
    display: flex;
    width: 365px;
    padding-right: 8px;
    flex-direction: column;
    align-items: flex-start;
    gap: 8px;
}

.specialist-card__heading-name[b-t97fqfedcp] {
    font-size: 32px;
    font-weight: 700;
    line-height: 38px;
}

.specialist-card__heading-info[b-t97fqfedcp] {
    text-align: left;
    font-size: 14px;
    line-height: 20px;
}

.specialist-card__divider[b-t97fqfedcp] {
    width: 339px;
    height: 2px;
    background: var( --color-gray-600, #4F697D);
}

.specialist-card__content[b-t97fqfedcp] {
    display: flex;
    flex-direction: column;
    gap: 24px;
}

.specialist-card__id-info[b-t97fqfedcp] {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.specialist-card__id-row[b-t97fqfedcp] {
    display: flex;
    flex-direction: row;
    gap: 34px;
    align-items: center;
}

.specialist-card__id-label[b-t97fqfedcp] {
    display: flex;
    width: 96px;
    color: var(--color-black, #000000);
    font-weight: 700;
    line-height: 20px;
    justify-content: flex-start;
}

.specialist-card__consents[b-t97fqfedcp] {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.specialist-card__consents--empty[b-t97fqfedcp] {
    display: flex;
    flex-direction: row;
    gap: 34px;
}

.specialist-card__consents-heading[b-t97fqfedcp] {
    color: #000;
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: 20px;
    margin-bottom: 8px;
}

.specialist-card__consents-empty-icon[b-t97fqfedcp] {
    display: flex;
    flex-direction: row;
    gap: 8px;
}

.specialist-card__email-consent[b-t97fqfedcp] {
    display: flex;
    gap: 16px;
    margin-left: 16px;
}

.specialist-card__email-consent-value[b-t97fqfedcp] {
    width: 200px;
    overflow-wrap: break-word;
}

.specialist-card__email-consent-date[b-t97fqfedcp] {
    color: var(--color-gray-500, #A1A4AC);
}

.specialist-card__show-all[b-t97fqfedcp] {
    color: var(--color-gray-700, #34373FB3);
    font-weight: 400;
    line-height: 20px;
    text-decoration-line: underline;
}

.specialist-card__show-all:hover[b-t97fqfedcp] {
    cursor: pointer;
}
.specialist-card__id-icon[b-t97fqfedcp] {
    width: 13.5px;
    height: 13.5px;
}

.specialist-card__id-icon--consent[b-t97fqfedcp] {
    margin-top: 3px;
}

.specialist-card__id-icon--check[b-t97fqfedcp] {
    width: 18px;
    height: 18px;
    margin-left: -3px;
}

.specialist-card__id--pending[b-t97fqfedcp] {
    display: flex;
    align-items: center;
    gap: 8px;
}
.specialist-card__id--pending > p[b-t97fqfedcp] {
    color: var(--color-amber-500, #EBA800);
    font-weight: 700;
    line-height: 20px;
}
/* _content/TakedaConnect.HCPView/Components/UserProfile/UserProfile.razor.rz.scp.css */
.user-profile[b-h0daghxr7a] {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    gap: 8px;
}

 .user-profile > p[b-h0daghxr7a] {
    color: var(--color-gray-600, #4F697D);
    font-size: 16px;
    font-weight: 700;
    line-height: 24px;
 }

.user-profile > p[b-h0daghxr7a], img:hover[b-h0daghxr7a] {
    cursor: pointer;
}
/* _content/TakedaConnect.HCPView/Pages/Home.razor.rz.scp.css */
.home-container__logo[b-y6sw782625] {
    display: flex;
    height: auto;
    align-items: center;
    flex: 1.3;
}

@media (max-width: 1024px) {
    .home-container__logo[b-y6sw782625] {
        display: none;
    }

    .home-container[b-y6sw782625] {
        width: 100%;
    }
}

.home-container[b-y6sw782625] {
    display: flex;
    height: 100%; 
}
/* _content/TakedaConnect.HCPView/Pages/Login.razor.rz.scp.css */
.login[b-ce4s8eewck] {
    display: flex;
    gap: 197px;
    height: 100%;
}

.login__left-section[b-ce4s8eewck] {
    width: 735px;
    background-color: var(--Color-White, #FFFFFF); 
    height: 100%;
    padding: 0 64px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 48px;
    flex-grow: 1;
}

.login__header[b-ce4s8eewck] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 10px;
}

.login__title[b-ce4s8eewck] {
    color: var(--Color-Grey-Light, #4F697D);
    text-align: center;
    font-size: 48px;
    font-weight: 700;
    letter-spacing: -0.245px;
    outline:none;
}

.login__subtitle[b-ce4s8eewck] {
    color: var(--Color-Grey-Light, #4F697D);
    text-align: center;
    font-size: 24px;
    font-weight: 700;
    letter-spacing: -0.122px;
}

.login__right-section[b-ce4s8eewck] {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-grow: 1;
}

@media (max-width: 767px) {
    .login__right-section[b-ce4s8eewck] {
        display: none;
    }
}