/* Styles for the HAE about disease page markup. */

.hereditary-angioedema.page-about-disease img {
    display: block;
    max-width: 100%;
    width: auto;
    height: auto;
    margin: 0 auto;
}

.hereditary-angioedema.page-about-disease .hae-visual-desktop {
    display: block;
}

.hereditary-angioedema.page-about-disease .hae-visual-mobile {
    display: none;
}

.hereditary-angioedema.page-about-disease p+p {
    margin-top: 5px;
}

.hereditary-angioedema.page-about-disease>section {
    margin-bottom: 60px;
    padding-bottom: 62px;
    border-bottom: 1px solid var(--hae-color-divider);
}

.node-27hcp-article h1.page-header {
    margin: 0 0 20px;
    font-size: 40px;
    line-height: 1.4;
    font-weight: 700;
    color: var(--hae-color-heading);
}

.hereditary-angioedema.page-about-disease section>h2 {
    margin: 0 0 46px;
    font-size: 24px;
    line-height: 34px;
    color: var(--hae-color-heading);
    font-family: "OpenSans-Bold", sans-serif;
}

.hereditary-angioedema.page-about-disease section.about>h2 {
    color: var(--hae-color-text);
}


.hereditary-angioedema.page-about-disease section h4 {
    margin: 0;
    font-size: 16px;
    line-height: 1.4;
    font-family: "OpenSans-Bold", sans-serif;
    color: var(--hae-color-accent);
}

.hereditary-angioedema.page-about-disease .bordered {
    margin-top: 44px;
    padding: 24px 25px 24px 22px;
    border: 1px solid var(--hae-color-accent);
    background: var(--hae-color-bg);
}

.hereditary-angioedema.page-about-disease .bordered p {
    margin-bottom: 0;
}

.hereditary-angioedema.page-about-disease .bordered--title {
    margin: 0 0 16px;
    font-size: 14px;
    line-height: 1.4;
    font-family: "OpenSans-Bold", sans-serif;
    text-transform: uppercase;
    color: var(--hae-color-heading);
}

.hereditary-angioedema.page-about-disease .flex {
    display: flex;
}

.hereditary-angioedema.page-about-disease .row {
    flex-direction: row;
    margin-left: 0;
    margin-right: 0;
}


.hereditary-angioedema.page-about-disease .row::before,
.hereditary-angioedema.page-about-disease .row::after {
    content: none;
}

.hereditary-angioedema.page-about-disease .schedule-card {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 24px;
    margin-top: 18px;
    padding: 16px 19px 16px 16px;
    background: var(--hae-color-card);
}

.hereditary-angioedema.page-about-disease .schedule-card--item1 img {
    width: 48px;
    max-width: none;
    height: 48px;
}

.hereditary-angioedema.page-about-disease .schedule-card--item2,
.hereditary-angioedema.page-about-disease .schedule-card--item3 {
    min-width: 0;
}

.hereditary-angioedema.page-about-disease .schedule-card--item3 {
    margin: 0 0 0 16px;
}

.hereditary-angioedema.page-about-disease .schedule-card p {
    margin: 0;
}

.hereditary-angioedema.page-about-disease .affect>h2 {
    margin-bottom: 47px;
    color: var(--hae-color-heading);
}

.hereditary-angioedema.page-about-disease .second-subtitle-note {
    margin-bottom: 0;
}

.hereditary-angioedema.page-about-disease .affect>.flex.row {
    display: flex;
    flex-wrap: nowrap;
    gap: 16px;
    margin-top: 44px;
}

.hereditary-angioedema.page-about-disease .affect>.flex.row>div:first-child {
    flex: 0 0 23.5%;
    max-width: 253px;
    min-height: 100%;
    padding: 16px;
    background: var(--hae-color-card);
    gap: 24px;
    display: flex;
    flex-direction: column;
}

.hereditary-angioedema.page-about-disease .affect>.flex.row>div:last-child {
    flex: 1 1 0;
    min-width: 0;
}

.hereditary-angioedema.page-about-disease .affect>.flex.row>div:first-child img {
    width: 60px;
    max-width: none;
    margin: 0;
}

.hereditary-angioedema.page-about-disease .icon-list {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.hereditary-angioedema.page-about-disease .icon-list--item {
    display: flex;
    align-items: center;
    gap: 16px;
}

.hereditary-angioedema.page-about-disease .icon-list--img {
    flex: 0 0 40px;
    width: 40px;
    max-width: none;
}

.hereditary-angioedema.page-about-disease .icon-list--text {
    flex: 1 1 auto;
}


.hereditary-angioedema.page-about-disease .general-brem .steps-img+.flex {
    display: flex;
    align-items: stretch;
    flex-wrap: nowrap;
    gap: 16px;
    margin: 30px 0 0px;
}

.hereditary-angioedema.page-about-disease .general-brem .steps-img+.flex>div,
.hereditary-angioedema.page-about-disease .what-patients-want .flex>div {
    flex: 1 1 0;
    min-width: 0;
    padding: 16px;
    background: var(--hae-color-card);
}

.hereditary-angioedema.page-about-disease .general-brem .steps-img+.flex ul,
.hereditary-angioedema.page-about-disease .what-patients-want .flex ul {
    margin: 5px 0 0;
    padding-left: 20px;
}

.hereditary-angioedema.page-about-disease .general-brem .steps-img+.flex ul li,
.hereditary-angioedema.page-about-disease .what-patients-want .flex ul li {
    margin-bottom: 4px;
}

.hereditary-angioedema.page-about-disease .general-brem .steps-img+.flex ul li::marker,
.hereditary-angioedema.page-about-disease .what-patients-want .flex ul li::marker {
    font-size: 10px;
}


.hereditary-angioedema.page-about-disease .general-brem-details__comparison,
.hereditary-angioedema.page-about-disease .general-brem>.flex.row+.flex.row {
    display: flex;
    align-items: flex-start;
    flex-wrap: nowrap;
    justify-content: space-between;
    gap: 16px;
    margin-top: 0;
    margin-bottom: 46px;
}

.hereditary-angioedema.page-about-disease .general-brem-details__column,
.hereditary-angioedema.page-about-disease .general-brem>.flex.row+.flex.row>div {
    display: flex;
    flex-direction: column;
    flex: 0 0 calc((100% - 16px) / 2);
    max-width: calc((100% - 16px) / 2);
    min-width: 0;
}

.hereditary-angioedema.page-about-disease .general-brem-details__column--fear,
.hereditary-angioedema.page-about-disease .general-brem>.flex.row+.flex.row>div:first-child {
    gap: 16px;
}

.hereditary-angioedema.page-about-disease .general-brem-details__column--depression,
.hereditary-angioedema.page-about-disease .general-brem>.flex.row+.flex.row>div:last-child {
    gap: 16px;
    padding-right: 40px;
}

.hereditary-angioedema.page-about-disease .general-brem-details__comparison h4,
.hereditary-angioedema.page-about-disease .general-brem-details__subtitle,
.hereditary-angioedema.page-about-disease .general-brem>.flex.row+.flex.row h4 {
    margin: 0;
}

.hereditary-angioedema.page-about-disease .general-brem-details__column--fear img,
.hereditary-angioedema.page-about-disease .general-brem>.flex.row+.flex.row>div:first-child img {
    width: 100%;
    max-width: 502px;
    margin: 0;
    align-self: flex-start;
}

.hereditary-angioedema.page-about-disease .general-brem-details__column--depression img,
.hereditary-angioedema.page-about-disease .general-brem>.flex.row+.flex.row>div:last-child img {
    width: 100%;
    max-width: 324px;
    margin: 0 auto;
    align-self: center;
}

.hereditary-angioedema.page-about-disease .general-brem-details__note,
.hereditary-angioedema.page-about-disease .general-brem-details__note p,
.hereditary-angioedema.page-about-disease .general-brem>.flex.row+.flex.row>div:last-child p,
.hereditary-angioedema.page-about-disease .hae-affect img~p,
.hereditary-angioedema.page-about-disease .quality-of-life img~p {
    width: 100%;
    font-size: 10px;
    line-height: 1.3;
}

.hereditary-angioedema.page-about-disease .general-brem-details__note {
    max-width: 490.5px;
}

.hereditary-angioedema.page-about-disease .general-brem-details__note p+p,
.hereditary-angioedema.page-about-disease .general-brem>.flex.row+.flex.row>div:last-child p+p {
    margin-top: 28px;
    font-style: normal;
    width: 100%;
}

.hereditary-angioedema.page-about-disease .general-brem-details__note p+p em,
.hereditary-angioedema.page-about-disease .general-brem>.flex.row+.flex.row>div:last-child p+p em {
    font-style: italic;
}

.hereditary-angioedema.page-about-disease .general-brem .kk-mob {
    display: none !important;
}


.hereditary-angioedema.page-about-disease .hae-affect p:first-of-type strong {
    font-weight: 700;
    font-family: "OpenSans-Bold", sans-serif;
}

.hereditary-angioedema.page-about-disease .hae-affect h4 {
    margin-bottom: 16px;
}

.hereditary-angioedema.page-about-disease .hae-affect p+p {
    margin-top: 6px;
    width: 97% !important;
}

.hereditary-angioedema.page-about-disease .hae-affect img {
    margin: 18px 0;
}

.hereditary-angioedema.page-about-disease .quality-of-life img {
    margin: 15px auto 0px 44px;
}

.hereditary-angioedema.page-about-disease .quality-of-life h4 {
    margin: 23px 0 14px;

}

.hereditary-angioedema.page-about-disease .what-patients-want .flex {
    display: flex;
    align-items: stretch;
    flex-wrap: nowrap;
    gap: 16px;
    margin: 16px 0 0;
}

.hereditary-angioedema.page-about-disease .what-patients-want .flex>div {
    padding: 16px 16px 12px;
}

.hereditary-angioedema.page-about-disease .what-patients-want .bg-card ul li::marker {
    font-size: 10px;
}

.hereditary-angioedema.page-about-disease .international-manual .flex.row {
    align-items: center;
    gap: 16px;
}

.hereditary-angioedema.page-about-disease .international-manual {
    border: none;
    margin-bottom: 57px;
    padding-bottom: 0;
}

.hereditary-angioedema.page-about-disease .international-manual .flex.row img {
    flex: 0 0 60px;
    width: 60px;
    max-width: none;
    margin: 0;
}

.hereditary-angioedema.page-about-disease .sources-wrapper {
    position: relative;
    z-index: 0;
    margin-bottom: 12px;
}

body:has(.hereditary-angioedema.page-about-disease) footer.footer.container::before {
    top: -144%;
    height: 244%;
}

.hereditary-angioedema.page-about-disease .sources-intro {
    margin: 0 0 40px;
    font-size: 16px;
    line-height: 1.4;
    color: var(--hae-color-text);
    font-family: "OpenSans-Bold", sans-serif !important;
}

.hereditary-angioedema.page-about-disease .sources-title {
    margin-bottom: 8px;
    font-size: 12px;
    line-height: 1.3;
}

.hereditary-angioedema.page-about-disease .sources-wrapper ol {
    margin: 0;
    padding-left: 23px;
    width: 100%;
}

.hereditary-angioedema.page-about-disease .sources-wrapper li {
    margin-bottom: 8px;
    font-size: 12px;
    line-height: 1.3;
    overflow-wrap: anywhere;
    word-break: break-word;
}

.hereditary-angioedema.page-about-disease .sources-wrapper li::marker {
    font-weight: 700;
    font-family: "OpenSans-Bold", sans-serif !important;
}

.hereditary-angioedema.page-about-disease .sources-wrapper a {
    overflow-wrap: anywhere;
    word-break: break-word;
}

.hereditary-angioedema.page-about-disease .jobcode {
    margin: 0;
    font-size: 12px;
    line-height: 1.3;
    font-weight: 700;
    color: var(--hae-color-text);
}

.hereditary-angioedema.page-about-disease.kk .schedule-card {
    align-items: flex-start;
}

.hereditary-angioedema.page-about-disease.kk .schedule-card--item3 {
    flex-basis: 280px;
    max-width: 280px;
}

.hereditary-angioedema.page-about-disease.kk .general-brem .kk-mob {
    display: none !important;
}

@media (max-width: 991px) {
    body:has(.hereditary-angioedema.page-about-disease) #block-knowhae-breadcrumbs {
        display: none;
    }

    .hereditary-angioedema.page-about-disease .schedule-card {
        flex-wrap: wrap;
    }

    .hereditary-angioedema.page-about-disease .schedule-card--item3 {
        flex: 0 0 100%;
        align-self: flex-start;
        max-width: none;
        padding-left: 68px;
        margin-left: 0;
    }

    .hereditary-angioedema.page-about-disease .affect>.flex.row,
    .hereditary-angioedema.page-about-disease .general-brem .steps-img+.flex,
    .hereditary-angioedema.page-about-disease .general-brem-details__comparison,
    .hereditary-angioedema.page-about-disease .general-brem>.flex.row+.flex.row,
    .hereditary-angioedema.page-about-disease .what-patients-want .flex {
        flex-direction: column;
    }

    .hereditary-angioedema.page-about-disease .affect>.flex.row>div:first-child {
        flex-basis: auto;
        width: 100%;
    }

    .hereditary-angioedema.page-about-disease .general-brem-details__column,
    .hereditary-angioedema.page-about-disease .general-brem>.flex.row+.flex.row>div {
        flex-basis: auto;
        max-width: 100%;
    }

    .hereditary-angioedema.page-about-disease .general-brem-details__column--depression,
    .hereditary-angioedema.page-about-disease .general-brem>.flex.row+.flex.row>div:last-child {
        padding-right: 0;
    }

    .hereditary-angioedema.page-about-disease .general-brem-details__column--depression img,
    .hereditary-angioedema.page-about-disease .general-brem>.flex.row+.flex.row>div:last-child img {
        margin-left: 0;
        align-self: flex-start;
    }

    .hereditary-angioedema.page-about-disease .international-manual .flex.row {
        align-items: flex-start;
        flex-direction: column;
    }

    .hereditary-angioedema.page-about-disease .sources-wrapper::before {
        content: "";
        position: absolute;
        top: 0;
        bottom: -12px;
        left: calc(50% - 50vw);
        display: block;
        width: 10px;
        background-color: #00c8f0;
        pointer-events: none;
    }
}

@media (max-width: 768px) {
    .hereditary-angioedema.page-about-disease p+p {
        margin-top: 7px;
    }


    .hereditary-angioedema.page-about-disease>section {
        margin-bottom: 40px;
        padding-bottom: 40px;
    }

    .hereditary-angioedema.page-about-disease section>h2 {
        margin-bottom: 24px;
    }

    .hereditary-angioedema.page-about-disease .general-brem h2,
    .hereditary-angioedema.page-about-disease .what-patients-want h2 {
        font-size: 24px;
        line-height: 1.4;
    }

    .hereditary-angioedema.page-about-disease .about>h2,
    .hereditary-angioedema.page-about-disease .affect>h2,
    .hereditary-angioedema.page-about-disease .international-manual h2 {
        font-size: 18px;
        line-height: 22px;
    }

    .hereditary-angioedema.page-about-disease .international-manual {
        margin-bottom: 40px;
        padding-bottom: 40px;
        border-bottom: 1px solid var(--hae-color-divider);
    }

    .hereditary-angioedema.page-about-disease section h4 {
        font-size: 16px;
        line-height: 1.4;
    }

    .hereditary-angioedema.page-about-disease .bordered {
        margin-top: 27px;
        padding: 24px 15px 20px;
    }

    .hereditary-angioedema.page-about-disease .schedule-card {
        gap: 16px 20px;
    }

    .hereditary-angioedema.page-about-disease .schedule-card--item3 {
        padding-left: 68px;
    }

    .hereditary-angioedema.page-about-disease .affect>.flex.row {
        margin-top: 26px;
    }

    .hereditary-angioedema.page-about-disease .affect>h2 {
        margin-bottom: 24px;
    }

    .hereditary-angioedema.page-about-disease .affect>.flex.row>div:first-child {
        max-width: unset;
        padding: 16px;
    }

    .hereditary-angioedema.page-about-disease .steps-img,
    .hereditary-angioedema.page-about-disease .general-brem-details__column--fear img,
    .hereditary-angioedema.page-about-disease .general-brem-details__column--depression img,
    .hereditary-angioedema.page-about-disease .general-brem>.flex.row+.flex.row>div:first-child img,
    .hereditary-angioedema.page-about-disease .general-brem>.flex.row+.flex.row>div:last-child img,
    .hereditary-angioedema.page-about-disease .hae-affect img,
    .hereditary-angioedema.page-about-disease .quality-of-life img {
        width: 100%;
        max-width: 100%;
    }

    .hereditary-angioedema.page-about-disease .quality-of-life img {
        margin: 16px 0 0;
    }

    .hereditary-angioedema.page-about-disease .hae-visual-desktop {
        display: none;
    }

    .hereditary-angioedema.page-about-disease .hae-visual-mobile {
        display: block;
    }

    .hereditary-angioedema.page-about-disease .sources-intro {
        margin-bottom: 35px;
    }

    .hereditary-angioedema.page-about-disease .sources-wrapper ol {
        padding-left: 25px;
    }

    .hereditary-angioedema.page-about-disease.kk .general-brem .kk-mob {
        display: block !important;
    }

    .hereditary-angioedema.page-about-disease.kk .general-brem .kk-desc {
        display: none !important;

    }

    .hereditary-angioedema.page-about-disease p,
    .hereditary-angioedema.page-about-disease li {
        font-size: 14px;
    }

    .hereditary-angioedema.page-about-disease .schedule-card {
        display: grid;
        grid-template-columns: 48px minmax(0, 1fr);
        column-gap: 20px;
        row-gap: 16px;
        align-items: flex-start;
        padding: 24px 19px 28px 16px;
    }

    .hereditary-angioedema.page-about-disease>section.affect {
        margin-bottom: 39px;
        padding-bottom: 41px;
    }

    .hereditary-angioedema.page-about-disease .icon-list {
        gap: 18px;
    }

    .hereditary-angioedema.page-about-disease .general-brem .steps-img+.flex {
        margin: 25px 0 0;
    }

    .hereditary-angioedema.page-about-disease .icon-list--item {
        align-items: flex-start;
    }

    .hereditary-angioedema.page-about-disease .schedule-card--item1 {
        grid-column: 1;
        grid-row: 1;
    }

    .hereditary-angioedema.page-about-disease .schedule-card--item2 {
        grid-column: 2;
        grid-row: 1;
        min-width: 0;
        width: auto;
    }

    .hereditary-angioedema.page-about-disease .schedule-card--item2,
    .hereditary-angioedema.page-about-disease .schedule-card--item3 {
        padding-left: 0;
    }

    .hereditary-angioedema.page-about-disease .schedule-card--item3 {
        grid-column: 1 / -1;
        grid-row: 2;
        width: 100%;
        margin-top: 0;
    }


    .hereditary-angioedema.page-about-disease>section.general-brem-overview {
        margin-bottom: 41px;
        padding-bottom: 36px;
    }

    .hereditary-angioedema.page-about-disease .general-brem-details__comparison {
        gap: 22px;
        margin-bottom: 2px;
    }

    .hereditary-angioedema.page-about-disease .hae-affect {
        margin: 24px 0 0;
    }

    .hereditary-angioedema.page-about-disease .hae-affect h4 {
        width: 89%;
    }

    .hereditary-angioedema.page-about-disease .hae-affect__study-lead {
        max-width: 90%;
    }

    .hereditary-angioedema.page-about-disease .hae-affect p+p {
        margin-top: 9px;
        width: unset !important;
    }

    .hereditary-angioedema.page-about-disease .quality-of-life h4 {
        margin: 15px 0 14px;
        width: 95%;
    }

    .hereditary-angioedema.page-about-disease .quality-of-life p {
        width: 89%;
    }

    .hereditary-angioedema.page-about-disease .what-patients-want h2 {
        margin-bottom: 25px;
    }

    .hereditary-angioedema.page-about-disease .what-patients-want .flex {
        margin: 0;
    }

    .hereditary-angioedema.page-about-disease .sources-wrapper li {
        margin-bottom: 11px;
    }
}