.PortfolioChart-module_layout__gJrk9 {
    grid-template-columns: auto 1fr var(--shell-instant-width, 410px);
    grid-template-rows: auto var(--shell-header-height, 84px)1fr auto;
    grid-column-gap: var(--shell-grid-gap, 32px);
    flex: 1;
    grid-template-areas: "disclaimer disclaimer disclaimer""sidebar header header""sidebar main instant""sidebar footer footer";
    display: grid
}

.PortfolioChart-module_layout__gJrk9.PortfolioChart-module_instantSidebarHidden__pN9ww {
    grid-template-columns: auto 1fr 0
}

.PortfolioChart-module_disclaimer__M3lFn {
    background-color: var(--kds-background);
    grid-area: disclaimer;
    position: sticky;
    top: 0
}

.PortfolioChart-module_sidebar__VdXOO {
    grid-area: sidebar;
    overflow-x: visible
}

.PortfolioChart-module_footer__OHgXs {
    grid-area: footer
}

.PortfolioChart-module_main__biMyy {
    grid-area: main
}

@media (min-width:1024px) and (max-width:1400px) {
    .PortfolioChart-module_main__biMyy {
        padding-inline-end: 24px
    }
}

.PortfolioChart-module_header__SoD_j {
    top: var(--shell-disclaimer-height, 0);
    grid-area: header;
    padding-inline-end: 24px;
    position: sticky
}

@media screen and (max-width:1023px) {
    .PortfolioChart-module_header__SoD_j {
        padding-inline-end: 0
    }
}

.PortfolioChart-module_instant__G2LJw {
    grid-area: instant;
    width: 410px;
    padding-inline-end: 24px
}

@media screen and (min-width:1024px) {
    .PortfolioChart-module_sidebar__VdXOO {
        top: var(--shell-disclaimer-height, 0);
        height: calc(100dvh - var(--shell-disclaimer-height, 0));
        position: sticky
    }
}

@media (max-width:1400px) {
    .PortfolioChart-module_layout__gJrk9 {
        grid-template: "disclaimer disclaimer""sidebar header"84px"sidebar main"1fr"sidebar footer"/auto minmax(0, 1fr);
        display: grid
    }
    .PortfolioChart-module_instant__G2LJw {
        display: none
    }
}

@media screen and (max-width:1023px) {
    .PortfolioChart-module_layout__gJrk9 {
        grid-column-gap: 0;
        grid-template: "disclaimer""header"84px"main"1fr"footer"/1fr;
        padding: 0 1rem;
        display: grid
    }
    .PortfolioChart-module_instant__G2LJw {
        display: none
    }
}

@media screen and (min-width:1024px) {
    .PortfolioChart-module_collapsed__K2Zxe {
        width: 5rem
    }
    .PortfolioChart-module_expanded__O_caE {
        width: 11.25rem
    }
}

.PortfolioChart-module_divider__qDbxf {
    background: var(--colors-ds-divider)
}

.PortfolioChart-module_scrollable__XXwPH {
    -ms-overflow-style: none;
    scrollbar-width: none
}

.PortfolioChart-module_scrollable__XXwPH::-webkit-scrollbar {
    display: none
}

.PortfolioChart-module_scrollable__XXwPH.PortfolioChart-module_collapsed__K2Zxe {
    box-sizing: content-box;
    pointer-events: none;
    margin-inline-end: -800px;
    padding-inline-end: 800px
}

.PortfolioChart-module_scrollable__XXwPH.PortfolioChart-module_collapsed__K2Zxe>* {
    pointer-events: auto
}

.PortfolioChart-module_container__B4J0o {
    grid-area: content;
    width: 100%;
    padding: 0 0 1.25rem
}

.PortfolioChart-module_content__WshPT {
    grid-template: "header"min-content"primary""secondary"/1fr;
    width: 100%;
    display: grid
}

.PortfolioChart-module_content__WshPT.PortfolioChart-module_collapsed__K2Zxe {
    padding-top: 0
}

.PortfolioChart-module_content__WshPT.PortfolioChart-module_revamp__HWjrs {
    grid-template-columns: minmax(0, 1fr)
}

.PortfolioChart-module_content_full__DAXvk {
    grid-template-rows: auto 1fr;
    grid-template-areas: "header""primary"
}

.PortfolioChart-module_header__SoD_j {
    grid-area: header;
    align-content: flex-start;
    row-gap: .75rem;
    margin: 0;
    display: grid
}

.PortfolioChart-module_content__WshPT:not(.PortfolioChart-module_revamp__HWjrs) .PortfolioChart-module_primary__dyXTh {
    display: grid
}

.PortfolioChart-module_content__WshPT.PortfolioChart-module_revamp__HWjrs .PortfolioChart-module_primary__dyXTh {
    contain: style;
    flex-direction: column;
    gap: 2rem;
    display: flex
}

.PortfolioChart-module_secondary__HoZ67 {
    grid-area: secondary;
    align-content: flex-start;
    row-gap: 1rem;
    display: grid
}

.PortfolioChart-module_content_gap___sb95 {
    row-gap: 1rem
}

@media screen and (min-width:1024px) {
    .PortfolioChart-module_content_gap___sb95.PortfolioChart-module_content__WshPT {
        gap: 1.5rem
    }
    .PortfolioChart-module_content__WshPT:not(.PortfolioChart-module_revamp__HWjrs) {
        display: grid
    }
    .PortfolioChart-module_content_default__rTbxa,
    .PortfolioChart-module_content_even__LxCkt,
    .PortfolioChart-module_content_panel__k4ILG {
        grid-template-rows: repeat(2, min-content);
        grid-template-columns: 1fr 18.75rem;
        grid-template-areas: "header header""primary secondary"
    }
    .PortfolioChart-module_content_even__LxCkt,
    .PortfolioChart-module_content_even__LxCkt.PortfolioChart-module_revamp__HWjrs {
        grid-template-columns: 1fr 1fr
    }
    .PortfolioChart-module_content_default__rTbxa .PortfolioChart-module_secondary__HoZ67 {
        width: 18.75rem
    }
    .PortfolioChart-module_secondary__HoZ67 {
        row-gap: 2rem
    }
    .PortfolioChart-module_content_panel__k4ILG {
        grid-template-columns: 1fr 400px
    }
    .PortfolioChart-module_content_panel__k4ILG .PortfolioChart-module_secondary__HoZ67 {
        width: 400px
    }
}

.PortfolioChart-module_container_max_width__eR0U2 {
    max-width: 1440px;
    margin: 0 auto
}

.PortfolioChart-module_container_max_width_settings__Eg1r1 {
    max-width: 1000px;
    margin: 0 auto
}

@media (max-width:1440px) {
    .PortfolioChart-module_content_panel__k4ILG {
        grid-template-columns: minmax(0, 1fr);
        column-gap: 0
    }
    .PortfolioChart-module_content_panel__k4ILG .PortfolioChart-module_secondary__HoZ67 {
        display: none
    }
}

@media screen and (min-width:1280px) {
    .PortfolioChart-module_content__WshPT:not(.PortfolioChart-module_revamp__HWjrs) .PortfolioChart-module_primary__dyXTh {
        grid-area: primary;
        align-content: flex-start;
        display: grid
    }
}

.PortfolioChart-module_parentContainerSize__collapsed__gmZu7 {
    width: calc(100% + 5rem + 32px);
    margin-left: calc(-5rem - 32px)
}

@media screen and (max-width:1023px) {
    .PortfolioChart-module_parentContainerSize__collapsed__gmZu7 {
        width: calc(100% + 1rem + 8px);
        margin-left: calc(-1rem - 8px)
    }
}

@media screen and (min-width:1024px) and (max-width:1400px) {
    .PortfolioChart-module_parentContainerSize__collapsed__gmZu7 {
        width: calc(100% + 5rem + 24px);
        margin-left: calc(-5rem - 32px)
    }
}

@media (min-width:calc(5rem + 1914px)) {
    .PortfolioChart-module_parentContainerSize__collapsed__gmZu7:after {
        content: "";
        background: linear-gradient(to right, var(--ds-bg-color), transparent);
        width: calc(5rem + 8px);
        height: 100%;
        position: absolute;
        top: 0;
        left: calc(-5rem - 34px)
    }
}

.PortfolioChart-module_parentContainerSize__expanded___4p5H {
    width: calc(100% + 11.25rem + 32px);
    margin-left: calc(-11.25rem - 32px)
}

@media screen and (min-width:1024px) and (max-width:1400px) {
    .PortfolioChart-module_parentContainerSize__expanded___4p5H {
        width: calc(100% + 11.25rem + 24px);
        margin-left: calc(-11.25rem - 32px)
    }
}

@media (min-width:calc(11.25rem + 1914px)) {
    .PortfolioChart-module_parentContainerSize__expanded___4p5H:after {
        content: "";
        background: linear-gradient(to right, var(--ds-bg-color), transparent);
        width: calc(11.25rem + 40px);
        height: 100%;
        position: absolute;
        top: 0;
        left: calc(-11.25rem - 34px)
    }
}

.PortfolioChart-module_parentSize__FOzSJ * {
    overflow: visible !important
}

.PortfolioChart-module_parentSize__FOzSJ {
    touch-action: pan-y;
    margin: 2rem -2rem 0;
    position: relative
}

@media screen and (max-width:1023px) {
    .PortfolioChart-module_parentSize__mobileRevamp__uBSgf {
        margin: 2rem -1rem 0
    }
}

.PortfolioChart-module_staleLoaderWrapper__MGipu {
    place-items: center;
    width: 100%;
    height: 100%;
    display: grid;
    position: absolute
}