.chart-container{position:relative;aspect-ratio:2}.chart-container canvas{cursor:pointer}.chart-container .custom-tooltip{position:absolute;display:flex;align-items:center;gap:1rem;background-color:var(--s-color-secondary);border-radius:var(--s-border-radius-card);color:var(--s-color-white);padding:var(--s-spacing-md);transition:all .5s ease;font-size:.875rem;font-family:var(--s-font-family-label)}@media (max-width: 768px){.chart-container .custom-tooltip{padding:var(--s-spacing-sm);font-size:.75rem}}.chart-container .custom-tooltip__data-wrapper{display:flex;flex-direction:column;gap:.5rem}.chart-container .custom-tooltip__data-wrapper .amount{font-weight:700;text-wrap:nowrap}.chart-container .custom-tooltip__data-wrapper .date{text-wrap:nowrap;text-transform:capitalize}.chart-container .custom-tooltip__line{position:absolute;top:100%;width:.125rem;transition:all .5s ease;z-index:1;background-repeat:no-repeat;background-image:linear-gradient(to bottom,var(--s-color-secondary) 8px,transparent 8px),repeating-linear-gradient(to bottom,transparent 0 4px,var(--s-color-secondary) 4px 8px);background-position-y:0,24px;background-size:2px 24px,2px 100%}.chart-container .custom-tooltip .tooltip__btn{transition:background-color .5s ease}.chart-container .custom-tooltip .tooltip__btn:hover{background-color:var(--s-color-accrued-quarternary)}.additional-pension-product-amount__title h5{margin-right:.5rem;display:inline;line-height:2.5rem;vertical-align:middle}@media (max-width: 768px){.additional-pension-product-amount__title h5{margin-right:.25rem}}.additional-pension-product-amount__title .dropdown-switch{display:inline-block;vertical-align:top}.scenarios{display:flex;flex-direction:row;width:100%;background-color:var(--s-color-projected);border-radius:.5rem;overflow:hidden}.scenarios--selected{fill:var(--s-color-background-dark)}.scenarios--unselected{fill:#eaeaf4}.scenarios__circle-label,.scenarios__circle-value{fill:var(--s-color-text);white-space:pre;font-family:var(--s-font-family-header);letter-spacing:0em}.scenarios__circle-label.scenarios--selected,.scenarios__circle-value.scenarios--selected{fill:var(--s-color-white)}.scenarios__circle-label{font-size:12px}.scenarios__outer-arrow{stroke-width:13px}.scenarios__outer-arrow.scenarios--unselected{stroke:#eaeaf4;fill:none}.scenarios__outer-arrow.scenarios--selected{stroke:var(--s-scenarios-bg);fill:none}.scenarios__center-arrow{stroke-width:5px;stroke:#fff}.scenarios__circle-value{font-weight:700;fill:var(--s-color-background-dark)}.scenarios__dashed-circle{stroke:#d6d6d6;stroke-dasharray:2 2}.scenarios__container{background-color:var(--s-scenarios-bg);flex-basis:54.5%;border-radius:0;margin-top:0;margin-left:4rem;flex-grow:1;overflow:hidden;padding:var(--s-spacing-xl) var(--s-spacing-md) var(--s-spacing-md)}@media (max-width: 768px){.scenarios{flex-basis:45.5%;flex-direction:column;background-color:var(--s-color-white)}.scenarios__container{margin-left:0}.scenarios__img{text-align:center}.scenarios__img svg{width:100%;max-width:488px;margin:2rem auto 0}.scenarios__container{flex-basis:54.5%;border-radius:16px 16px 4px 4px;margin-left:0;margin-top:-4rem;position:relative;z-index:1}}