.layout {
  position: relative;
  padding-top: 3.33333rem;
}

.layout__content {
  display: flex;
  flex-direction: column;
}

.layout--full {
  overflow: hidden;
  width: 100%;
}

.layout,
.layout__content {
  height: inherit;
}

.container {
  max-width: 53.33333rem;
  display: block;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  width: 100%;
  height: inherit;
}

@media screen and (min-width: 1200px) {
  .container {
    max-width: 63.33333rem;
  }
}

.container--compact {
  max-width: 44.44444rem;
}

.container--full {
  max-width: 100%;
}

.column {
  display: flex;
  flex-direction: column;
  height: inherit;
}

.column--centered {
  display: flex;
  align-items: center;
  justify-content: center;
}

.column--space-around {
  display: flex;
  align-items: center;
  justify-content: space-around;
}

.column--space-between {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.label--light {
  line-height: 1.88889rem;
  font-size: 1.44444rem;
  margin-bottom: 0;
  font-weight: normal;
  font-family: "AllianzNeoLight";
}

.label--bold {
  line-height: 1.88889rem;
  font-size: 1.44444rem;
  margin-bottom: 0;
  font-weight: normal;
  font-family: "AllianzNeoBold";
}

.label--large {
  line-height: 2.66667rem;
  font-size: 2.22222rem;
  margin-bottom: 0;
  font-weight: normal;
  font-family: "AllianzNeoBold";
}

.label--blue {
  color: #007ab3;
}

.label--block {
  display: block;
}

.label--table {
  line-height: 1.33333rem;
  font-size: 0.88889rem;
  margin-bottom: 1.33333rem;
  font-weight: normal;
  font-family: "AllianzNeoBoldItalic";
  text-align: left;
}

.label--election:before {
  position: absolute;
  top: -0.38889rem;
  right: 50%;
  display: block;
  margin-left: -0.16667rem;
  margin-right: auto;
  width: 0.33333rem;
  height: 0.33333rem;
  background: #fdd25c;
  content: '';
  transform: rotate(45deg);
}

.label--chart-label {
  line-height: 1.66667rem;
  font-size: 1rem;
  margin-bottom: 0;
  font-weight: normal;
  font-family: "AllianzNeoRegular";
  color: #808080;
}

.label--chart-value {
  line-height: 1.33333rem;
  font-size: 0.88889rem;
  margin-bottom: 0;
  font-weight: normal;
  font-family: "AllianzNeoRegular";
  color: #3da556;
  text-align: left;
}

.label--perf-chart-tip-title {
  white-space: nowrap;
}

.label--perf-chart-tip-title-large {
  line-height: 1.88889rem;
  font-size: 1.44444rem;
  margin-bottom: 0;
  font-weight: normal;
  font-family: "AllianzNeoBold";
}

.label--perf-chart-tip-title-med {
  line-height: 1.66667rem;
  font-size: 1rem;
  margin-bottom: 0;
  font-weight: normal;
  font-family: "AllianzNeoBold";
}

.label--perf-chart-tip-body {
  line-height: 1.33333rem;
  font-size: 0.88889rem;
  margin-bottom: 0;
  font-weight: normal;
  font-family: "AllianzNeoRegular";
  white-space: nowrap;
}

.label--perf-chart-tip-body + .label--perf-chart-tip-body {
  margin-top: 0.83333rem;
}

.label--perf-chart-tip-capped {
  color: #b71e3f;
}

.label--perf-chart-tip-protected {
  color: #1e8927;
}

.label--form {
  line-height: 2.11111rem;
  font-size: 1.66667rem;
  margin-bottom: 2.11111rem;
  font-weight: 300;
  font-family: "AllianzNeoLight";
  -webkit-user-select: none;
      -ms-user-select: none;
          user-select: none;
}

.label--form-currency-symbol {
  line-height: 2.11111rem;
  font-size: 1.66667rem;
  color: #008e9e;
  margin-bottom: 2.11111rem;
  font-weight: normal;
  font-family: "AllianzNeoRegular";
}

.label--form-less-spacing {
  margin-bottom: 0.55556rem;
}

.label--anchor {
  color: #007ab3;
  border-bottom: 0.05556rem solid #007ab3;
  cursor: pointer;
  transition: opacity 0.3s linear;
}

.label--anchor:hover {
  opacity: 0.7;
}

.label--persona-edit-name {
  margin-bottom: 0.66667rem;
  margin-right: 0.55556rem;
}

.label--disclaimerText {
  font-family: "Allianz Neo",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
  padding: 1.66667rem .83333rem 0;
  font-size: .77778rem;
  line-height: 1.11111rem;
}

.error-boundary {
  height: 100%;
}

@keyframes growShrink {
  50% {
    transform: scale(1.2);
    transform: scale(1.2);
  }
  100% {
    transform: scale(1);
    transform: scale(1);
  }
}

@keyframes zoomIn {
  0% {
    transform: scale(0.5);
    opacity: 0;
    transform: scale(0.5);
    opacity: 0;
  }
  50% {
    transform: scale(1);
    opacity: 0.5;
    transform: scale(1);
    opacity: 0.5;
  }
  80% {
    transform: scale(1.2);
    opacity: 1;
    transform: scale(1.2);
    opacity: 1;
  }
  100% {
    transform: scale(1);
    opacity: 1;
    transform: scale(1);
    opacity: 1;
  }
}

@keyframes zoomOut {
  100% {
    transform: scale(1.25, 1.25);
    opacity: 0;
    transform: scale(1.25, 1.25);
    opacity: 0;
  }
}

@keyframes fadeIn {
  from {
    opacity: 0;
    opacity: 0;
  }
  to {
    opacity: 1;
    opacity: 1;
  }
}

@keyframes modalOpening {
  from {
    opacity: 0;
    transform: translate(-50%, 0%) scale(0.9);
    opacity: 0;
    transform: translate(-50%, 0%) scale(0.9);
  }
  50% {
    opacity: 1;
    opacity: 1;
  }
  to {
    transform: translate(-50%, 0%) scale(1);
    transform: translate(-50%, 0%) scale(1);
  }
}

@keyframes modalClosing {
  from {
    opacity: 1;
    transform: translate(-50%, 0%) scale(1);
    opacity: 1;
    transform: translate(-50%, 0%) scale(1);
  }
  to {
    opacity: 0;
    transform: translate(-50%, 0%) scale(0.9);
    opacity: 0;
    transform: translate(-50%, 0%) scale(0.9);
  }
}

@keyframes fadeOut {
  from {
    opacity: 1;
    opacity: 1;
  }
  to {
    opacity: 0;
    opacity: 0;
  }
}

@keyframes rotate {
  from {
    transform: rotate(0deg);
    transform: rotate(0deg);
  }
  to {
    transform: rotate(359deg);
    transform: rotate(359deg);
  }
}

@keyframes dots {
  0%,
  20% {
    color: #008e9e;
    text-shadow: 0.25em 0 0 #008e9e, 0.5em 0 0 #008e9e;
    color: #008e9e;
    text-shadow: 0.25em 0 0 #008e9e, 0.5em 0 0 #008e9e;
  }
  40% {
    color: white;
    text-shadow: 0.25em 0 0 #008e9e, 0.5em 0 0 #008e9e;
    color: white;
    text-shadow: 0.25em 0 0 #008e9e, 0.5em 0 0 #008e9e;
  }
  60% {
    text-shadow: 0.25em 0 0 white, 0.5em 0 0 #008e9e;
    text-shadow: 0.25em 0 0 white, 0.5em 0 0 #008e9e;
  }
  80%,
  100% {
    text-shadow: 0.25em 0 0 white, 0.5em 0 0 white;
    text-shadow: 0.25em 0 0 white, 0.5em 0 0 white;
  }
}

@keyframes yearOverviewHeaderAnimate {
  from {
    padding-top: 0;
    padding-bottom: 0;
    padding-top: 0;
    padding-bottom: 0;
  }
  to {
    padding-top: 0.83333rem;
    padding-bottom: 0.83333rem;
    @media screen and (min-width: 1200px) {
      padding-top: 1.66667rem;
      padding-bottom: 1.66667rem;
    }
    padding-top: 0.83333rem;
    padding-bottom: 0.83333rem;
    @media screen and (min-width: 1200px) {
      padding-top: 1.66667rem;
      padding-bottom: 1.66667rem;
    }
  }
}

@keyframes growShrink {
}

@keyframes zoomIn {
}

@keyframes zoomOut {
}

@keyframes fadeIn {
}

@keyframes modalOpening {
}

@keyframes modalClosing {
}

@keyframes fadeOut {
}

@keyframes rotate {
}

@keyframes dots {
}

@keyframes yearOverviewHeaderAnimate {
}

html.embedded .loader:not(.loader--bar) .loader {
  min-height: 768px;
}

.loader--bar {
  position: fixed;
  z-index: 100;
  height: 0.22222rem;
  background: #7fe4e0;
  opacity: 1;
  transition: width 500ms ease-out, height 500ms ease-out;
}

.loader--graphic {
  position: absolute;
  top: 0;
  z-index: 500;
  width: 100vw;
  height: 100vh;
}

.loader--graphic .loader__message {
  line-height: 2.66667rem;
  font-size: 2.22222rem;
  color: #008e9e;
  margin-bottom: 2.66667rem;
  font-weight: normal;
  font-family: "AllianzNeoRegular";
}

.loader--graphic .loader__content {
  position: relative;
  width: 6.66667rem;
  height: 6.66667rem;
}

.loader--graphic .icon {
  animation-name: rotate;
  animation-duration: 7s;
  animation-timing-function: linear;
  animation-iteration-count: infinite;
}

.loader--graphic .icon--gear-one {
  width: 4.27778rem;
  height: 4.27778rem;
}

.loader--graphic .icon--gear-two {
  position: absolute;
  right: 0;
  bottom: 0;
  width: 3rem;
  height: 3rem;
}

.loader--graphic .icon--gear-two {
  animation-delay: 0.2s;
}

#app .wizard, .allianz-calculator-app .wizard, .modal-calculator .wizard {
  position: relative;
  height: inherit;
}

html.embedded #app .wizard--simulator, html.embedded .allianz-calculator-app .wizard--simulator, html.embedded .modal-calculator .wizard--simulator {
  padding-bottom: 75px;
}

#app .wizard__loader, .allianz-calculator-app .wizard__loader, .modal-calculator .wizard__loader {
  top: 2.55556rem;
  left: 0;
}

#app .wizard__header, .allianz-calculator-app .wizard__header, .modal-calculator .wizard__header {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 0.55556rem 0;
  background: #5a5360;
  color: #ffffff;
}

#app .wizard--simulator .step--1, .allianz-calculator-app .wizard--simulator .step--1, .modal-calculator .wizard--simulator .step--1 {
  height: 30rem;
}

#app .wizard--timeline, .allianz-calculator-app .wizard--timeline, .modal-calculator .wizard--timeline {
  background: #f4fbfb;
}

#app .wizard--timeline .step, .allianz-calculator-app .wizard--timeline .step, .modal-calculator .wizard--timeline .step {
  padding-top: 0;
  padding-bottom: 0;
}

#app .wizard--timeline .step:not(.step--0), .allianz-calculator-app .wizard--timeline .step:not(.step--0), .modal-calculator .wizard--timeline .step:not(.step--0) {
  background: #F1F9FA;
}

#app .step-indicator, .allianz-calculator-app .step-indicator, .modal-calculator .step-indicator {
  display: inline-block;
  cursor: pointer;
  pointer-events: none;
  -webkit-user-select: none;
      -ms-user-select: none;
          user-select: none;
}

#app .step-indicator:hover, .allianz-calculator-app .step-indicator:hover, .modal-calculator .step-indicator:hover {
  opacity: 0.7;
}

#app .step-indicator--active, #app .step-indicator--valid, .allianz-calculator-app .step-indicator--active, .allianz-calculator-app .step-indicator--valid, .modal-calculator .step-indicator--active, .modal-calculator .step-indicator--valid {
  pointer-events: all;
}

#app .step-indicator--dot, .allianz-calculator-app .step-indicator--dot, .modal-calculator .step-indicator--dot {
  margin: 0 1.38889rem;
  width: 0.44444rem;
  height: 0.44444rem;
  border-radius: 50%;
  background: #cad4de;
}

#app .step-indicator--dot.step-indicator--active, .allianz-calculator-app .step-indicator--dot.step-indicator--active, .modal-calculator .step-indicator--dot.step-indicator--active {
  width: 0.38889rem;
  height: 0.38889rem;
  border: 0.22222rem solid #5a5360;
  background: #7fe4e0;
  box-shadow: 0 0 0 0.11111rem #7fe4e0;
  vertical-align: middle;
}

#app .step-indicator--dot.step-indicator--active, .allianz-calculator-app .step-indicator--dot.step-indicator--active, .modal-calculator .step-indicator--dot.step-indicator--active {
  animation-duration: 0.3s;
  animation-name: growShrink;
}

#app .step-indicator--custom:hover,
#app .step-indicator--active:hover, .allianz-calculator-app .step-indicator--custom:hover,
.allianz-calculator-app .step-indicator--active:hover, .modal-calculator .step-indicator--custom:hover,
.modal-calculator .step-indicator--active:hover {
  opacity: 1;
}

#app .step-indicator--active, .allianz-calculator-app .step-indicator--active, .modal-calculator .step-indicator--active {
  cursor: default;
}

#app .step-indicator--valid, .allianz-calculator-app .step-indicator--valid, .modal-calculator .step-indicator--valid {
  transition: opacity 0.3s linear;
}

#app .step-indicator--title, .allianz-calculator-app .step-indicator--title, .modal-calculator .step-indicator--title {
  line-height: 1.22222rem;
  font-size: 0.77778rem;
  margin-bottom: 0;
  font-weight: normal;
  font-family: "AllianzNeoRegular";
  padding: 0 1.11111rem;
  position: relative;
  color: #ffffff;
}

@media screen and (min-width: 1200px) {
  #app .step-indicator--title, .allianz-calculator-app .step-indicator--title, .modal-calculator .step-indicator--title {
    padding: 0 1.38889rem;
  }
}

#app .step-indicator--title.step-indicator--active, .allianz-calculator-app .step-indicator--title.step-indicator--active, .modal-calculator .step-indicator--title.step-indicator--active {
  font-weight: normal;
  font-family: "AllianzNeoBold";
  color: #7fe4e0;
}

#app .step-indicator--title.step-indicator--active .label:after, .allianz-calculator-app .step-indicator--title.step-indicator--active .label:after, .modal-calculator .step-indicator--title.step-indicator--active .label:after {
  content: '';
  display: block;
  width: 0;
  height: 0;
  border-style: solid;
  -moz-transform: scale(0.9999);
  border-width: 0 0.55556rem 0.55556rem 0.55556rem;
  border-color: transparent transparent #c3e8e7 transparent;
  position: absolute;
  bottom: -0.77778rem;
  left: 50%;
  margin-left: -0.55556rem;
}

#app .step-indicator--custom, .allianz-calculator-app .step-indicator--custom, .modal-calculator .step-indicator--custom {
  position: relative;
}

#app .step-indicator--custom .button, .allianz-calculator-app .step-indicator--custom .button, .modal-calculator .step-indicator--custom .button {
  position: absolute;
  top: -1.27778rem;
  width: 7.88889rem;
  border-color: #ffffff;
  background: transparent;
  color: #ffffff;
}

#app .step-indicator--custom .button:hover,
#app .wizard--timeline .step-indicator--custom.step-indicator--active .button, .allianz-calculator-app .step-indicator--custom .button:hover,
.allianz-calculator-app .wizard--timeline .step-indicator--custom.step-indicator--active .button, .modal-calculator .step-indicator--custom .button:hover,
.modal-calculator .wizard--timeline .step-indicator--custom.step-indicator--active .button {
  background: #ffffff;
  color: #5a5360;
}

#app .step-indicator--hidden, .allianz-calculator-app .step-indicator--hidden, .modal-calculator .step-indicator--hidden {
  display: none;
  visibility: hidden;
}

#app .step, .allianz-calculator-app .step, .modal-calculator .step {
  display: none;
  padding: 2.77778rem 0 0.83333rem 0;
  will-change: "opacity";
}

#app .step--active, .allianz-calculator-app .step--active, .modal-calculator .step--active {
  display: block;
}

#app .step--active, .allianz-calculator-app .step--active, .modal-calculator .step--active {
  animation-duration: 0.3s;
  animation-name: fadeIn;
}

.tippy-touch{cursor:pointer!important}.tippy-notransition{transition:none!important}.tippy-popper{max-width:22.22222rem;perspective:44.44444rem;z-index:9999;outline:0;transition-timing-function:cubic-bezier(.165,.84,.44,1);pointer-events:none}.tippy-popper.html-template{max-width:96%;max-width:calc(100% - 20px)}.tippy-popper[x-placement^=top] [x-arrow]{border-top:0.38889rem solid #333;border-right:0.38889rem solid transparent;border-left:0.38889rem solid transparent;bottom:-0.38889rem;margin:0 0.5rem}.tippy-popper[x-placement^=top] [x-arrow].arrow-small{border-top:0.27778rem solid #333;border-right:0.27778rem solid transparent;border-left:0.27778rem solid transparent;bottom:-0.27778rem}.tippy-popper[x-placement^=top] [x-arrow].arrow-big{border-top:0.55556rem solid #333;border-right:0.55556rem solid transparent;border-left:0.55556rem solid transparent;bottom:-0.55556rem}.tippy-popper[x-placement^=top] [x-circle]{transform-origin:0 33%}.tippy-popper[x-placement^=top] [x-circle].enter{transform:scale(1) translate(-50%,-55%);opacity:1}.tippy-popper[x-placement^=top] [x-circle].leave{transform:scale(.15) translate(-50%,-50%);opacity:0}.tippy-popper[x-placement^=top] .tippy-tooltip.light-theme [x-circle]{background-color:#fff}.tippy-popper[x-placement^=top] .tippy-tooltip.light-theme [x-arrow]{border-top:0.38889rem solid #fff;border-right:0.38889rem solid transparent;border-left:0.38889rem solid transparent}.tippy-popper[x-placement^=top] .tippy-tooltip.light-theme [x-arrow].arrow-small{border-top:0.27778rem solid #fff;border-right:0.27778rem solid transparent;border-left:0.27778rem solid transparent}.tippy-popper[x-placement^=top] .tippy-tooltip.light-theme [x-arrow].arrow-big{border-top:0.55556rem solid #fff;border-right:0.55556rem solid transparent;border-left:0.55556rem solid transparent}.tippy-popper[x-placement^=top] .tippy-tooltip.transparent-theme [x-circle]{background-color:rgba(0,0,0,.7)}.tippy-popper[x-placement^=top] .tippy-tooltip.transparent-theme [x-arrow]{border-top:0.38889rem solid rgba(0,0,0,.7);border-right:0.38889rem solid transparent;border-left:0.38889rem solid transparent}.tippy-popper[x-placement^=top] .tippy-tooltip.transparent-theme [x-arrow].arrow-small{border-top:0.27778rem solid rgba(0,0,0,.7);border-right:0.27778rem solid transparent;border-left:0.27778rem solid transparent}.tippy-popper[x-placement^=top] .tippy-tooltip.transparent-theme [x-arrow].arrow-big{border-top:0.55556rem solid rgba(0,0,0,.7);border-right:0.55556rem solid transparent;border-left:0.55556rem solid transparent}.tippy-popper[x-placement^=top] [data-animation=perspective]{transform-origin:bottom}.tippy-popper[x-placement^=top] [data-animation=perspective].enter{opacity:1;transform:translateY(-0.55556rem) rotateX(0)}.tippy-popper[x-placement^=top] [data-animation=perspective].leave{opacity:0;transform:translateY(0) rotateX(90deg)}.tippy-popper[x-placement^=top] [data-animation=fade].enter{opacity:1;transform:translateY(-0.55556rem)}.tippy-popper[x-placement^=top] [data-animation=fade].leave{opacity:0;transform:translateY(-0.55556rem)}.tippy-popper[x-placement^=top] [data-animation=shift].enter{opacity:1;transform:translateY(-0.55556rem)}.tippy-popper[x-placement^=top] [data-animation=shift].leave{opacity:0;transform:translateY(0)}.tippy-popper[x-placement^=top] [data-animation=scale].enter{opacity:1;transform:translateY(-0.55556rem) scale(1)}.tippy-popper[x-placement^=top] [data-animation=scale].leave{opacity:0;transform:translateY(0) scale(0)}.tippy-popper[x-placement^=bottom] [x-arrow]{border-bottom:0.38889rem solid #333;border-right:0.38889rem solid transparent;border-left:0.38889rem solid transparent;top:-0.38889rem;margin:0 0.5rem}.tippy-popper[x-placement^=bottom] [x-arrow].arrow-small{border-bottom:0.27778rem solid #333;border-right:0.27778rem solid transparent;border-left:0.27778rem solid transparent;top:-0.27778rem}.tippy-popper[x-placement^=bottom] [x-arrow].arrow-big{border-bottom:0.55556rem solid #333;border-right:0.55556rem solid transparent;border-left:0.55556rem solid transparent;top:-0.55556rem}.tippy-popper[x-placement^=bottom] [x-circle]{transform-origin:0 -50%}.tippy-popper[x-placement^=bottom] [x-circle].enter{transform:scale(1) translate(-50%,-45%);opacity:1}.tippy-popper[x-placement^=bottom] [x-circle].leave{transform:scale(.15) translate(-50%,-5%);opacity:0}.tippy-popper[x-placement^=bottom] .tippy-tooltip.light-theme [x-circle]{background-color:#fff}.tippy-popper[x-placement^=bottom] .tippy-tooltip.light-theme [x-arrow]{border-bottom:0.38889rem solid #fff;border-right:0.38889rem solid transparent;border-left:0.38889rem solid transparent}.tippy-popper[x-placement^=bottom] .tippy-tooltip.light-theme [x-arrow].arrow-small{border-bottom:0.27778rem solid #fff;border-right:0.27778rem solid transparent;border-left:0.27778rem solid transparent}.tippy-popper[x-placement^=bottom] .tippy-tooltip.light-theme [x-arrow].arrow-big{border-bottom:0.55556rem solid #fff;border-right:0.55556rem solid transparent;border-left:0.55556rem solid transparent}.tippy-popper[x-placement^=bottom] .tippy-tooltip.transparent-theme [x-circle]{background-color:rgba(0,0,0,.7)}.tippy-popper[x-placement^=bottom] .tippy-tooltip.transparent-theme [x-arrow]{border-bottom:0.38889rem solid rgba(0,0,0,.7);border-right:0.38889rem solid transparent;border-left:0.38889rem solid transparent}.tippy-popper[x-placement^=bottom] .tippy-tooltip.transparent-theme [x-arrow].arrow-small{border-bottom:0.27778rem solid rgba(0,0,0,.7);border-right:0.27778rem solid transparent;border-left:0.27778rem solid transparent}.tippy-popper[x-placement^=bottom] .tippy-tooltip.transparent-theme [x-arrow].arrow-big{border-bottom:0.55556rem solid rgba(0,0,0,.7);border-right:0.55556rem solid transparent;border-left:0.55556rem solid transparent}.tippy-popper[x-placement^=bottom] [data-animation=perspective]{transform-origin:top}.tippy-popper[x-placement^=bottom] [data-animation=perspective].enter{opacity:1;transform:translateY(0.55556rem) rotateX(0)}.tippy-popper[x-placement^=bottom] [data-animation=perspective].leave{opacity:0;transform:translateY(0) rotateX(-90deg)}.tippy-popper[x-placement^=bottom] [data-animation=fade].enter{opacity:1;transform:translateY(0.55556rem)}.tippy-popper[x-placement^=bottom] [data-animation=fade].leave{opacity:0;transform:translateY(0.55556rem)}.tippy-popper[x-placement^=bottom] [data-animation=shift].enter{opacity:1;transform:translateY(0.55556rem)}.tippy-popper[x-placement^=bottom] [data-animation=shift].leave{opacity:0;transform:translateY(0)}.tippy-popper[x-placement^=bottom] [data-animation=scale].enter{opacity:1;transform:translateY(0.55556rem) scale(1)}.tippy-popper[x-placement^=bottom] [data-animation=scale].leave{opacity:0;transform:translateY(0) scale(0)}.tippy-popper[x-placement^=left] [x-arrow]{border-left:0.38889rem solid #333;border-top:0.38889rem solid transparent;border-bottom:0.38889rem solid transparent;right:-0.38889rem;margin:0.33333rem 0}.tippy-popper[x-placement^=left] [x-arrow].arrow-small{border-left:0.27778rem solid #333;border-top:0.27778rem solid transparent;border-bottom:0.27778rem solid transparent;right:-0.27778rem}.tippy-popper[x-placement^=left] [x-arrow].arrow-big{border-left:0.55556rem solid #333;border-top:0.55556rem solid transparent;border-bottom:0.55556rem solid transparent;right:-0.55556rem}.tippy-popper[x-placement^=left] [x-circle]{transform-origin:50% 0}.tippy-popper[x-placement^=left] [x-circle].enter{transform:scale(1) translate(-50%,-50%);opacity:1}.tippy-popper[x-placement^=left] [x-circle].leave{transform:scale(.15) translate(-50%,-50%);opacity:0}.tippy-popper[x-placement^=left] .tippy-tooltip.light-theme [x-circle]{background-color:#fff}.tippy-popper[x-placement^=left] .tippy-tooltip.light-theme [x-arrow]{border-left:0.38889rem solid #fff;border-top:0.38889rem solid transparent;border-bottom:0.38889rem solid transparent}.tippy-popper[x-placement^=left] .tippy-tooltip.light-theme [x-arrow].arrow-small{border-left:0.27778rem solid #fff;border-top:0.27778rem solid transparent;border-bottom:0.27778rem solid transparent}.tippy-popper[x-placement^=left] .tippy-tooltip.light-theme [x-arrow].arrow-big{border-left:0.55556rem solid #fff;border-top:0.55556rem solid transparent;border-bottom:0.55556rem solid transparent}.tippy-popper[x-placement^=left] .tippy-tooltip.transparent-theme [x-circle]{background-color:rgba(0,0,0,.7)}.tippy-popper[x-placement^=left] .tippy-tooltip.transparent-theme [x-arrow]{border-left:0.38889rem solid rgba(0,0,0,.7);border-top:0.38889rem solid transparent;border-bottom:0.38889rem solid transparent}.tippy-popper[x-placement^=left] .tippy-tooltip.transparent-theme [x-arrow].arrow-small{border-left:0.27778rem solid rgba(0,0,0,.7);border-top:0.27778rem solid transparent;border-bottom:0.27778rem solid transparent}.tippy-popper[x-placement^=left] .tippy-tooltip.transparent-theme [x-arrow].arrow-big{border-left:0.55556rem solid rgba(0,0,0,.7);border-top:0.55556rem solid transparent;border-bottom:0.55556rem solid transparent}.tippy-popper[x-placement^=left] [data-animation=perspective]{transform-origin:right}.tippy-popper[x-placement^=left] [data-animation=perspective].enter{opacity:1;transform:translateX(-0.55556rem) rotateY(0)}.tippy-popper[x-placement^=left] [data-animation=perspective].leave{opacity:0;transform:translateX(0) rotateY(-90deg)}.tippy-popper[x-placement^=left] [data-animation=fade].enter{opacity:1;transform:translateX(-0.55556rem)}.tippy-popper[x-placement^=left] [data-animation=fade].leave{opacity:0;transform:translateX(-0.55556rem)}.tippy-popper[x-placement^=left] [data-animation=shift].enter{opacity:1;transform:translateX(-0.55556rem)}.tippy-popper[x-placement^=left] [data-animation=shift].leave{opacity:0;transform:translateX(0)}.tippy-popper[x-placement^=left] [data-animation=scale].enter{opacity:1;transform:translateX(-0.55556rem) scale(1)}.tippy-popper[x-placement^=left] [data-animation=scale].leave{opacity:0;transform:translateX(0) scale(0)}.tippy-popper[x-placement^=right] [x-arrow]{border-right:0.38889rem solid #333;border-top:0.38889rem solid transparent;border-bottom:0.38889rem solid transparent;left:-0.38889rem;margin:0.33333rem 0}.tippy-popper[x-placement^=right] [x-arrow].arrow-small{border-right:0.27778rem solid #333;border-top:0.27778rem solid transparent;border-bottom:0.27778rem solid transparent;left:-0.27778rem}.tippy-popper[x-placement^=right] [x-arrow].arrow-big{border-right:0.55556rem solid #333;border-top:0.55556rem solid transparent;border-bottom:0.55556rem solid transparent;left:-0.55556rem}.tippy-popper[x-placement^=right] [x-circle]{transform-origin:-50% 0}.tippy-popper[x-placement^=right] [x-circle].enter{transform:scale(1) translate(-50%,-50%);opacity:1}.tippy-popper[x-placement^=right] [x-circle].leave{transform:scale(.15) translate(-50%,-50%);opacity:0}.tippy-popper[x-placement^=right] .tippy-tooltip.light-theme [x-circle]{background-color:#fff}.tippy-popper[x-placement^=right] .tippy-tooltip.light-theme [x-arrow]{border-right:0.38889rem solid #fff;border-top:0.38889rem solid transparent;border-bottom:0.38889rem solid transparent}.tippy-popper[x-placement^=right] .tippy-tooltip.light-theme [x-arrow].arrow-small{border-right:0.27778rem solid #fff;border-top:0.27778rem solid transparent;border-bottom:0.27778rem solid transparent}.tippy-popper[x-placement^=right] .tippy-tooltip.light-theme [x-arrow].arrow-big{border-right:0.55556rem solid #fff;border-top:0.55556rem solid transparent;border-bottom:0.55556rem solid transparent}.tippy-popper[x-placement^=right] .tippy-tooltip.transparent-theme [x-circle]{background-color:rgba(0,0,0,.7)}.tippy-popper[x-placement^=right] .tippy-tooltip.transparent-theme [x-arrow]{border-right:0.38889rem solid rgba(0,0,0,.7);border-top:0.38889rem solid transparent;border-bottom:0.38889rem solid transparent}.tippy-popper[x-placement^=right] .tippy-tooltip.transparent-theme [x-arrow].arrow-small{border-right:0.27778rem solid rgba(0,0,0,.7);border-top:0.27778rem solid transparent;border-bottom:0.27778rem solid transparent}.tippy-popper[x-placement^=right] .tippy-tooltip.transparent-theme [x-arrow].arrow-big{border-right:0.55556rem solid rgba(0,0,0,.7);border-top:0.55556rem solid transparent;border-bottom:0.55556rem solid transparent}.tippy-popper[x-placement^=right] [data-animation=perspective]{transform-origin:left}.tippy-popper[x-placement^=right] [data-animation=perspective].enter{opacity:1;transform:translateX(0.55556rem) rotateY(0)}.tippy-popper[x-placement^=right] [data-animation=perspective].leave{opacity:0;transform:translateX(0) rotateY(90deg)}.tippy-popper[x-placement^=right] [data-animation=fade].enter{opacity:1;transform:translateX(0.55556rem)}.tippy-popper[x-placement^=right] [data-animation=fade].leave{opacity:0;transform:translateX(0.55556rem)}.tippy-popper[x-placement^=right] [data-animation=shift].enter{opacity:1;transform:translateX(0.55556rem)}.tippy-popper[x-placement^=right] [data-animation=shift].leave{opacity:0;transform:translateX(0)}.tippy-popper[x-placement^=right] [data-animation=scale].enter{opacity:1;transform:translateX(0.55556rem) scale(1)}.tippy-popper[x-placement^=right] [data-animation=scale].leave{opacity:0;transform:translateX(0) scale(0)}.tippy-popper .tippy-tooltip.transparent-theme{background-color:rgba(0,0,0,.7)}.tippy-popper .tippy-tooltip.transparent-theme[data-animatefill]{background-color:transparent}.tippy-popper .tippy-tooltip.light-theme{color:#26323d;box-shadow:0 0.22222rem 1.11111rem 0.22222rem rgba(0,20,60,.1),0 0.22222rem 4.44444rem -0.44444rem rgba(0,20,60,.2);background-color:#fff}.tippy-popper .tippy-tooltip.light-theme[data-animatefill]{background-color:transparent}.tippy-tooltip{position:relative;color:#fff;border-radius:0.22222rem;font-size:.95rem;padding:.4rem .8rem;text-align:center;will-change:transform;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#333}.tippy-tooltip--small{padding:.25rem .5rem;font-size:.8rem}.tippy-tooltip--big{padding:.6rem 1.2rem;font-size:1.2rem}.tippy-tooltip[data-animatefill]{overflow:hidden;background-color:transparent}.tippy-tooltip[data-interactive]{pointer-events:auto}.tippy-tooltip[data-inertia]{transition-timing-function:cubic-bezier(.53,2,.36,.85)}.tippy-tooltip [x-arrow]{position:absolute;width:0;height:0}.tippy-tooltip [x-circle]{position:absolute;will-change:transform;background-color:#333;border-radius:50%;width:130%;width:calc(110% + 2rem);left:50%;top:50%;z-index:-1;overflow:hidden;transition:all ease}.tippy-tooltip [x-circle]:before{content:"";padding-top:90%;float:left}@media (max-width:450px){.tippy-popper{max-width:96%;max-width:calc(100% - 1.11111rem)}}

@charset "UTF-8";
::selection {
  background-color: rgba(90, 83, 96, 0.2);
  color: #5a5360;
}

::-moz-selection {
  background-color: rgba(90, 83, 96, 0.2);
  color: #5a5360;
}

* {
  vertical-align: baseline;
}

*,
*::before,
*::after {
  text-rendering: optimizeLegibility;
  -webkit-text-size-adjust: 100%;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -webkit-touch-callout: none;
  -webkit-tap-highlight-color: transparent;
}

@font-face {
  font-weight: 300;
  font-style: normal;
  font-family: "AllianzNeoLight";
  src: url(../../../../../etc.clientlibs/onemarketing/azau/rio/clientlibs/calculator/resources/fonts/1fcafbf51b1b18d1e1dd5e0b1ef7e811.eot);
  src: url(../../../../../etc.clientlibs/onemarketing/azau/rio/clientlibs/calculator/resources/fonts/1fcafbf51b1b18d1e1dd5e0b1ef7e811.eot?#iefix) format("embedded-opentype"), url(../../../../../etc.clientlibs/onemarketing/azau/rio/clientlibs/calculator/resources/fonts/4fda3f1dac9fb32c6c802aa64adcdbf5.woff) format("woff"), url(../../../../../etc.clientlibs/onemarketing/azau/rio/clientlibs/calculator/resources/fonts/dcdaca0454e97b70c52dac02ac0182ff.ttf) format("truetype"), url(../../../../../etc.clientlibs/onemarketing/azau/rio/clientlibs/calculator/resources/fonts/ed5f6b744fb01fe4432aa6e72ee0974a.svg#light) format("svg");
}

@font-face {
  font-weight: 300;
  font-style: italic;
  font-family: "AllianzNeoLightItalic";
  src: url(../../../../../etc.clientlibs/onemarketing/azau/rio/clientlibs/calculator/resources/fonts/583b1a1bd45d2d7b9d620c21ab29b7f3.eot);
  src: url(../../../../../etc.clientlibs/onemarketing/azau/rio/clientlibs/calculator/resources/fonts/583b1a1bd45d2d7b9d620c21ab29b7f3.eot?#iefix) format("embedded-opentype"), url(../../../../../etc.clientlibs/onemarketing/azau/rio/clientlibs/calculator/resources/fonts/11c53fc0c7e7f0e9d5b2507342855586.woff) format("woff"), url(../../../../../etc.clientlibs/onemarketing/azau/rio/clientlibs/calculator/resources/fonts/211fd945a8f796871e3ec301bbf553d1.ttf) format("truetype"), url(../../../../../etc.clientlibs/onemarketing/azau/rio/clientlibs/calculator/resources/fonts/9c98fbc89b3ab3049019e7ff4758e6a2.svg#light-italic) format("svg");
}

@font-face {
  font-weight: normal;
  font-style: normal;
  font-family: "AllianzNeoRegular";
  src: url(../../../../../etc.clientlibs/onemarketing/azau/rio/clientlibs/calculator/resources/fonts/2f20a83b58034d97a4004854821f19d3.eot);
  src: url(../../../../../etc.clientlibs/onemarketing/azau/rio/clientlibs/calculator/resources/fonts/2f20a83b58034d97a4004854821f19d3.eot?#iefix) format("embedded-opentype"), url(../../../../../etc.clientlibs/onemarketing/azau/rio/clientlibs/calculator/resources/fonts/8ac0ee8f5121387277256b8aab56275d.woff) format("woff"), url(../../../../../etc.clientlibs/onemarketing/azau/rio/clientlibs/calculator/resources/fonts/34d33c3d344abdc0859d3c08c6da8894.ttf) format("truetype"), url(../../../../../etc.clientlibs/onemarketing/azau/rio/clientlibs/calculator/resources/fonts/5ff5a64e53a7c83efdc2e481dcb62f51.svg#regular) format("svg");
}

@font-face {
  font-weight: 400;
  font-style: italic;
  font-family: "AllianzNeoItalic";
  src: url(../../../../../etc.clientlibs/onemarketing/azau/rio/clientlibs/calculator/resources/fonts/92f23b6ce61e41fb0cc540627d03b71b.eot);
  src: url(../../../../../etc.clientlibs/onemarketing/azau/rio/clientlibs/calculator/resources/fonts/92f23b6ce61e41fb0cc540627d03b71b.eot?#iefix) format("embedded-opentype"), url(../../../../../etc.clientlibs/onemarketing/azau/rio/clientlibs/calculator/resources/fonts/21d054dcfbf2cb0c6535ddd3541a02ae.woff) format("woff"), url(../../../../../etc.clientlibs/onemarketing/azau/rio/clientlibs/calculator/resources/fonts/f2a8cd5dfb4e89a4b75c35a447fd7057.ttf) format("truetype"), url(../../../../../etc.clientlibs/onemarketing/azau/rio/clientlibs/calculator/resources/fonts/234c6e92f0076ce654aafe105ee777bc.svg#italic) format("svg");
}

@font-face {
  font-weight: 600;
  font-style: normal;
  font-family: "AllianzNeoSemiBold";
  src: url(../../../../../etc.clientlibs/onemarketing/azau/rio/clientlibs/calculator/resources/fonts/a5658d33f3bcd98073323d340d218c11.eot);
  src: url(../../../../../etc.clientlibs/onemarketing/azau/rio/clientlibs/calculator/resources/fonts/a5658d33f3bcd98073323d340d218c11.eot?#iefix) format("embedded-opentype"), url(../../../../../etc.clientlibs/onemarketing/azau/rio/clientlibs/calculator/resources/fonts/d8d6907ce8340d3e78f4e073f34f8efd.woff) format("woff"), url(../../../../../etc.clientlibs/onemarketing/azau/rio/clientlibs/calculator/resources/fonts/d2927786ad17db3efd407551c93758ff.ttf) format("truetype"), url(../../../../../etc.clientlibs/onemarketing/azau/rio/clientlibs/calculator/resources/fonts/34261b836e240dfa562e98a51abef5fd.svg#semi-bold) format("svg");
}

@font-face {
  font-weight: 600;
  font-style: normal;
  font-family: "AllianzNeoSemiBoldItalic";
  src: url(../../../../../etc.clientlibs/onemarketing/azau/rio/clientlibs/calculator/resources/fonts/9d62bb558bb318b7ba148207aa9a015d.eot);
  src: url(../../../../../etc.clientlibs/onemarketing/azau/rio/clientlibs/calculator/resources/fonts/9d62bb558bb318b7ba148207aa9a015d.eot?#iefix) format("embedded-opentype"), url(../../../../../etc.clientlibs/onemarketing/azau/rio/clientlibs/calculator/resources/fonts/2da9317ebe113b789dd7575170bd3817.woff) format("woff"), url(../../../../../etc.clientlibs/onemarketing/azau/rio/clientlibs/calculator/resources/fonts/d6c459f395ccac530cbed93552304e85.ttf) format("truetype"), url(../../../../../etc.clientlibs/onemarketing/azau/rio/clientlibs/calculator/resources/fonts/5ef948abeed4f4d8fdf10d6068d60620.svg#semi-bold-italic) format("svg");
}

@font-face {
  font-weight: 700;
  font-style: normal;
  font-family: "AllianzNeoBold";
  src: url(../../../../../etc.clientlibs/onemarketing/azau/rio/clientlibs/calculator/resources/fonts/a5f604c4e8932e1a81c94b1dd71586c9.eot);
  src: url(../../../../../etc.clientlibs/onemarketing/azau/rio/clientlibs/calculator/resources/fonts/a5f604c4e8932e1a81c94b1dd71586c9.eot?#iefix) format("embedded-opentype"), url(../../../../../etc.clientlibs/onemarketing/azau/rio/clientlibs/calculator/resources/fonts/4545e1874baa8467426c8b7a78e075e5.woff) format("woff"), url(../../../../../etc.clientlibs/onemarketing/azau/rio/clientlibs/calculator/resources/fonts/b87967bdb320ddb659c258d0f94fd73d.ttf) format("truetype"), url(../../../../../etc.clientlibs/onemarketing/azau/rio/clientlibs/calculator/resources/fonts/621be0d95b9e5f6a2aa19dce474dbdc0.svg#bold) format("svg");
}

@font-face {
  font-weight: 700;
  font-style: normal;
  font-family: "AllianzNeoBoldItalic";
  src: url(../../../../../etc.clientlibs/onemarketing/azau/rio/clientlibs/calculator/resources/fonts/040c8c0582e115b24ae68bcb186a5c43.eot);
  src: url(../../../../../etc.clientlibs/onemarketing/azau/rio/clientlibs/calculator/resources/fonts/040c8c0582e115b24ae68bcb186a5c43.eot?#iefix) format("embedded-opentype"), url(../../../../../etc.clientlibs/onemarketing/azau/rio/clientlibs/calculator/resources/fonts/a825f4992c4dad38ae996b69cfa652f0.woff) format("woff"), url(../../../../../etc.clientlibs/onemarketing/azau/rio/clientlibs/calculator/resources/fonts/67152a7c7b5c48ca0c9a855805a1410f.ttf) format("truetype"), url(../../../../../etc.clientlibs/onemarketing/azau/rio/clientlibs/calculator/resources/fonts/5969d260f7a4c3c38da0549e34763f97.svg#bold-italic) format("svg");
}

html {
  font-size: 18px;
  color: #414141;
  font-weight: normal;
  font-family: "AllianzNeoRegular";
}

body {
  line-height: 1.66667rem;
  font-size: 1rem;
  margin-bottom: 1.66667rem;
  font-weight: normal;
  font-family: "AllianzNeoRegular";
  background-image: radial-gradient(circle, #f4f3f4, #eeecee, #e9e6e9, #e3dfe3, #ddd9de);
}

html,
body,
main,
article {
  margin: 0;
}

html:not(.embedded),
html:not(.embedded) body,
html:not(.embedded) main,
html:not(.embedded) article {
  height: 100%;
}

#app h1,
#app h2,
#app h3,
#app h4,
#app h5,
#app h6,
#app p, .allianz-calculator-app h1,
.allianz-calculator-app h2,
.allianz-calculator-app h3,
.allianz-calculator-app h4,
.allianz-calculator-app h5,
.allianz-calculator-app h6,
.allianz-calculator-app p, .modal-calculator h1,
.modal-calculator h2,
.modal-calculator h3,
.modal-calculator h4,
.modal-calculator h5,
.modal-calculator h6,
.modal-calculator p {
  margin: 0;
}

#app h1, .allianz-calculator-app h1, .modal-calculator h1 {
  line-height: 3.44444rem;
  font-size: 3rem;
  color: #008e9e;
  margin-bottom: 1.72222rem;
  font-weight: 700;
  font-family: "AllianzNeoBold";
}

#app h2, .allianz-calculator-app h2, .modal-calculator h2 {
  line-height: 2.66667rem;
  font-size: 2.22222rem;
  color: #008e9e;
  margin-bottom: 1.33333rem;
  font-weight: normal;
  font-family: "AllianzNeoRegular";
}

#app h3, .allianz-calculator-app h3, .modal-calculator h3 {
  line-height: 2.11111rem;
  font-size: 1.66667rem;
  color: #008e9e;
  margin-bottom: 2.11111rem;
  font-weight: 300;
  font-family: "AllianzNeoLight";
}

#app h4, .allianz-calculator-app h4, .modal-calculator h4 {
  line-height: 1.88889rem;
  font-size: 1.44444rem;
  margin-bottom: 1.88889rem;
  font-weight: normal;
  font-family: "AllianzNeoRegular";
}

#app h5, .allianz-calculator-app h5, .modal-calculator h5 {
  line-height: 1.77778rem;
  font-size: 1.33333rem;
  margin-bottom: 1.77778rem;
  font-weight: normal;
  font-family: "AllianzNeoRegular";
}

#app h6, .allianz-calculator-app h6, .modal-calculator h6 {
  line-height: 1.55556rem;
  font-size: 1.11111rem;
  margin-bottom: 1.55556rem;
  font-weight: normal;
  font-family: "AllianzNeoRegular";
}

#app h2 span, .allianz-calculator-app h2 span, .modal-calculator h2 span {
  display: block;
}

#app ul, .allianz-calculator-app ul, .modal-calculator ul {
  margin: 0;
  padding: 0;
}

#app div p, .allianz-calculator-app div p, .modal-calculator div p {
  padding-bottom: 1.66667rem;
}

#app div p:last-child, .allianz-calculator-app div p:last-child, .modal-calculator div p:last-child {
  padding-bottom: 0;
}

#app img, .allianz-calculator-app img, .modal-calculator img {
  width: 100%;
  height: 100%;
}

#app button, .allianz-calculator-app button, .modal-calculator button {
  width: 100%;
  outline: none;
  border: none;
}

#app table, .allianz-calculator-app table, .modal-calculator table {
  padding-bottom: 2.77778rem;
  width: 100%;
}

#app thead th, .allianz-calculator-app thead th, .modal-calculator thead th {
  line-height: 1.22222rem;
  font-size: 0.77778rem;
  color: #008e9e;
  margin-bottom: 1.22222rem;
  font-weight: 600;
  font-family: "AllianzNeoSemiBoldItalic";
  padding-bottom: 0.27778rem;
  border-bottom: 0.05556rem solid #008e9e;
  text-align: left;
}

#app tbody td, .allianz-calculator-app tbody td, .modal-calculator tbody td {
  padding: 0.83333rem 0 0.27778rem 0;
  border-bottom: 0.05556rem solid #4a4a4a;
  vertical-align: top;
}

#app tbody tr td:first-child, .allianz-calculator-app tbody tr td:first-child, .modal-calculator tbody tr td:first-child {
  line-height: 1.66667rem;
  font-size: 1rem;
  color: #414141;
  margin-bottom: 1.66667rem;
  font-weight: normal;
  font-family: "AllianzNeoBold";
}

.icon {
  width: 100%;
  height: 100%;
}

.logo .label--light {
  color: #ffffff;
}

.logo .label--bold {
  color: #7fe4e0;
}

@keyframes growShrink {
  50% {
    transform: scale(1.2);
    transform: scale(1.2);
    transform: scale(1.2);
  }
  100% {
    transform: scale(1);
    transform: scale(1);
    transform: scale(1);
  }
}

@keyframes zoomIn {
  0% {
    transform: scale(0.5);
    opacity: 0;
    transform: scale(0.5);
    opacity: 0;
    transform: scale(0.5);
    opacity: 0;
  }
  50% {
    transform: scale(1);
    opacity: 0.5;
    transform: scale(1);
    opacity: 0.5;
    transform: scale(1);
    opacity: 0.5;
  }
  80% {
    transform: scale(1.2);
    opacity: 1;
    transform: scale(1.2);
    opacity: 1;
    transform: scale(1.2);
    opacity: 1;
  }
  100% {
    transform: scale(1);
    opacity: 1;
    transform: scale(1);
    opacity: 1;
    transform: scale(1);
    opacity: 1;
  }
}

@keyframes zoomOut {
  100% {
    transform: scale(1.25, 1.25);
    opacity: 0;
    transform: scale(1.25, 1.25);
    opacity: 0;
    transform: scale(1.25, 1.25);
    opacity: 0;
  }
}

@keyframes fadeIn {
  from {
    opacity: 0;
    opacity: 0;
    opacity: 0;
  }
  to {
    opacity: 1;
    opacity: 1;
    opacity: 1;
  }
}

@keyframes modalOpening {
  from {
    opacity: 0;
    transform: translate(-50%, 0%) scale(0.9);
    opacity: 0;
    transform: translate(-50%, 0%) scale(0.9);
    opacity: 0;
    transform: translate(-50%, 0%) scale(0.9);
  }
  50% {
    opacity: 1;
    opacity: 1;
    opacity: 1;
  }
  to {
    transform: translate(-50%, 0%) scale(1);
    transform: translate(-50%, 0%) scale(1);
    transform: translate(-50%, 0%) scale(1);
  }
}

@keyframes modalClosing {
  from {
    opacity: 1;
    transform: translate(-50%, 0%) scale(1);
    opacity: 1;
    transform: translate(-50%, 0%) scale(1);
    opacity: 1;
    transform: translate(-50%, 0%) scale(1);
  }
  to {
    opacity: 0;
    transform: translate(-50%, 0%) scale(0.9);
    opacity: 0;
    transform: translate(-50%, 0%) scale(0.9);
    opacity: 0;
    transform: translate(-50%, 0%) scale(0.9);
  }
}

@keyframes fadeOut {
  from {
    opacity: 1;
    opacity: 1;
    opacity: 1;
  }
  to {
    opacity: 0;
    opacity: 0;
    opacity: 0;
  }
}

@keyframes rotate {
  from {
    transform: rotate(0deg);
    transform: rotate(0deg);
    transform: rotate(0deg);
  }
  to {
    transform: rotate(359deg);
    transform: rotate(359deg);
    transform: rotate(359deg);
  }
}

@keyframes dots {
  0%,
  20% {
    color: #008e9e;
    text-shadow: 0.25em 0 0 #008e9e, 0.5em 0 0 #008e9e;
    color: #008e9e;
    text-shadow: 0.25em 0 0 #008e9e, 0.5em 0 0 #008e9e;
    color: #008e9e;
    text-shadow: 0.25em 0 0 #008e9e, 0.5em 0 0 #008e9e;
  }
  40% {
    color: white;
    text-shadow: 0.25em 0 0 #008e9e, 0.5em 0 0 #008e9e;
    color: white;
    text-shadow: 0.25em 0 0 #008e9e, 0.5em 0 0 #008e9e;
    color: white;
    text-shadow: 0.25em 0 0 #008e9e, 0.5em 0 0 #008e9e;
  }
  60% {
    text-shadow: 0.25em 0 0 white, 0.5em 0 0 #008e9e;
    text-shadow: 0.25em 0 0 white, 0.5em 0 0 #008e9e;
    text-shadow: 0.25em 0 0 white, 0.5em 0 0 #008e9e;
  }
  80%,
  100% {
    text-shadow: 0.25em 0 0 white, 0.5em 0 0 white;
    text-shadow: 0.25em 0 0 white, 0.5em 0 0 white;
    text-shadow: 0.25em 0 0 white, 0.5em 0 0 white;
  }
}

@keyframes yearOverviewHeaderAnimate {
  from {
    padding-top: 0;
    padding-bottom: 0;
    padding-top: 0;
    padding-bottom: 0;
    padding-top: 0;
    padding-bottom: 0;
  }
  to {
    padding-top: 0.83333rem;
    padding-bottom: 0.83333rem;
    @media screen and (min-width: 1200px) {
      padding-top: 1.66667rem;
      padding-bottom: 1.66667rem;
    }
    padding-top: 0.83333rem;
    padding-bottom: 0.83333rem;
    @media screen and (min-width: 1200px) {
      padding-top: 1.66667rem;
      padding-bottom: 1.66667rem;
    }
    padding-top: 0.83333rem;
    padding-bottom: 0.83333rem;
    @media screen and (min-width: 1200px) {
      padding-top: 1.66667rem;
      padding-bottom: 1.66667rem;
    }
  }
}

@keyframes growShrink {
}

@keyframes zoomIn {
}

@keyframes zoomOut {
}

@keyframes fadeIn {
}

@keyframes modalOpening {
}

@keyframes modalClosing {
}

@keyframes fadeOut {
}

@keyframes rotate {
}

@keyframes dots {
}

@keyframes yearOverviewHeaderAnimate {
}

html.embedded .loader:not(.loader--bar) .loader {
  min-height: 768px;
}

.loader--bar {
  position: fixed;
  z-index: 100;
  height: 0.22222rem;
  background: #7fe4e0;
  opacity: 1;
  transition: width 500ms ease-out, height 500ms ease-out;
}

.loader--graphic {
  position: absolute;
  top: 0;
  z-index: 500;
  width: 100vw;
  height: 100vh;
}

.loader--graphic .loader__message {
  line-height: 2.66667rem;
  font-size: 2.22222rem;
  color: #008e9e;
  margin-bottom: 2.66667rem;
  font-weight: normal;
  font-family: "AllianzNeoRegular";
}

.loader--graphic .loader__content {
  position: relative;
  width: 6.66667rem;
  height: 6.66667rem;
}

.loader--graphic .icon {
  animation-name: rotate;
  animation-duration: 7s;
  animation-timing-function: linear;
  animation-iteration-count: infinite;
}

.loader--graphic .icon--gear-one {
  width: 4.27778rem;
  height: 4.27778rem;
}

.loader--graphic .icon--gear-two {
  position: absolute;
  right: 0;
  bottom: 0;
  width: 3rem;
  height: 3rem;
}

.loader--graphic .icon--gear-two {
  animation-delay: 0.2s;
}

.form {
  height: inherit;
}

.form-group {
  padding-right: 0.55556rem;
}

.form-group-control-wrapper {
  padding-bottom: 0.55556rem;
}

.form-control {
  margin: 0 0.55556rem;
  line-height: 2.11111rem;
  font-size: 1.66667rem;
  color: #008e9e;
  margin-bottom: 2.11111rem;
  font-weight: normal;
  font-family: "AllianzNeoRegular";
  padding: 0 0.55556rem;
  outline: none;
  border: 0;
  border-radius: 0;
  border-bottom: 0.11111rem solid #008e9e;
  background: none;
  text-align: center;
}

.form-control--investment-amount {
  max-width: 7.77778rem;
  padding-right: 0.27778rem;
  margin-right: 0;
  padding-left: 1.11111rem;
}

.form-control-validation,
.form-group-errors-list {
  display: none;
  visibility: hidden;
}

.input-after,
.input-before {
  position: relative;
  display: inline-block;
}

.currency-symbol {
  line-height: 2.11111rem;
  font-size: 1.66667rem;
  color: #008e9e;
  margin-bottom: 2.11111rem;
  font-weight: normal;
  font-family: "AllianzNeoRegular";
  position: absolute;
  right: -2.5rem;
}

.form-group--error .currency-symbol,
.form-group--error .form-control {
  color: #d0021b;
}

.form-group--error .form-control {
  border-bottom: 0.11111rem solid #d0021b;
}

.dropdown {
  position: relative;
  display: inline-block;
}

.dropdown--open .arrow {
  transform: rotate(180deg);
}

.dropdown--disabled {
  opacity: 0.7;
  cursor: default;
  pointer-events: none;
}

.dropdown--disabled:hover, .dropdown--disabled:focus {
  background: #003781;
}

.dropdown .arrow {
  position: absolute;
  top: 45%;
  right: 0.83333rem;
}

.dropdown .arrow:after, .dropdown .arrow:before {
  border: solid transparent;
  content: ' ';
  display: block;
  height: 0;
  position: absolute;
  pointer-events: none;
  width: 0;
  margin-top: -0.11111rem;
  top: 0;
}

.dropdown .arrow:after {
  border-color: rgba(255, 255, 255, 0);
  border-top-color: #ffffff;
  left: 50%;
  margin-left: -0.22222rem;
  border-width: 0.22222rem;
}

.dropdown .arrow:before {
  border-color: rgba(255, 255, 255, 0);
  border-top-color: #008e9e;
  left: 50%;
  margin-left: -0.38889rem;
  border-width: 0.38889rem;
}

.dropdown .form-control {
  padding-right: 1.66667rem;
  text-transform: lowercase;
  cursor: pointer;
  transition: opacity 0.3s linear;
}

.dropdown .form-control:hover {
  opacity: 0.7;
}

.dropdown__results-wrapper {
  position: absolute;
  top: 0;
  left: 0.55556rem;
  z-index: 100;
  width: 18.5rem;
  border-radius: 0.33333rem;
  box-shadow: 0.05556rem 0 0.44444rem 0 #d7d3d9;
}

.dropdown__results-wrapper {
  animation-name: fadeIn;
  animation-duration: 0.3s;
}

.dropdown__results-wrapper:hover .dropdown__option--selected {
  background: #ffffff;
  color: #5a5360;
}

.dropdown__results-wrapper:hover .dropdown__option--selected:hover {
  background: #7fe4e0;
  color: #ffffff;
}

.dropdown__option {
  line-height: 1.66667rem;
  font-size: 1rem;
  color: #5a5360;
  margin-bottom: 0;
  font-weight: 600;
  font-family: "AllianzNeoSemiBold";
  padding: 0.83333rem 1.11111rem;
  background: #ffffff;
  text-transform: capitalize;
  cursor: pointer;
}

.dropdown__option:first-child {
  border-top-left-radius: 0.33333rem;
  border-top-right-radius: 0.33333rem;
}

.dropdown__option:last-child {
  border-bottom-right-radius: 0.33333rem;
  border-bottom-left-radius: 0.33333rem;
}

.dropdown__option:hover, .dropdown__option:focus, .dropdown__option--selected, .dropdown__option--cursor {
  background: #7fe4e0;
  color: #ffffff;
}

.dropdown--without-form {
  display: block;
  min-width: 13.88889rem;
}

.dropdown--without-form.dropdown--open .arrow {
  top: 1.38889rem;
}

.dropdown--without-form .form-control {
  margin: 0;
  line-height: 1.22222rem;
  font-size: 0.77778rem;
  margin-bottom: 1.22222rem;
  font-weight: normal;
  font-family: "AllianzNeoSemiBold";
  position: relative;
  border-bottom: none;
  background: #003781;
  color: #ffffff;
  text-align: center;
  text-transform: uppercase;
  line-height: 1.88889rem;
  -webkit-user-select: none;
      -ms-user-select: none;
          user-select: none;
}

.dropdown--without-form .arrow {
  right: 0.83333rem;
}

.dropdown--without-form .arrow:before {
  border-top-color: #ffffff;
}

.dropdown--without-form .arrow:after {
  border-top-color: #003781;
}

.dropdown--without-form .dropdown__results-wrapper {
  top: 1.83333rem;
  left: 0;
  min-width: 13.88889rem;
  border-radius: 0;
  box-shadow: none;
  width: auto;
}

.dropdown--without-form .dropdown__results {
  padding: 0.55556rem 0;
  background: #245391;
}

.dropdown--without-form .dropdown__option:first-child {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.dropdown--without-form .dropdown__option:last-child {
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}

.dropdown--without-form .dropdown__option {
  padding: 0.27778rem 1.11111rem;
  background: #245391;
  color: #ffffff;
  text-align: center;
  text-transform: uppercase;
  font-size: 0.77778rem;
  line-height: 1.33333rem;
  transition: all 0.3s linear;
  -webkit-user-select: none;
      -ms-user-select: none;
          user-select: none;
}

.dropdown--without-form .dropdown__option:hover {
  background: #003781;
}

.dropdown--without-form .dropdown__results-wrapper:hover .dropdown__option--selected:hover {
  background: #003781;
  color: #ffffff;
}

.dropdown--without-form .dropdown__results-wrapper:hover .dropdown__option--selected {
  background: transparent;
  color: #ffffff;
}

.dropdown--cta .form-control {
  line-height: 1.33333rem;
  font-size: 0.88889rem;
  margin-bottom: 0;
  font-weight: normal;
  font-family: "AllianzNeoSemiBold";
  letter-spacing: 0.05556rem;
  padding-top: 0.83333rem;
  padding-bottom: 0.66667rem;
}

.dropdown--cta .dropdown__results-wrapper {
  top: 2.77778rem;
}

.dropdown--cta .arrow,
.dropdown--cta .dropdown--open .arrow {
  top: 50%;
  right: 1.66667rem;
}

.dropdown--election .form-control:before {
  display: block;
  margin-left: auto;
  margin-right: auto;
  position: absolute;
  top: 0.77778rem;
  left: 0.83333rem;
  display: block;
  margin-left: -0.16667rem;
  width: 0.33333rem;
  height: 0.33333rem;
  background: #fdd25c;
  content: '';
  transform: rotate(45deg);
}

.block {
  display: block;
}

.text-center {
  text-align: center;
}

.no-scroll {
  overflow: hidden;
}

.reduce-opacity {
  opacity: 0.4;
}

.hidden {
  display: none;
}

.pd-no-print, .pd-no-print * {
  display: none !important;
}

#app,
.article,
.aem-Grid,
.embedsource {
  margin: 0;
}

@media only screen and (max-width: 767px) {
  .embedded body {
    visibility: hidden;
  }
}

html:not(.embedded) #app,
html:not(.embedded) .article,
html:not(.embedded) .allianz-calculator-app .aem-Grid,
html:not(.embedded) #app .aem-Grid,
html:not(.embedded) .embedsource {
  height: 100%;
}

.allocation-chart--no-animations .arm,
.allocation-chart--no-animations .baseline,
.allocation-chart--no-animations .label,
.allocation-chart--no-animations .pointer {
  opacity: 1 !important;
}

.allocation-chart--no-animations .arm,
.allocation-chart--no-animations .baseline,
.allocation-chart--no-animations .label,
.allocation-chart--no-animations .pointer {
  animation: none !important;
}

#app .form-group .label--form-currency-symbol, .allianz-calculator-app .form-group .label--form-currency-symbol {
  position: absolute;
  top: 0;
  right: -1.94444rem;
  padding-right: 0.27778rem;
  padding-left: 0.27778rem;
  background: #ffffff;
}

#app .form-group--error .label--form-currency-symbol, .allianz-calculator-app .form-group--error .label--form-currency-symbol {
  color: #d0021b;
}

#app .allocation-form .cell--fixed-rate .allocation-form__allocation, .allianz-calculator-app .allocation-form .cell--fixed-rate .allocation-form__allocation {
  padding-top: 0 !important;
}

#app .growth-indicator:before, .allianz-calculator-app .growth-indicator:before {
  display: inline-block !important;
  margin-right: 0.55556rem !important;
}

#app .scenario .icon--globe, .allianz-calculator-app .scenario .icon--globe {
  width: 3.33333rem !important;
  height: 3.33333rem !important;
}

#app .table__heading--return-in-dollars, #app .table__cell--return-in-dollars, .allianz-calculator-app .table__heading--return-in-dollars, .allianz-calculator-app .table__cell--return-in-dollars {
  border-top: 0.05556rem dashed #5a5360 !important;
}

#app .table__row--before .table__heading,
#app .table__row--before .table__cell, .allianz-calculator-app .table__row--before .table__heading,
.allianz-calculator-app .table__row--before .table__cell {
  border-bottom: 0.05556rem solid transparent !important;
}

#app .table__row-after-content, .allianz-calculator-app .table__row-after-content {
  padding: 1.11111rem 0 !important;
}

#app .table--payments .table__heading--regular,
#app .table--payments .table__cell--regular, .allianz-calculator-app .table--payments .table__heading--regular,
.allianz-calculator-app .table--payments .table__cell--regular {
  border-top: none !important;
}

#app .table--payments .table__heading--adhoc,
#app .table--payments .table__cell--adhoc, .allianz-calculator-app .table--payments .table__heading--adhoc,
.allianz-calculator-app .table--payments .table__cell--adhoc {
  border-top: 0.05556rem dotted #5a5360 !important;
}

#app .table--balances .table__heading,
#app .table--balances .table__cell, .allianz-calculator-app .table--balances .table__heading,
.allianz-calculator-app .table--balances .table__cell {
  border: none !important;
}

#app .table--balances .table__heading--fund-options-10-asx,
#app .table--balances .table__heading--fund-options-5-asx,
#app .table--balances .table__heading--fund-options-10-msci,
#app .table--balances .table__heading--fund-options-5-msci,
#app .table--balances .table__cell--fund-options-10-asx,
#app .table--balances .table__cell--fund-options-5-asx,
#app .table--balances .table__cell--fund-options-10-msci,
#app .table--balances .table__cell--fund-options-5-msci, .allianz-calculator-app .table--balances .table__heading--fund-options-10-asx,
.allianz-calculator-app .table--balances .table__heading--fund-options-5-asx,
.allianz-calculator-app .table--balances .table__heading--fund-options-10-msci,
.allianz-calculator-app .table--balances .table__heading--fund-options-5-msci,
.allianz-calculator-app .table--balances .table__cell--fund-options-10-asx,
.allianz-calculator-app .table--balances .table__cell--fund-options-5-asx,
.allianz-calculator-app .table--balances .table__cell--fund-options-10-msci,
.allianz-calculator-app .table--balances .table__cell--fund-options-5-msci {
  border-bottom: 0.05556rem dotted #5a5360 !important;
}

#app .wizard--timeline .step--7 .row .dropdown:nth-child(1), .allianz-calculator-app .wizard--timeline .step--7 .row .dropdown:nth-child(1) {
  margin-right: 1.11111rem;
}

#app .wizard--timeline .step--7 .row .button, .allianz-calculator-app .wizard--timeline .step--7 .row .button {
  max-width: 13.88889rem;
}

#app .step-indicator--custom:after, .allianz-calculator-app .step-indicator--custom:after {
  content: none !important;
}

#app .results-settings-button, .allianz-calculator-app .results-settings-button {
  position: absolute;
  top: 0.69444rem;
  right: 0.55556rem;
  width: 1.38889rem;
  height: 1.38889rem;
  cursor: pointer;
  transition: opacity 0.3s linear;
}

#app .results-settings-button:hover, .allianz-calculator-app .results-settings-button:hover {
  opacity: 0.7;
}

#app .modal--settings-panel.modal--shown .modal__content, .allianz-calculator-app .modal--settings-panel.modal--shown .modal__content {
  animation-name: fadeIn !important;
  animation-duration: 0.3s !important;
}

#app .modal--settings-panel.modal--closing .modal__content, .allianz-calculator-app .modal--settings-panel.modal--closing .modal__content {
  animation-name: fadeOut !important;
  animation-duration: 0.3s !important;
  animation-fill-mode: forwards;
}

#app .no-scroll .step-indicator--title.step-indicator--active .label:after, .allianz-calculator-app .no-scroll .step-indicator--title.step-indicator--active .label:after {
  opacity: 0.1;
}

#app .version, .allianz-calculator-app .version {
  display: none;
}

#app .chart__tooltip .chart__tt-result p, .allianz-calculator-app .chart__tooltip .chart__tt-result p {
  line-height: 1.22222rem;
  font-size: 0.77778rem;
  margin-bottom: 0;
  font-weight: normal;
  font-family: "AllianzNeoRegular";
  width: 100%;
}

#app .modal--persona-create .persona-form__message, .allianz-calculator-app .modal--persona-create .persona-form__message {
  margin-top: 2.77778rem;
}

#app .left-align .label--chart-value, .allianz-calculator-app .left-align .label--chart-value {
  text-align: left;
}

#app .label--center, .allianz-calculator-app .label--center {
  text-align: center !important;
}

#app .dropdown--scenarios .form-control .label, .allianz-calculator-app .dropdown--scenarios .form-control .label {
  text-transform: capitalize;
}

@keyframes growShrink {
}

@keyframes zoomIn {
}

@keyframes zoomOut {
}

@keyframes fadeIn {
}

@keyframes modalOpening {
}

@keyframes modalClosing {
}

@keyframes fadeOut {
}

@keyframes rotate {
}

@keyframes dots {
}

@keyframes yearOverviewHeaderAnimate {
}

/*--- Only Firefox ---*/
/*--- Only Firefox 1.5 and Firefox 2 ---*/
/*--- Only Firefox ≥ 2 ---*/
/*--- Only Firefox ≥ 3 ---*/
/*--- Only Firefox ≥ 6 ---*/
/*--- Only Firefox ≥ 16 ---*/
/*--- Only Firefox ≥ 21 ---*/
/*--- Only Firefox ≥ 24 ---*/
/*--- Only Firefox ≥ 25 ---*/
/*--- Only Firefox ≥ 26 ---*/
/*--- Only Firefox ≥ 27 ---*/
/*--- Only Firefox ≥ 28 ---*/
/*--- Only Firefox ≥ 30 ---*/
/*--- Only Webkit (Chrome, Safari, Opera ≥ 14) ---*/
/*--- Only Chrome 28+, Opera ≥ 14 ---*/
/*--- Only Safari ≥ 6.1 ---*/
/*--- Only Safari ≥ 9 ---*/
/*--- Only iOS Safari ≥ 9 ---*/
/*--- Only Safari ≥ 9 (Non iOS) ---*/
/*--- Only Opera ≤ 9.27, Safari ≤ 2 ---*/
/* ----------------------------------- //
//           Opera CSS Hacks
// ----------------------------------- */
/*--- Only Opera ≥ 9.5 ---*/
/*--- Only Opera ≤ 11 ---*/
/* ----------------------------------- //
//     Edge CSS Hacks
// ----------------------------------- */
/* ----------------------------------- //
//     Internet Explorer CSS Hacks
// ----------------------------------- */
/*--- Only IE ≤ 6 ---*/
/*--- Only IE7 ---*/
/*--- Only IE ≤ 7 ---*/
/*--- Only IE8 ---*/
/*--- Only IE ≤ 8 ---*/
/*--- Only IE9 ---*/
/*--- Only IE ≤ 9 ---*/
/*--- Only IE10 ---*/
/*--- Only IE ≤ 11 ---*/
/*--- Only IE ≥ 11 ---*/
/*--- Anything but IE6 ---*/
/*--- Only IE ≥ 9, safari4, android ≥ 2.3 ---*/
/* ----------------------------------- //
//           Other CSS Hacks
// ----------------------------------- */
/*--- Everything but IE and Safari ≤ 6 ---*/
@media print {
  html,
  body,
  #app {
    height: auto !important;
    overflow: visible !important;
  }
  body {
    background-image: none !important;
  }
  body.print * {
    transition: none !important;
  }
  .wizard--timeline {
    background: #ffffff !important;
  }
  .wizard--timeline .step:not(.step--0) {
    background: #ffffff !important;
  }
  .no-print-section {
    display: none !important;
  }
  .brand-header {
    display: none;
  }
  .layout {
    padding-top: 0 !important;
  }
  .layout__content,
  .print-disclaimer {
    display: block !important;
  }
  .print-visually-hidden {
    display: inline-block !important;
    opacity: 0;
  }
  h2 {
    font-size: 1.2rem !important;
    font-weight: bold;
  }
  .header,
  .wizard__header,
  .step > .container > .section,
  .year-results-header,
  .results-settings-button {
    display: none !important;
  }
  .step.step--7 > .container > .section.section--full {
    background-color: #ffffff !important;
  }
  .year-overview .year-overview__chart.year-overview__investment-performance {
    display: none !important;
  }
  .year-overview .year-overview__chart.year-overview__allocation-performance {
    display: none !important;
  }
  .year-overview .year-overview__table.year-overview__table--rio .no-print, .year-overview .year-overview__table.year-overview__table--market .no-print {
    display: none !important;
  }
  .year-overview .year-overview__table.year-overview__table--rio .print-heading, .year-overview .year-overview__table.year-overview__table--market .print-heading {
    display: block !important;
  }
  .year-overview .year-overview__table.year-overview__table--rio .table--performance .table__row-after-toggler, .year-overview .year-overview__table.year-overview__table--market .table--performance .table__row-after-toggler {
    display: none !important;
  }
  .year-overview .year-overview__table.year-overview__table--rio .table--performance .table__row.table__row--after, .year-overview .year-overview__table.year-overview__table--market .table--performance .table__row.table__row--after {
    display: none !important;
  }
  .year-overview .year-overview__table.year-overview__table--rio .table--performance .table__row--before .table__heading, .year-overview .year-overview__table.year-overview__table--market .table--performance .table__row--before .table__heading {
    box-shadow: none !important;
    border-bottom: none !important;
  }
  .year-overview .year-overview__table.year-overview__table--rio .table--performance .table__row--before .table__cell, .year-overview .year-overview__table.year-overview__table--market .table--performance .table__row--before .table__cell {
    box-shadow: none !important;
    border-bottom: none !important;
  }
  .year-overview .year-overview__table.year-overview__table--rio .table--performance .table__cell--eoy-balance-pre-fees-and-payments, .year-overview .year-overview__table.year-overview__table--rio .table--performance .table__heading--eoy-balance-pre-fees-and-payments, .year-overview .year-overview__table.year-overview__table--market .table--performance .table__cell--eoy-balance-pre-fees-and-payments, .year-overview .year-overview__table.year-overview__table--market .table--performance .table__heading--eoy-balance-pre-fees-and-payments {
    border-top: 0.05556rem solid rgba(0, 142, 158, 0.6) !important;
  }
  .year-overview .year-overview__table.year-overview__table--rio .table--performance tr th .label--table, .year-overview .year-overview__table.year-overview__table--market .table--performance tr th .label--table {
    font-size: 0.77778rem;
  }
  .year-overview .year-overview__table.year-overview__table--rio .table--performance tr td, .year-overview .year-overview__table.year-overview__table--market .table--performance tr td {
    padding: 0.55556rem 0 !important;
    font-size: 0.77778rem;
  }
  #app .print-header, .allianz-calculator-app .print-header, .modal-calculator .print-header {
    display: flex !important;
    flex-wrap: wrap;
    border-bottom: 0.11111rem solid #008e9e;
  }
  #app .print-header.print-header-page-break, .allianz-calculator-app .print-header.print-header-page-break, .modal-calculator .print-header.print-header-page-break {
    page-break-before: always !important;
  }
  #app .print-header img, .allianz-calculator-app .print-header img, .modal-calculator .print-header img {
    width: auto;
    height: auto;
  }
  #app .print-header__logo-wrapper, .allianz-calculator-app .print-header__logo-wrapper, .modal-calculator .print-header__logo-wrapper {
    width: 50%;
  }
  #app .print-header__logo-wrapper--left img, .allianz-calculator-app .print-header__logo-wrapper--left img, .modal-calculator .print-header__logo-wrapper--left img {
    margin-top: 1.11111rem;
    max-width: 12.22222rem;
  }
  #app .print-header__logo-wrapper--right, .allianz-calculator-app .print-header__logo-wrapper--right, .modal-calculator .print-header__logo-wrapper--right {
    text-align: right;
    color: #008e9e;
    font-size: 0.77778rem;
    line-height: 1.11111rem;
  }
  #app .print-header__logo-wrapper--right a, .allianz-calculator-app .print-header__logo-wrapper--right a, .modal-calculator .print-header__logo-wrapper--right a {
    color: #008e9e;
    text-decoration: none;
  }
  #app .print-header__title, .allianz-calculator-app .print-header__title, .modal-calculator .print-header__title {
    color: #008e9e;
    margin: 0 0 0.55556rem 0;
    font-weight: 700;
    font-size: 1.66667rem !important;
    line-height: 1.1 !important;
    text-align: center;
  }
  #app .print-main-page_heading, .allianz-calculator-app .print-main-page_heading, .modal-calculator .print-main-page_heading {
    display: flex !important;
    flex-wrap: wrap;
    width: 100%;
    flex-direction: column;
    margin-top: 0.55556rem;
    padding-top: 0.55556rem;
    margin-bottom: 0.83333rem;
  }
  #app .print-main-page_heading p, .allianz-calculator-app .print-main-page_heading p, .modal-calculator .print-main-page_heading p {
    padding-bottom: 0;
    font-size: 0.77778rem;
  }
  #app .print-main-page_heading p.print-header__title_p1, .allianz-calculator-app .print-main-page_heading p.print-header__title_p1, .modal-calculator .print-main-page_heading p.print-header__title_p1 {
    line-height: 0.77778rem;
  }
  #app .print-main-page_heading p.print-header__title_p2, .allianz-calculator-app .print-main-page_heading p.print-header__title_p2, .modal-calculator .print-main-page_heading p.print-header__title_p2 {
    line-height: 1.11111rem;
  }
  #app .print-main-page_heading h6, .allianz-calculator-app .print-main-page_heading h6, .modal-calculator .print-main-page_heading h6 {
    font-weight: 700;
    margin-bottom: 0.55556rem;
  }
  #app .print-input-settings, .allianz-calculator-app .print-input-settings, .modal-calculator .print-input-settings {
    display: flex !important;
    flex-wrap: wrap;
    justify-content: space-between;
    font-size: 0.77778rem;
    margin-bottom: 1.66667rem;
  }
  #app .print-input-settings__wrapper--left, .allianz-calculator-app .print-input-settings__wrapper--left, .modal-calculator .print-input-settings__wrapper--left {
    width: 30%;
    color: #008e9e;
  }
  #app .print-input-settings__wrapper--left img, .allianz-calculator-app .print-input-settings__wrapper--left img, .modal-calculator .print-input-settings__wrapper--left img {
    margin-top: 1.11111rem;
    max-width: 12.22222rem;
  }
  #app .print-input-settings__wrapper--left table, .allianz-calculator-app .print-input-settings__wrapper--left table, .modal-calculator .print-input-settings__wrapper--left table {
    text-align: left;
    empty-cells: show;
    padding-bottom: 1.66667rem;
    border-collapse: collapse;
  }
  #app .print-input-settings__wrapper--left table tbody tr td:first-child, .allianz-calculator-app .print-input-settings__wrapper--left table tbody tr td:first-child, .modal-calculator .print-input-settings__wrapper--left table tbody tr td:first-child {
    font-family: "AllianzNeoRegular";
    font-size: 0.77778rem;
    color: #008e9e;
    font-weight: normal;
  }
  #app .print-input-settings__wrapper--left table thead tr td:first-child, .allianz-calculator-app .print-input-settings__wrapper--left table thead tr td:first-child, .modal-calculator .print-input-settings__wrapper--left table thead tr td:first-child {
    text-transform: uppercase;
    border-bottom: 0.05556rem solid #4a4a4a;
  }
  #app .print-input-settings__wrapper--left table tr td, .allianz-calculator-app .print-input-settings__wrapper--left table tr td, .modal-calculator .print-input-settings__wrapper--left table tr td {
    text-transform: capitalize;
    padding: 0;
  }
  #app .print-input-settings__wrapper--left table tr td:nth-child(2), .allianz-calculator-app .print-input-settings__wrapper--left table tr td:nth-child(2), .modal-calculator .print-input-settings__wrapper--left table tr td:nth-child(2) {
    color: #414141;
    font-weight: bold;
  }
  #app .print-input-settings__wrapper--right, .allianz-calculator-app .print-input-settings__wrapper--right, .modal-calculator .print-input-settings__wrapper--right {
    width: 67%;
    text-align: right;
    color: #008e9e;
  }
  #app .print-input-settings__wrapper--right a, .allianz-calculator-app .print-input-settings__wrapper--right a, .modal-calculator .print-input-settings__wrapper--right a {
    color: #008e9e;
  }
  #app .print-input-settings__wrapper--right table, .allianz-calculator-app .print-input-settings__wrapper--right table, .modal-calculator .print-input-settings__wrapper--right table {
    text-align: left;
    padding-bottom: 1.66667rem;
    border-collapse: collapse;
  }
  #app .print-input-settings__wrapper--right table tr td, .allianz-calculator-app .print-input-settings__wrapper--right table tr td, .modal-calculator .print-input-settings__wrapper--right table tr td {
    text-transform: capitalize;
    padding: 0;
  }
  #app .print-input-settings__wrapper--right table thead tr td, .allianz-calculator-app .print-input-settings__wrapper--right table thead tr td, .modal-calculator .print-input-settings__wrapper--right table thead tr td {
    border-bottom: 0.05556rem solid #4a4a4a;
  }
  #app .print-input-settings__wrapper--right table tbody tr td:first-child, .allianz-calculator-app .print-input-settings__wrapper--right table tbody tr td:first-child, .modal-calculator .print-input-settings__wrapper--right table tbody tr td:first-child {
    font-family: "AllianzNeoRegular";
    font-size: 0.77778rem;
    color: #008e9e;
    font-weight: normal;
    width: 12%;
    padding-top: 0;
  }
  #app .print-input-settings__wrapper--right table tbody tr td:nth-child(n+3), .allianz-calculator-app .print-input-settings__wrapper--right table tbody tr td:nth-child(n+3), .modal-calculator .print-input-settings__wrapper--right table tbody tr td:nth-child(n+3) {
    color: #414141;
    font-weight: bold;
  }
  #app .print-input-settings__wrapper--right table tbody tr:nth-child(1) td:first-child, #app .print-input-settings__wrapper--right table tbody tr:nth-child(3) td:first-child, #app .print-input-settings__wrapper--right table tbody tr:nth-child(5) td:first-child, .allianz-calculator-app .print-input-settings__wrapper--right table tbody tr:nth-child(1) td:first-child, .allianz-calculator-app .print-input-settings__wrapper--right table tbody tr:nth-child(3) td:first-child, .allianz-calculator-app .print-input-settings__wrapper--right table tbody tr:nth-child(5) td:first-child, .modal-calculator .print-input-settings__wrapper--right table tbody tr:nth-child(1) td:first-child, .modal-calculator .print-input-settings__wrapper--right table tbody tr:nth-child(3) td:first-child, .modal-calculator .print-input-settings__wrapper--right table tbody tr:nth-child(5) td:first-child {
    border: none;
    transform: translate(0, 50%);
  }
  #app .print-input-settings__wrapper--right table thead tr td:first-child, .allianz-calculator-app .print-input-settings__wrapper--right table thead tr td:first-child, .modal-calculator .print-input-settings__wrapper--right table thead tr td:first-child {
    text-transform: uppercase;
  }
  #app .print-input-settings__wrapper--right table .fixed-rate-row td:nth-child(2), .allianz-calculator-app .print-input-settings__wrapper--right table .fixed-rate-row td:nth-child(2), .modal-calculator .print-input-settings__wrapper--right table .fixed-rate-row td:nth-child(2) {
    color: #414141;
    font-weight: bold;
  }
  #app .print-summary-investments, .allianz-calculator-app .print-summary-investments, .modal-calculator .print-summary-investments {
    display: flex !important;
    flex-wrap: wrap;
    display: flex;
    flex-direction: row;
    align-items: center;
    font-size: 0.88889rem;
    text-align: center;
    padding: 0;
    height: auto;
    background-color: #ffe87f !important;
    transition: all 0.3s linear;
    width: 100%;
  }
  #app .print-summary-investments .print-summary-investments-inner, .allianz-calculator-app .print-summary-investments .print-summary-investments-inner, .modal-calculator .print-summary-investments .print-summary-investments-inner {
    padding: 0.38889rem 0 0.38889rem 0;
  }
  #app .print-summary-investments .print-summary-investments-inner.inner-count-2, .allianz-calculator-app .print-summary-investments .print-summary-investments-inner.inner-count-2, .modal-calculator .print-summary-investments .print-summary-investments-inner.inner-count-2 {
    width: 50%;
  }
  #app .print-summary-investments .print-summary-investments-inner.inner-count-3, .allianz-calculator-app .print-summary-investments .print-summary-investments-inner.inner-count-3, .modal-calculator .print-summary-investments .print-summary-investments-inner.inner-count-3 {
    width: 33.3%;
  }
  #app .print-summary-investments .print-summary-investments-inner.inner-count-4, .allianz-calculator-app .print-summary-investments .print-summary-investments-inner.inner-count-4, .modal-calculator .print-summary-investments .print-summary-investments-inner.inner-count-4 {
    width: 25%;
  }
  #app .print-summary-investments .print-summary-investments-inner .label--title, .allianz-calculator-app .print-summary-investments .print-summary-investments-inner .label--title, .modal-calculator .print-summary-investments .print-summary-investments-inner .label--title {
    text-transform: uppercase;
  }
  #app .print-summary-investments .print-summary-investments-inner .label--large, .allianz-calculator-app .print-summary-investments .print-summary-investments-inner .label--large, .modal-calculator .print-summary-investments .print-summary-investments-inner .label--large {
    font-size: 1.66667rem;
    line-height: 1.66667rem;
  }
  #app .print-summary-investments__growth-in-investment, .allianz-calculator-app .print-summary-investments__growth-in-investment, .modal-calculator .print-summary-investments__growth-in-investment {
    background: #b7f08a;
  }
  #app .print-summary-investments__growth-in-investment .over-unprotected-lbl, .allianz-calculator-app .print-summary-investments__growth-in-investment .over-unprotected-lbl, .modal-calculator .print-summary-investments__growth-in-investment .over-unprotected-lbl {
    font-weight: bold;
  }
  #app .print-av-allocation-charts, .allianz-calculator-app .print-av-allocation-charts, .modal-calculator .print-av-allocation-charts {
    margin-top: 1.38889rem;
    border-top: 0.11111rem solid #008e9e;
    display: flex !important;
    flex-flow: column;
    flex-wrap: wrap;
    position: relative !important;
    top: 0 !important;
    left: 0 !important;
  }
  #app .print-av-allocation-charts h2, .allianz-calculator-app .print-av-allocation-charts h2, .modal-calculator .print-av-allocation-charts h2 {
    margin-top: 1.11111rem;
    margin-bottom: 0;
    text-align: center;
  }
  #app .print-av-allocation-charts .print-preview__barchart:before, .allianz-calculator-app .print-av-allocation-charts .print-preview__barchart:before, .modal-calculator .print-av-allocation-charts .print-preview__barchart:before {
    font-size: 1.44444rem;
    font-family: "AllianzNeoBold";
    line-height: 1.88889rem;
    color: #414141;
    position: absolute;
    left: 1.55556rem;
    top: -1%;
    content: '%';
  }
  #app .print-av-allocation-charts .allocation-performance-chart__axis-label, .allianz-calculator-app .print-av-allocation-charts .allocation-performance-chart__axis-label, .modal-calculator .print-av-allocation-charts .allocation-performance-chart__axis-label {
    display: none;
  }
  #app .print-av-allocation-charts .allocation-performance-chart, .allianz-calculator-app .print-av-allocation-charts .allocation-performance-chart, .modal-calculator .print-av-allocation-charts .allocation-performance-chart {
    height: 24.44444rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    position: relative;
    width: 100% !important;
  }
  #app .print-av-allocation-charts .allocation-performance-chart .allocation-performance-chart__avg-chart, .allianz-calculator-app .print-av-allocation-charts .allocation-performance-chart .allocation-performance-chart__avg-chart, .modal-calculator .print-av-allocation-charts .allocation-performance-chart .allocation-performance-chart__avg-chart {
    width: 100%;
    height: 100%;
  }
  #app .print-av-allocation-charts .allocation-performance-chart:before, .allianz-calculator-app .print-av-allocation-charts .allocation-performance-chart:before, .modal-calculator .print-av-allocation-charts .allocation-performance-chart:before {
    line-height: 1.55556rem;
    font-size: 1.11111rem;
    color: #008e9e;
    margin-bottom: 1.55556rem;
    font-weight: normal;
    font-family: "AllianzNeoBold";
    position: absolute;
    top: 40%;
    left: -4.72222rem;
    display: block;
    margin-right: 1rem;
    margin-bottom: 23.88889rem;
    transform: rotate(-90deg);
    content: 'Average return over 7 years';
    line-height: 1.44444rem;
  }
  #app .print-ip-charts, .allianz-calculator-app .print-ip-charts, .modal-calculator .print-ip-charts {
    display: flex !important;
    flex-flow: column;
    flex-wrap: wrap;
    page-break-before: always !important;
    position: relative !important;
    top: 0 !important;
    left: 0 !important;
    width: 100%;
    text-align: center;
  }
  #app .print-ip-charts .print-header__logo-wrapper--left, .allianz-calculator-app .print-ip-charts .print-header__logo-wrapper--left, .modal-calculator .print-ip-charts .print-header__logo-wrapper--left {
    text-align: left;
  }
  #app .print-ip-charts .year-overview__chart.year-overview__investment-performance, .allianz-calculator-app .print-ip-charts .year-overview__chart.year-overview__investment-performance, .modal-calculator .print-ip-charts .year-overview__chart.year-overview__investment-performance {
    margin-top: 1.11111rem;
    width: 100%;
  }
  #app .print-ip-charts .print-preview__investment-performance h2, .allianz-calculator-app .print-ip-charts .print-preview__investment-performance h2, .modal-calculator .print-ip-charts .print-preview__investment-performance h2 {
    margin-top: 2.22222rem;
  }
  #app .print-ip-charts .tab-list__tab,
  #app .print-ip-charts .react-tabs__tab, .allianz-calculator-app .print-ip-charts .tab-list__tab,
  .allianz-calculator-app .print-ip-charts .react-tabs__tab, .modal-calculator .print-ip-charts .tab-list__tab,
  .modal-calculator .print-ip-charts .react-tabs__tab {
    display: none !important;
    padding: 0 !important;
  }
  #app .print-ip-charts .tab-list__tab:after,
  #app .print-ip-charts .react-tabs__tab:after, .allianz-calculator-app .print-ip-charts .tab-list__tab:after,
  .allianz-calculator-app .print-ip-charts .react-tabs__tab:after, .modal-calculator .print-ip-charts .tab-list__tab:after,
  .modal-calculator .print-ip-charts .react-tabs__tab:after {
    display: none !important;
  }
  #app .print-ip-charts .tab-list__tab--selected,
  #app .print-ip-charts .react-tabs__tab--selected, .allianz-calculator-app .print-ip-charts .tab-list__tab--selected,
  .allianz-calculator-app .print-ip-charts .react-tabs__tab--selected, .modal-calculator .print-ip-charts .tab-list__tab--selected,
  .modal-calculator .print-ip-charts .react-tabs__tab--selected {
    display: block !important;
  }
  #app .print-ip-charts .react-tabs__tab-list, .allianz-calculator-app .print-ip-charts .react-tabs__tab-list, .modal-calculator .print-ip-charts .react-tabs__tab-list {
    width: auto;
    right: 0;
  }
  #app .print-ip-charts .line-chart-filters__input:checked + .line-chart-filters__label--rio:before, #app .print-ip-charts .line-chart-filters__input:checked + .line-chart-filters__label--market:before, #app .print-ip-charts .line-chart-filters__input:checked + .line-chart-filters__label--cash:before, #app .print-ip-charts .line-chart-filters__input:checked + .line-chart-filters__label--fixedincome:before, .allianz-calculator-app .print-ip-charts .line-chart-filters__input:checked + .line-chart-filters__label--rio:before, .allianz-calculator-app .print-ip-charts .line-chart-filters__input:checked + .line-chart-filters__label--market:before, .allianz-calculator-app .print-ip-charts .line-chart-filters__input:checked + .line-chart-filters__label--cash:before, .allianz-calculator-app .print-ip-charts .line-chart-filters__input:checked + .line-chart-filters__label--fixedincome:before, .modal-calculator .print-ip-charts .line-chart-filters__input:checked + .line-chart-filters__label--rio:before, .modal-calculator .print-ip-charts .line-chart-filters__input:checked + .line-chart-filters__label--market:before, .modal-calculator .print-ip-charts .line-chart-filters__input:checked + .line-chart-filters__label--cash:before, .modal-calculator .print-ip-charts .line-chart-filters__input:checked + .line-chart-filters__label--fixedincome:before {
    width: 0;
    height: 0;
    border-width: 0;
    border-top-width: 1.11111rem;
    border-left-width: 0.11111rem;
  }
  #app .print-ip-charts .investment-performance-chart__content:before, .allianz-calculator-app .print-ip-charts .investment-performance-chart__content:before, .modal-calculator .print-ip-charts .investment-performance-chart__content:before {
    top: 3.44444rem;
    position: relative !important;
    margin-right: 0;
  }
  #app .print-ip-charts .investment-performance-chart__content.row:first-child, .allianz-calculator-app .print-ip-charts .investment-performance-chart__content.row:first-child, .modal-calculator .print-ip-charts .investment-performance-chart__content.row:first-child {
    margin-top: -2.22222rem;
  }
  #app .print-ip-charts .investment-performance-chart__content .investment-performance-chart__chart, .allianz-calculator-app .print-ip-charts .investment-performance-chart__content .investment-performance-chart__chart, .modal-calculator .print-ip-charts .investment-performance-chart__content .investment-performance-chart__chart {
    margin-left: 0.27778rem;
    padding-top: 1.88889rem;
    width: 100%;
  }
  #app .print-ip-charts__chart, .allianz-calculator-app .print-ip-charts__chart, .modal-calculator .print-ip-charts__chart {
    display: block !important;
    padding: 0 !important;
  }
  #app .print-ip-charts .print-investment-value-lbl, .allianz-calculator-app .print-ip-charts .print-investment-value-lbl, .modal-calculator .print-ip-charts .print-investment-value-lbl {
    position: absolute;
    top: 0;
    left: -1%;
    width: 100%;
    font-weight: 700;
  }
  #app .print-ip-charts .print-annual-growth-lbl, .allianz-calculator-app .print-ip-charts .print-annual-growth-lbl, .modal-calculator .print-ip-charts .print-annual-growth-lbl {
    position: absolute;
    top: 0;
    left: -1%;
    width: 100%;
    font-weight: 700;
  }
  #app .print-ip-charts .print-annual-growth-chart, .allianz-calculator-app .print-ip-charts .print-annual-growth-chart, .modal-calculator .print-ip-charts .print-annual-growth-chart {
    margin-top: 2rem;
  }
  #app .print-disclaimer, .allianz-calculator-app .print-disclaimer, .modal-calculator .print-disclaimer {
    font-size: 1rem;
    line-height: 1.4;
    page-break-before: always !important;
  }
  #app .print-disclaimer p, .allianz-calculator-app .print-disclaimer p, .modal-calculator .print-disclaimer p {
    padding-bottom: 0.5rem;
  }
  #app .print-disclaimer .table, .allianz-calculator-app .print-disclaimer .table, .modal-calculator .print-disclaimer .table {
    margin-bottom: 1.66667rem;
    border-bottom: 0;
    border-collapse: collapse;
  }
  #app .print-disclaimer .table .label--table, .allianz-calculator-app .print-disclaimer .table .label--table, .modal-calculator .print-disclaimer .table .label--table {
    font-size: 0.77778rem;
  }
  #app .print-disclaimer__heading, .allianz-calculator-app .print-disclaimer__heading, .modal-calculator .print-disclaimer__heading {
    text-align: center;
    margin-top: 1.11111rem;
  }
  #app .print-disclaimer .print-disclaimer-inner, .allianz-calculator-app .print-disclaimer .print-disclaimer-inner, .modal-calculator .print-disclaimer .print-disclaimer-inner {
    display: flex !important;
    flex-wrap: wrap;
    justify-content: space-between;
    font-size: 0.83333rem;
    line-height: 1.5rem;
  }
  #app .print-disclaimer .print-disclaimer-inner p, .allianz-calculator-app .print-disclaimer .print-disclaimer-inner p, .modal-calculator .print-disclaimer .print-disclaimer-inner p {
    padding-bottom: 0.83333rem;
  }
  #app .print-disclaimer .print-disclaimer-inner__wrapper-left, .allianz-calculator-app .print-disclaimer .print-disclaimer-inner__wrapper-left, .modal-calculator .print-disclaimer .print-disclaimer-inner__wrapper-left {
    width: 48%;
  }
  #app .print-disclaimer .print-disclaimer-inner__wrapper-right, .allianz-calculator-app .print-disclaimer .print-disclaimer-inner__wrapper-right, .modal-calculator .print-disclaimer .print-disclaimer-inner__wrapper-right {
    width: 48%;
  }
  #app .print-disclaimer .updated-terms, .allianz-calculator-app .print-disclaimer .updated-terms, .modal-calculator .print-disclaimer .updated-terms {
    font-weight: bold;
  }
  #app .print-disclaimer .print-disclaimer-assumptions-inner, .allianz-calculator-app .print-disclaimer .print-disclaimer-assumptions-inner, .modal-calculator .print-disclaimer .print-disclaimer-assumptions-inner {
    page-break-before: always !important;
    font-size: 0.77778rem;
  }
  #app .print-disclaimer .print-disclaimer-assumptions-inner__heading, .allianz-calculator-app .print-disclaimer .print-disclaimer-assumptions-inner__heading, .modal-calculator .print-disclaimer .print-disclaimer-assumptions-inner__heading {
    text-align: center;
    margin-top: 1.11111rem;
  }
  #app .print-disclaimer .assumptions-table-main, .allianz-calculator-app .print-disclaimer .assumptions-table-main, .modal-calculator .print-disclaimer .assumptions-table-main {
    display: flex !important;
    flex-wrap: wrap;
    justify-content: space-between;
    font-family: "AllianzNeoRegular";
    margin-top: 2.77778rem;
  }
  #app .print-disclaimer .assumptions-table-main:first, .allianz-calculator-app .print-disclaimer .assumptions-table-main:first, .modal-calculator .print-disclaimer .assumptions-table-main:first {
    margin-top: 1.11111rem;
  }
  #app .print-disclaimer .assumptions-table-main .table thead th, .allianz-calculator-app .print-disclaimer .assumptions-table-main .table thead th, .modal-calculator .print-disclaimer .assumptions-table-main .table thead th {
    font-family: "AllianzNeoBold";
  }
  #app .print-disclaimer .assumptions-table-main .table thead tr:nth-child(2) th, .allianz-calculator-app .print-disclaimer .assumptions-table-main .table thead tr:nth-child(2) th, .modal-calculator .print-disclaimer .assumptions-table-main .table thead tr:nth-child(2) th {
    color: #414141;
  }
  #app .print-disclaimer .assumptions-table-main .table tbody tr td, .allianz-calculator-app .print-disclaimer .assumptions-table-main .table tbody tr td, .modal-calculator .print-disclaimer .assumptions-table-main .table tbody tr td {
    font-size: 0.66667rem;
  }
  #app .print-disclaimer .assumptions-table-main .table .label--table, .allianz-calculator-app .print-disclaimer .assumptions-table-main .table .label--table, .modal-calculator .print-disclaimer .assumptions-table-main .table .label--table {
    font-family: "AllianzNeoRegular";
    font-size: 0.66667rem;
  }
  #app .print-disclaimer .assumptions-table-main__wrapper-left, .allianz-calculator-app .print-disclaimer .assumptions-table-main__wrapper-left, .modal-calculator .print-disclaimer .assumptions-table-main__wrapper-left {
    width: 48%;
  }
  #app .print-disclaimer .assumptions-table-main__wrapper-right, .allianz-calculator-app .print-disclaimer .assumptions-table-main__wrapper-right, .modal-calculator .print-disclaimer .assumptions-table-main__wrapper-right {
    width: 48%;
  }
  #app .print-disclaimer .assumptions-table-main__wrapper-right.second-row, .allianz-calculator-app .print-disclaimer .assumptions-table-main__wrapper-right.second-row, .modal-calculator .print-disclaimer .assumptions-table-main__wrapper-right.second-row {
    margin-top: 0.77778rem;
  }
  #app .print-disclaimer .assumptions-table-main__wrapper-right.second-row .table, .allianz-calculator-app .print-disclaimer .assumptions-table-main__wrapper-right.second-row .table, .modal-calculator .print-disclaimer .assumptions-table-main__wrapper-right.second-row .table {
    margin-top: 0;
  }
  #app .print-disclaimer .assumptions-table-main__wrapper-right.second-row .table thead tr:nth-child(1) th, .allianz-calculator-app .print-disclaimer .assumptions-table-main__wrapper-right.second-row .table thead tr:nth-child(1) th, .modal-calculator .print-disclaimer .assumptions-table-main__wrapper-right.second-row .table thead tr:nth-child(1) th {
    color: #414141;
  }
  #app .print-disclaimer .assumptions-table-main__wrapper-right__heading, .allianz-calculator-app .print-disclaimer .assumptions-table-main__wrapper-right__heading, .modal-calculator .print-disclaimer .assumptions-table-main__wrapper-right__heading {
    color: #008e9e;
    border-bottom: 0.05556rem solid #008e9e;
    font-weight: bold;
    font-size: 0.77778rem;
    padding-bottom: 0.27778rem;
    line-height: 1.22222rem;
  }
  #app .print-disclaimer .assumptions-table-main.assumptions-table-main__caps, .allianz-calculator-app .print-disclaimer .assumptions-table-main.assumptions-table-main__caps, .modal-calculator .print-disclaimer .assumptions-table-main.assumptions-table-main__caps {
    margin-top: 1.11111rem;
  }
  #app .print-disclaimer .print-disclaimer-assumptions-inner-points, .allianz-calculator-app .print-disclaimer .print-disclaimer-assumptions-inner-points, .modal-calculator .print-disclaimer .print-disclaimer-assumptions-inner-points {
    font-size: 0.77778rem;
  }
  #app .print-disclaimer .print-error-inner, .allianz-calculator-app .print-disclaimer .print-error-inner, .modal-calculator .print-disclaimer .print-error-inner {
    margin-top: 2.22222rem;
  }
  #app .print-disclaimer .print-error-inner a, .allianz-calculator-app .print-disclaimer .print-error-inner a, .modal-calculator .print-disclaimer .print-error-inner a {
    color: #414141;
    text-decoration: underline;
  }
  #app .print-p-with-future-safe-notes, .allianz-calculator-app .print-p-with-future-safe-notes, .modal-calculator .print-p-with-future-safe-notes {
    display: flex !important;
    background-color: #f1f9fa !important;
    flex-wrap: wrap;
    align-items: center;
    flex-direction: row;
    text-align: center;
    margin-top: 20%;
    padding: 0.83333rem 0 0.83333rem 0;
  }
  #app .print-p-with-future-safe-notes .content, .allianz-calculator-app .print-p-with-future-safe-notes .content, .modal-calculator .print-p-with-future-safe-notes .content {
    width: 100%;
  }
  #app .print-p-with-future-safe-notes .content a, .allianz-calculator-app .print-p-with-future-safe-notes .content a, .modal-calculator .print-p-with-future-safe-notes .content a {
    color: #008e9e;
    text-decoration: none;
  }
  #app .print-p-with-future-safe-notes .content.future-safe-notes__apply, .allianz-calculator-app .print-p-with-future-safe-notes .content.future-safe-notes__apply, .modal-calculator .print-p-with-future-safe-notes .content.future-safe-notes__apply {
    font-size: 1.33333rem;
  }
  .print-text {
    display: inline !important;
  }
  .table__cell, .table__heading,
  .table tbody td {
    padding: 0.27778rem !important;
  }
  .year-overview {
    page-break-before: always !important;
    display: flex;
    flex-flow: column;
  }
  .year-overview__chart + .year-overview__chart {
    margin-top: 2.5rem;
  }
  .year-overview .year-overview__allocation-performance {
    order: 1;
  }
  .year-overview .year-overview__table--rio {
    background: #ffffff;
    order: 3;
    margin-top: 2.22222rem;
  }
  .year-overview .year-overview__table--market {
    order: 4;
    margin-top: 3.88889rem;
  }
  .year-overview .year-overview__table--market h2 {
    content: 'Performance with Future Safe';
  }
  .year-overview .allocation-performance-chart--primary {
    margin-top: 0;
  }
  .year-overview h2 {
    margin-bottom: 0.3rem !important;
    font-size: 1.2rem !important;
    line-height: 1.4 !important;
  }
  .year-overview__chart h6 {
    display: none;
  }
  .year-overview h3,
  .year-overview h6 {
    margin-bottom: 0 !important;
    font-size: 1rem !important;
  }
  .year-overview .tab-list__tab:after,
  .year-overview .react-tabs__tab:after {
    display: none !important;
  }
  .year-overview .tab-list__tab--selected,
  .year-overview .react-tabs__tab--selected {
    display: block !important;
  }
  .year-overview .react-tabs__tab-list {
    width: auto;
    right: 0;
  }
  .year-overview .line-chart-filters__input:checked + .line-chart-filters__label--rio:before, .year-overview .line-chart-filters__input:checked + .line-chart-filters__label--market:before, .year-overview .line-chart-filters__input:checked + .line-chart-filters__label--cash:before, .year-overview .line-chart-filters__input:checked + .line-chart-filters__label--fixedincome:before {
    width: 0;
    height: 0;
    border-width: 0;
    border-top-width: 1.11111rem;
    border-left-width: 0.11111rem;
  }
  .year-overview__chart, .year-overview__table {
    display: block !important;
    padding: 0 !important;
  }
  .year-overview__table p {
    padding-bottom: 0;
    width: 100% !important;
    font-size: 1.1rem !important;
    line-height: 1.4rem !important;
  }
  .year-overview .table--balances th,
  .year-overview .table--balances td {
    border: 0 !important;
  }
  .year-overview__table--rio .table--balances .table__heading--totals-msci,
  .year-overview__table--rio .table--balances .table__cell--totals-msci,
  .year-overview__table--rio .table--balances .table__heading--msci,
  .year-overview__table--rio .table--balances .table__cell--msci {
    border-top: 0.05556rem solid rgba(0, 142, 158, 0.6) !important;
  }
  .year-overview .table__heading--eoy-balance-pre-fees-and-payments,
  .year-overview .table__cell--eoy-balance-pre-fees-and-payments {
    border-top: 0.16667rem solid rgba(0, 142, 158, 0.6) !important;
  }
  .year-overview .table__row.hidden {
    display: table-row !important;
  }
  .year-overview .table__row-after-content {
    padding: 0 !important;
  }
  .year-overview .allocation-performance-chart {
    width: 100% !important;
  }
  .last-page-print-p {
    padding-top: 1.11111rem;
    font-size: 0.77778rem;
  }
  :-webkit-full-screen:not(:root:root), .print-av-allocation-charts .allocation-performance-chart {
    height: 20.55556rem;
  }
  :-webkit-full-screen:not(:root:root), .print-av-allocation-charts .allocation-performance-chart:before {
    left: -4.72222rem;
  }
  :-webkit-full-screen:not(:root:root), .print-av-allocation-charts .print-preview__barchart:before {
    left: 1.66667rem;
  }
  :-webkit-full-screen:not(:root:root), .print-ip-charts .print-annual-growth-chart {
    margin-top: 0.55556rem;
  }
  :-webkit-full-screen:not(:root:root), .print-disclaimer .assumptions-table-main {
    margin-top: 0;
  }
}

@media all and (-ms-high-contrast: none) {
  *::-ms-backdrop, .print-ip-charts .print-investment-value-lbl {
    left: 1%\0;
  }
}

@media all and (-ms-high-contrast: none) {
  *::-ms-backdrop, .print-ip-charts .print-annual-growth-lbl {
    left: 1%\0;
  }
}

.print-ip-charts {
  position: absolute;
  top: -555.5rem;
  left: -555.5rem;
  width: 100%;
}

.print-av-allocation-charts {
  position: absolute;
  width: 100%;
  top: -555.5rem;
  left: -555.5rem;
}

.print-av-allocation-charts .allocation-performance-chart {
  height: 24.44444rem;
}

.line-chart-filters-print {
  line-height: 1.22222rem;
  font-size: 0.77778rem;
  color: #414141;
  margin-bottom: 0;
  font-weight: normal;
  font-family: "AllianzNeoRegular";
  box-sizing: border-box;
  padding: 0.55556rem 0.55556rem 0 0.55556rem;
  min-height: 100%;
  border: 0.05556rem solid #414141;
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  margin-bottom: 0.83333rem;
  background: #ffffff;
  box-shadow: 0 0 0.11111rem rgba(0, 142, 158, 0.3);
  cursor: pointer;
}

.line-chart-filters-print__group {
  width: 100%;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-around;
}

.line-chart-filters-print__item:not(:last-child) {
  margin-bottom: 0.55556rem;
}

.line-chart-filters-print__input {
  position: absolute;
  z-index: -1;
  opacity: 0;
}

.line-chart-filters-print__input:not(:checked) + .line-chart-filters-print__label {
  color: rgba(65, 65, 65, 0.3);
}

.line-chart-filters-print__input:checked + .line-chart-filters-print__label:before {
  border-color: #414141;
}

.line-chart-filters-print__input:checked + .line-chart-filters-print__label--rio:before {
  border-color: #5DC5BE;
  background-color: #5DC5BE;
}

.line-chart-filters-print__input:checked + .line-chart-filters-print__label--market:before {
  border-color: #8A679C;
  background-color: #8A679C;
}

.line-chart-filters-print__input:checked + .line-chart-filters-print__label--fixedincome:before {
  border-color: #B8CD7C;
  background-color: #B8CD7C;
}

.line-chart-filters-print__input:checked + .line-chart-filters-print__label--cash:before {
  border-color: #FDD25C;
  background-color: #FDD25C;
}

.line-chart-filters-print__input:checked + .line-chart-filters-print__label > .icon {
  opacity: 1;
}

.line-chart-filters-print__input:checked + .line-chart-filters-print__label.radio-label:before {
  border-radius: 50%;
}

.line-chart-filters-print__input:not(:checked) + .line-chart-filters-print__label.radio-label:before {
  border-radius: 50%;
}

.line-chart-filters-print__input + .line-chart-filters-print__label--rio .icon,
.line-chart-filters-print__input + .line-chart-filters-print__label--market .icon,
.line-chart-filters-print__input + .line-chart-filters-print__label--cash .icon,
.line-chart-filters-print__input + .line-chart-filters-print__label--fixedincome .icon {
  color: #ffffff;
}

.line-chart-filters-print__input + .line-chart-filters-print__label--dashed:before {
  border-style: dashed;
}

.line-chart-filters-print__input + .line-chart-filters-print__label--dashed.radio-label:before {
  border-radius: 50%;
}

.line-chart-filters-print__label {
  display: flex;
  align-items: center;
  position: relative;
  cursor: pointer;
}

.line-chart-filters-print__label > .icon {
  position: absolute;
  top: 50%;
  left: 0.27778rem;
  width: 0.66667rem;
  height: 0.66667rem;
  color: #414141;
  opacity: 0;
  transition: opacity 0.3s linear;
  transform: translateY(-50%);
}

.line-chart-filters-print__label:before {
  margin-right: 0.44444rem;
  min-width: 1.11111rem;
  width: 1.11111rem;
  height: 1.11111rem;
  border: 0.05556rem solid currentColor;
  content: '';
  transition: all 0.3s linear;
}

.line-chart-filters-print__group + .line-chart-filters-print__group {
  margin-top: 1.55556rem;
  padding-top: 1.55556rem;
  border-top: 0.05556rem solid rgba(112, 105, 115, 0.3);
}

.line-chart-filters-printradio-label.line-chart-filters-print__label:before {
  border-radius: 50%;
}

@media all and (-ms-high-contrast: none) {
  *::-ms-backdrop, .line-chart-filters-print__label:before {
    display: inline-block\0;
  }
}

@keyframes growShrink {
  50% {
    transform: scale(1.2);
  }
  100% {
    transform: scale(1);
  }
}

@keyframes zoomIn {
  0% {
    transform: scale(0.5);
    opacity: 0;
  }
  50% {
    transform: scale(1);
    opacity: 0.5;
  }
  80% {
    transform: scale(1.2);
    opacity: 1;
  }
  100% {
    transform: scale(1);
    opacity: 1;
  }
}

@keyframes zoomOut {
  100% {
    transform: scale(1.25, 1.25);
    opacity: 0;
  }
}

@keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

@keyframes modalOpening {
  from {
    opacity: 0;
    transform: translate(-50%, 0%) scale(0.9);
  }
  50% {
    opacity: 1;
  }
  to {
    transform: translate(-50%, 0%) scale(1);
  }
}

@keyframes modalClosing {
  from {
    opacity: 1;
    transform: translate(-50%, 0%) scale(1);
  }
  to {
    opacity: 0;
    transform: translate(-50%, 0%) scale(0.9);
  }
}

@keyframes fadeOut {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}

@keyframes rotate {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(359deg);
  }
}

@keyframes dots {
  0%,
  20% {
    color: #008e9e;
    text-shadow: 0.25em 0 0 #008e9e, 0.5em 0 0 #008e9e;
  }
  40% {
    color: white;
    text-shadow: 0.25em 0 0 #008e9e, 0.5em 0 0 #008e9e;
  }
  60% {
    text-shadow: 0.25em 0 0 white, 0.5em 0 0 #008e9e;
  }
  80%,
  100% {
    text-shadow: 0.25em 0 0 white, 0.5em 0 0 white;
  }
}

@keyframes yearOverviewHeaderAnimate {
  from {
    padding-top: 0;
    padding-bottom: 0;
  }
  to {
    padding-top: 0.83333rem;
    padding-bottom: 0.83333rem;
    @media screen and (min-width: 1200px) {
      padding-top: 1.66667rem;
      padding-bottom: 1.66667rem;
    }
  }
}

html.embedded .loader:not(.loader--bar) .loader {
  min-height: 768px;
}

.loader--bar {
  position: fixed;
  z-index: 100;
  height: 0.22222rem;
  background: #7fe4e0;
  opacity: 1;
  transition: width 500ms ease-out, height 500ms ease-out;
}

.loader--graphic {
  position: absolute;
  top: 0;
  z-index: 500;
  width: 100vw;
  height: 100vh;
}

.loader--graphic .loader__message {
  line-height: 2.66667rem;
  font-size: 2.22222rem;
  color: #008e9e;
  margin-bottom: 2.66667rem;
  font-weight: normal;
  font-family: "AllianzNeoRegular";
}

.loader--graphic .loader__content {
  position: relative;
  width: 6.66667rem;
  height: 6.66667rem;
}

.loader--graphic .icon {
  animation-name: rotate;
  animation-duration: 7s;
  animation-timing-function: linear;
  animation-iteration-count: infinite;
}

.loader--graphic .icon--gear-one {
  width: 4.27778rem;
  height: 4.27778rem;
}

.loader--graphic .icon--gear-two {
  position: absolute;
  right: 0;
  bottom: 0;
  width: 3rem;
  height: 3rem;
}

.loader--graphic .icon--gear-two {
  animation-delay: 0.2s;
}

#app .row, .allianz-calculator-app .row, .modal-calculator .row {
  display: flex;
  flex-direction: row;
  width: 100%;
  height: inherit;
}

#app .row--centered, .allianz-calculator-app .row--centered, .modal-calculator .row--centered {
  display: flex;
  align-items: center;
  justify-content: center;
}

#app .row--space-around, .allianz-calculator-app .row--space-around, .modal-calculator .row--space-around {
  display: flex;
  align-items: center;
  justify-content: space-around;
}

#app .row--space-between, .allianz-calculator-app .row--space-between, .modal-calculator .row--space-between {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.key-value-wrapper--expanded {
  padding: 0 1.66667rem;
}

.key-value-wrapper--expanded .key-value--expanded:last-child {
  margin-bottom: 0;
}

.key-value--expanded {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 0.83333rem;
  word-break: break-word;
}

.key-value__key--expanded, .key-value__value--expanded {
  text-align: left;
}

.key-value__key--expanded {
  width: 65%;
}

.key-value__value--expanded {
  font-weight: normal;
  font-family: "AllianzNeoRegular";
  width: 35%;
  text-transform: capitalize;
  white-space: nowrap;
}

.persona-profile {
  margin: 3.11111rem 0.83333rem 0 0.83333rem;
  line-height: 1.66667rem;
  font-size: 1rem;
  color: #5a5360;
  margin-bottom: 0;
  font-weight: 700;
  font-family: "AllianzNeoBold";
  position: relative;
  padding: 4.44444rem 0 3.33333rem 0;
  min-height: 10.83333rem;
  width: 19.44444rem;
  border: 0.05556rem solid #d7d3d9;
  background: #ffffff;
  box-shadow: 0 0.11111rem 0.33333rem 0 #d7d3d9;
  cursor: pointer;
  transition: transform 0.3s linear;
  -webkit-user-select: none;
      -ms-user-select: none;
          user-select: none;
}

.persona-profile:hover {
  transform: scale(0.98);
}

.persona-profile:hover .persona-profile__image img {
  transform: scale(1.05);
}

.persona-profile__heading {
  line-height: 2.11111rem;
  font-size: 1.66667rem;
  color: #008e9e;
  margin-bottom: 2.11111rem;
  font-weight: normal;
  font-family: "AllianzNeoRegular";
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  margin-left: auto;
  margin-right: auto;
  display: block;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 2.22222rem;
  width: 85%;
  height: 2.11111rem;
}

.persona-profile__image {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  top: 0;
  width: 6.22222rem;
  height: 6.22222rem;
  border-radius: 50%;
}

.persona-profile__image img {
  transition: all 0.3s linear;
}

.persona-profile__icon {
  position: absolute;
  right: 1.11111rem;
  bottom: 1.11111rem;
  width: 0.88889rem;
  height: 0.88889rem;
}

@keyframes growShrink {
  50% {
    transform: scale(1.2);
  }
  100% {
    transform: scale(1);
  }
}

@keyframes zoomIn {
  0% {
    transform: scale(0.5);
    opacity: 0;
  }
  50% {
    transform: scale(1);
    opacity: 0.5;
  }
  80% {
    transform: scale(1.2);
    opacity: 1;
  }
  100% {
    transform: scale(1);
    opacity: 1;
  }
}

@keyframes zoomOut {
  100% {
    transform: scale(1.25, 1.25);
    opacity: 0;
  }
}

@keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

@keyframes modalOpening {
  from {
    opacity: 0;
    transform: translate(-50%, 0%) scale(0.9);
  }
  50% {
    opacity: 1;
  }
  to {
    transform: translate(-50%, 0%) scale(1);
  }
}

@keyframes modalClosing {
  from {
    opacity: 1;
    transform: translate(-50%, 0%) scale(1);
  }
  to {
    opacity: 0;
    transform: translate(-50%, 0%) scale(0.9);
  }
}

@keyframes fadeOut {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}

@keyframes rotate {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(359deg);
  }
}

@keyframes dots {
  0%,
  20% {
    color: #008e9e;
    text-shadow: 0.25em 0 0 #008e9e, 0.5em 0 0 #008e9e;
  }
  40% {
    color: white;
    text-shadow: 0.25em 0 0 #008e9e, 0.5em 0 0 #008e9e;
  }
  60% {
    text-shadow: 0.25em 0 0 white, 0.5em 0 0 #008e9e;
  }
  80%,
  100% {
    text-shadow: 0.25em 0 0 white, 0.5em 0 0 white;
  }
}

@keyframes yearOverviewHeaderAnimate {
  from {
    padding-top: 0;
    padding-bottom: 0;
  }
  to {
    padding-top: 0.83333rem;
    padding-bottom: 0.83333rem;
    @media screen and (min-width: 1200px) {
      padding-top: 1.66667rem;
      padding-bottom: 1.66667rem;
    }
  }
}

#app .button, .allianz-calculator-app .button, .modal-calculator .button {
  display: flex;
  align-items: center;
  justify-content: center;
  display: block;
  margin-left: auto;
  margin-right: auto;
  cursor: pointer;
  -webkit-user-select: none;
      -ms-user-select: none;
          user-select: none;
}

#app .button--primary, .allianz-calculator-app .button--primary, .modal-calculator .button--primary {
  line-height: 1.33333rem;
  font-size: 0.88889rem;
  margin-bottom: 0;
  font-weight: normal;
  font-family: "AllianzNeoSemiBold";
  padding: 0.83333rem 0.83333rem 0.66667rem 0.83333rem;
  max-width: 17.77778rem;
  background: #003781;
  color: #ffffff;
  text-align: center;
  text-transform: uppercase;
  letter-spacing: 0.05556rem;
  transition: background 0.3s linear;
}

#app .button--primary:hover, #app .button--primary:focus, .allianz-calculator-app .button--primary:hover, .allianz-calculator-app .button--primary:focus, .modal-calculator .button--primary:hover, .modal-calculator .button--primary:focus {
  background: #008e9e;
}

#app .button--uppercase, .allianz-calculator-app .button--uppercase, .modal-calculator .button--uppercase {
  text-transform: uppercase;
}

#app .button--no-fill, .allianz-calculator-app .button--no-fill, .modal-calculator .button--no-fill {
  border: 0.11111rem solid #003781;
  background: #ffffff;
  color: #003781;
  text-align: center;
  text-transform: uppercase;
  letter-spacing: 0.05556rem;
  transition: background 0.3s linear;
}

#app .button--no-fill:hover, .allianz-calculator-app .button--no-fill:hover, .modal-calculator .button--no-fill:hover {
  background: #003781;
  color: #ffffff;
}

#app .button--secondary, .allianz-calculator-app .button--secondary, .modal-calculator .button--secondary {
  line-height: 1.22222rem;
  font-size: 0.77778rem;
  color: #003781;
  margin-bottom: 0;
  font-weight: 600;
  font-family: "AllianzNeoSemiBold";
  padding: 0.27778rem 0;
  max-width: 6.22222rem;
  border: 0.11111rem solid #003781;
  background: #ffffff;
  transition: all 0.3s linear;
}

#app .button--secondary:hover, .allianz-calculator-app .button--secondary:hover, .modal-calculator .button--secondary:hover {
  background: #003781;
  color: #ffffff;
}

#app .button--disabled, .allianz-calculator-app .button--disabled, .modal-calculator .button--disabled {
  opacity: 0.7;
  cursor: default;
  pointer-events: none;
}

#app .button--disabled:hover, #app .button--disabled:focus, .allianz-calculator-app .button--disabled:hover, .allianz-calculator-app .button--disabled:focus, .modal-calculator .button--disabled:hover, .modal-calculator .button--disabled:focus {
  background: initial;
  color: initial;
}

#app .button--plain, .allianz-calculator-app .button--plain, .modal-calculator .button--plain {
  line-height: 1.33333rem;
  font-size: 0.88889rem;
  margin-bottom: 1.33333rem;
  font-weight: normal;
  font-family: "AllianzNeoSemiBold";
  background: #ffffff;
  color: #003781;
  text-transform: uppercase;
}

#app .button--plain .button__icon, .allianz-calculator-app .button--plain .button__icon, .modal-calculator .button--plain .button__icon {
  position: relative;
  top: 0;
  display: inline-block;
  margin: 0;
  margin-left: 0.27778rem;
  width: 0.66667rem;
  height: 0.61111rem;
}

#app .button--plain:hover, .allianz-calculator-app .button--plain:hover, .modal-calculator .button--plain:hover {
  animation-name: growShrink;
  animation-duration: 1s;
}

.persona-form__image {
  display: block;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 1.38889rem;
  width: 6.22222rem;
}

.persona-form__message {
  text-align: center;
  font-size: 0.88889rem;
  padding: 0 10rem;
}

.persona-form .form-control--name {
  min-width: 9.44444rem;
  max-width: 16.11111rem;
}

.persona-form .form-control--age {
  max-width: 2.77778rem;
}

.persona-form .form-control--amount {
  padding: 0 1.11111rem 0 2.22222rem;
  max-width: 5.83333rem;
}

.persona-form .form-control--investment-type {
  max-width: 16.11111rem;
}

.persona-form .form-control--investment-strategy {
  max-width: 10.27778rem;
}

.persona-form .button--primary {
  margin-top: 2.5rem;
}

.persona-form .label--bold {
  font-size: 0.88889rem;
}

@charset "UTF-8";
@keyframes growShrink {
  50% {
    transform: scale(1.2);
  }
  100% {
    transform: scale(1);
  }
}

@keyframes zoomIn {
  0% {
    transform: scale(0.5);
    opacity: 0;
  }
  50% {
    transform: scale(1);
    opacity: 0.5;
  }
  80% {
    transform: scale(1.2);
    opacity: 1;
  }
  100% {
    transform: scale(1);
    opacity: 1;
  }
}

@keyframes zoomOut {
  100% {
    transform: scale(1.25, 1.25);
    opacity: 0;
  }
}

@keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

@keyframes modalOpening {
  from {
    opacity: 0;
    transform: translate(-50%, 0%) scale(0.9);
  }
  50% {
    opacity: 1;
  }
  to {
    transform: translate(-50%, 0%) scale(1);
  }
}

@keyframes modalClosing {
  from {
    opacity: 1;
    transform: translate(-50%, 0%) scale(1);
  }
  to {
    opacity: 0;
    transform: translate(-50%, 0%) scale(0.9);
  }
}

@keyframes fadeOut {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}

@keyframes rotate {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(359deg);
  }
}

@keyframes dots {
  0%,
  20% {
    color: #008e9e;
    text-shadow: 0.25em 0 0 #008e9e, 0.5em 0 0 #008e9e;
  }
  40% {
    color: white;
    text-shadow: 0.25em 0 0 #008e9e, 0.5em 0 0 #008e9e;
  }
  60% {
    text-shadow: 0.25em 0 0 white, 0.5em 0 0 #008e9e;
  }
  80%,
  100% {
    text-shadow: 0.25em 0 0 white, 0.5em 0 0 white;
  }
}

@keyframes yearOverviewHeaderAnimate {
  from {
    padding-top: 0;
    padding-bottom: 0;
  }
  to {
    padding-top: 0.83333rem;
    padding-bottom: 0.83333rem;
    @media screen and (min-width: 1200px) {
      padding-top: 1.66667rem;
      padding-bottom: 1.66667rem;
    }
  }
}

/*--- Only Firefox ---*/
/*--- Only Firefox 1.5 and Firefox 2 ---*/
/*--- Only Firefox ≥ 2 ---*/
/*--- Only Firefox ≥ 3 ---*/
/*--- Only Firefox ≥ 6 ---*/
/*--- Only Firefox ≥ 16 ---*/
/*--- Only Firefox ≥ 21 ---*/
/*--- Only Firefox ≥ 24 ---*/
/*--- Only Firefox ≥ 25 ---*/
/*--- Only Firefox ≥ 26 ---*/
/*--- Only Firefox ≥ 27 ---*/
/*--- Only Firefox ≥ 28 ---*/
/*--- Only Firefox ≥ 30 ---*/
/*--- Only Webkit (Chrome, Safari, Opera ≥ 14) ---*/
/*--- Only Chrome 28+, Opera ≥ 14 ---*/
/*--- Only Safari ≥ 6.1 ---*/
/*--- Only Safari ≥ 9 ---*/
/*--- Only iOS Safari ≥ 9 ---*/
/*--- Only Safari ≥ 9 (Non iOS) ---*/
/*--- Only Opera ≤ 9.27, Safari ≤ 2 ---*/
/* ----------------------------------- //
//           Opera CSS Hacks
// ----------------------------------- */
/*--- Only Opera ≥ 9.5 ---*/
/*--- Only Opera ≤ 11 ---*/
/* ----------------------------------- //
//     Edge CSS Hacks
// ----------------------------------- */
/* ----------------------------------- //
//     Internet Explorer CSS Hacks
// ----------------------------------- */
/*--- Only IE ≤ 6 ---*/
/*--- Only IE7 ---*/
/*--- Only IE ≤ 7 ---*/
/*--- Only IE8 ---*/
/*--- Only IE ≤ 8 ---*/
/*--- Only IE9 ---*/
/*--- Only IE ≤ 9 ---*/
/*--- Only IE10 ---*/
/*--- Only IE ≤ 11 ---*/
/*--- Only IE ≥ 11 ---*/
/*--- Anything but IE6 ---*/
/*--- Only IE ≥ 9, safari4, android ≥ 2.3 ---*/
/* ----------------------------------- //
//           Other CSS Hacks
// ----------------------------------- */
/*--- Everything but IE and Safari ≤ 6 ---*/
.modal {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 400;
  opacity: 0;
  pointer-events: none;
}

.modal__overlay {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 400;
  background: rgba(0, 0, 0, 0.5);
  pointer-events: none;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
}

.modal__content {
  position: absolute;
  top: 5rem;
  left: 50%;
  transform: translate(-50%, 0);
  padding: 3.33333rem 0 4.44444rem 0;
  z-index: 600;
  min-width: 51.11111rem;
  background-color: #ffffff;
  will-change: opacity, transform;
}

.modal__close-btn {
  position: absolute;
  top: 1.11111rem;
  right: 1.11111rem;
  width: 1.11111rem;
  height: 1.11111rem;
  cursor: pointer;
}

.modal__close-btn:hover {
  animation-name: growShrink;
  animation-duration: 1s;
}

.modal--maximized .modal__content {
  width: calc(100vw - 3.33333rem);
  max-height: 33.33333rem;
}

@media screen and (min-width: 1200px) {
  .modal--maximized .modal__content {
    width: 66.66667rem;
  }
}

.modal--maximized.modal-calculator.modal--election .modal__content {
  max-height: none;
}

.modal--shown {
  opacity: 1;
  pointer-events: all;
}

.modal--shown .modal__overlay {
  animation-name: fadeIn;
  animation-duration: 0.2s;
}

.modal--shown .modal__content {
  animation-name: modalOpening;
  animation-duration: 0.4s;
}

.modal--closing {
  opacity: 1;
}

.modal--closing .modal__overlay {
  animation-name: fadeOut;
  animation-duration: 0.3s;
  animation-fill-mode: forwards;
}

.modal--closing .modal__content {
  animation-name: modalClosing;
  animation-duration: 0.3s;
  animation-fill-mode: forwards;
}

.modal--election .modal__content {
  transform: translate(-50%, 0%) scale(0.9);
  padding: 3.33333rem 0.83333rem 4.44444rem 0.83333rem;
}

@media screen and (min-width: 1200px) {
  .modal--election .modal__content {
    transform: translate(-50%, 0%);
    padding: 3.33333rem 0 4.44444rem 0;
  }
}

@media screen and (min-width: 1200px) {
}

.modal--settings-panel.modal-calculator .modal__overlay {
  display: none;
}

.modal--settings-panel.modal-calculator .modal__content {
  top: 2.77778rem;
  left: 0;
  margin-bottom: 0;
  animation-name: fadeIn !important;
  animation-duration: 0.3s !important;
  padding: 0.83333rem 0.83333rem 1.66667rem 0.83333rem;
  width: calc(100vw - 1.66667rem);
  background: #f0edf0;
  box-shadow: 0 0.22222rem 0.16667rem 0 rgba(90, 83, 96, 0.3);
  transform: none;
}

@media screen and (min-width: 1200px) {
  .modal--settings-panel.modal-calculator .modal__content {
    padding: 1.66667rem;
    width: calc(100vw - 3.33333rem);
  }
}

@media screen and (min-width: 1200px) {
}

.modal--settings-panel.modal-calculator .modal__content:before {
  content: '';
  display: block;
  width: 0;
  height: 0;
  border-style: solid;
  -moz-transform: scale(0.9999);
  border-width: 0 0.55556rem 0.55556rem 0.55556rem;
  border-color: transparent transparent #f0edf0 transparent;
  position: absolute;
  top: -0.38889rem;
  right: 0.66667rem;
}

.modal--confirmation .modal__content {
  width: 38.88889rem;
  min-width: auto;
  padding-bottom: 2.22222rem;
}

.modal--simulation-update .modal__content {
  width: 38.88889rem;
  min-width: auto;
}

.modal--persona-create .modal__content {
  padding-bottom: 1.66667rem;
}

.modal--persona-create .persona-form__message {
  margin-top: 2.77778rem;
}

.modal--persona-edit .modal__content {
  padding-bottom: 1.66667rem;
}

.modal--persona-edit form {
  margin-bottom: 2.77778rem;
}

.modal--persona-edit .persona-form .button {
  margin-top: 0.55556rem;
}

.modal--scenario-switch-edit .modal__content {
  padding-bottom: 2.22222rem;
  padding-left: 6.94444rem;
  padding-right: 6.94444rem;
  transform: translate(-50%, 0%) scale(0.8);
}

@media screen and (min-width: 1200px) {
  .modal--scenario-switch-edit .modal__content {
    transform: translate(-50%, 0%);
  }
}

.mobile-safari .modal--shown .modal__overlay {
  animation: none;
}

.mobile-safari .modal--shown .modal__content {
  animation: none;
}

.mobile-safari .modal--closing .modal__overlay {
  animation: none;
}

.mobile-safari .modal--closing .modal__content {
  animation: none;
}

.persona-selector__content {
  padding: 1.27778rem 0 0 0;
}

@charset "UTF-8";
/*--- Only Firefox ---*/
/*--- Only Firefox 1.5 and Firefox 2 ---*/
/*--- Only Firefox ≥ 2 ---*/
/*--- Only Firefox ≥ 3 ---*/
/*--- Only Firefox ≥ 6 ---*/
/*--- Only Firefox ≥ 16 ---*/
/*--- Only Firefox ≥ 21 ---*/
/*--- Only Firefox ≥ 24 ---*/
/*--- Only Firefox ≥ 25 ---*/
/*--- Only Firefox ≥ 26 ---*/
/*--- Only Firefox ≥ 27 ---*/
/*--- Only Firefox ≥ 28 ---*/
/*--- Only Firefox ≥ 30 ---*/
/*--- Only Webkit (Chrome, Safari, Opera ≥ 14) ---*/
/*--- Only Chrome 28+, Opera ≥ 14 ---*/
/*--- Only Safari ≥ 6.1 ---*/
/*--- Only Safari ≥ 9 ---*/
/*--- Only iOS Safari ≥ 9 ---*/
/*--- Only Safari ≥ 9 (Non iOS) ---*/
/*--- Only Opera ≤ 9.27, Safari ≤ 2 ---*/
/* ----------------------------------- //
//           Opera CSS Hacks
// ----------------------------------- */
/*--- Only Opera ≥ 9.5 ---*/
/*--- Only Opera ≤ 11 ---*/
/* ----------------------------------- //
//     Edge CSS Hacks
// ----------------------------------- */
/* ----------------------------------- //
//     Internet Explorer CSS Hacks
// ----------------------------------- */
/*--- Only IE ≤ 6 ---*/
/*--- Only IE7 ---*/
/*--- Only IE ≤ 7 ---*/
/*--- Only IE8 ---*/
/*--- Only IE ≤ 8 ---*/
/*--- Only IE9 ---*/
/*--- Only IE ≤ 9 ---*/
/*--- Only IE10 ---*/
/*--- Only IE ≤ 11 ---*/
/*--- Only IE ≥ 11 ---*/
/*--- Anything but IE6 ---*/
/*--- Only IE ≥ 9, safari4, android ≥ 2.3 ---*/
/* ----------------------------------- //
//           Other CSS Hacks
// ----------------------------------- */
/*--- Everything but IE and Safari ≤ 6 ---*/
.investment-amount .input-before {
  display: inline-block;
  padding-bottom: 0.27778rem;
  border-bottom: 0.27778rem solid #008e9e;
}

.investment-amount .form-control,
.investment-amount .currency-symbol {
  line-height: 3.44444rem;
  font-size: 3rem;
  color: #008e9e;
  margin-bottom: 0;
  font-weight: 500;
  font-family: "AllianzNeoRegular";
}

.investment-amount .form-group {
  margin-top: 3.72222rem;
}

.investment-amount .form-group--error .form-control,
.investment-amount .form-group--error .input-before {
  border-bottom: 0.27778rem solid #d0021b;
}

.investment-amount .form-group--error .form-control,
.investment-amount .form-group--error .currency-symbol {
  color: #d0021b;
}

.investment-amount .currency-symbol {
  position: static;
  margin-right: 0.55556rem;
}

.investment-amount .form-control {
  margin: 0;
  padding: 0 0 0.27778rem 0;
  min-width: 11.94444rem;
  max-width: 14.72222rem;
  border-bottom: 0.27778rem solid #008e9e;
}

.investment-amount .button--primary {
  margin-top: 6.38889rem;
}

.investment-amount .bottom-text {
  line-height: 1.22222rem;
  font-size: 0.77778rem;
  color: #414141;
  margin-bottom: 1.22222rem;
  font-weight: normal;
  font-family: "AllianzNeoRegular";
  margin-top: 1.66667rem;
  max-width: 63%;
}

.mobile-safari .investment-amount .input-before {
  padding-bottom: 0.38889rem;
}

@media all and (-ms-high-contrast: none) {
  *::-ms-backdrop, .investment-amount .input-before {
    padding-bottom: 0.38889rem\0;
  }
}

@supports (-ms-ime-align: auto) {
  .investment-amount .input-before {
    padding-bottom: 0.33333rem;
  }
}

@media all and (-ms-high-contrast: none) {
  *::-ms-backdrop, .investment-amount .currency-symbol {
    line-height: 3.33333rem\0;
  }
}

@supports (overflow: -webkit-marquee) and (justify-content: inherit) {
  .investment-amount .input-before {
    padding-bottom: 0.38889rem;
  }
}

@-moz-document url-prefix() {
  .investment-amount .input-before {
    padding-bottom: 0.36rem;
  }
}

@keyframes growShrink {
  50% {
    transform: scale(1.2);
  }
  100% {
    transform: scale(1);
  }
}

@keyframes zoomIn {
  0% {
    transform: scale(0.5);
    opacity: 0;
  }
  50% {
    transform: scale(1);
    opacity: 0.5;
  }
  80% {
    transform: scale(1.2);
    opacity: 1;
  }
  100% {
    transform: scale(1);
    opacity: 1;
  }
}

@keyframes zoomOut {
  100% {
    transform: scale(1.25, 1.25);
    opacity: 0;
  }
}

@keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

@keyframes modalOpening {
  from {
    opacity: 0;
    transform: translate(-50%, 0%) scale(0.9);
  }
  50% {
    opacity: 1;
  }
  to {
    transform: translate(-50%, 0%) scale(1);
  }
}

@keyframes modalClosing {
  from {
    opacity: 1;
    transform: translate(-50%, 0%) scale(1);
  }
  to {
    opacity: 0;
    transform: translate(-50%, 0%) scale(0.9);
  }
}

@keyframes fadeOut {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}

@keyframes rotate {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(359deg);
  }
}

@keyframes dots {
  0%,
  20% {
    color: #008e9e;
    text-shadow: 0.25em 0 0 #008e9e, 0.5em 0 0 #008e9e;
  }
  40% {
    color: white;
    text-shadow: 0.25em 0 0 #008e9e, 0.5em 0 0 #008e9e;
  }
  60% {
    text-shadow: 0.25em 0 0 white, 0.5em 0 0 #008e9e;
  }
  80%,
  100% {
    text-shadow: 0.25em 0 0 white, 0.5em 0 0 white;
  }
}

@keyframes yearOverviewHeaderAnimate {
  from {
    padding-top: 0;
    padding-bottom: 0;
  }
  to {
    padding-top: 0.83333rem;
    padding-bottom: 0.83333rem;
    @media screen and (min-width: 1200px) {
      padding-top: 1.66667rem;
      padding-bottom: 1.66667rem;
    }
  }
}

.label--light {
  line-height: 1.88889rem;
  font-size: 1.44444rem;
  margin-bottom: 0;
  font-weight: normal;
  font-family: "AllianzNeoLight";
}

.label--bold {
  line-height: 1.88889rem;
  font-size: 1.44444rem;
  margin-bottom: 0;
  font-weight: normal;
  font-family: "AllianzNeoBold";
}

.label--large {
  line-height: 2.66667rem;
  font-size: 2.22222rem;
  margin-bottom: 0;
  font-weight: normal;
  font-family: "AllianzNeoBold";
}

.label--blue {
  color: #007ab3;
}

.label--block {
  display: block;
}

.label--table {
  line-height: 1.33333rem;
  font-size: 0.88889rem;
  margin-bottom: 1.33333rem;
  font-weight: normal;
  font-family: "AllianzNeoBoldItalic";
  text-align: left;
}

.label--election:before {
  position: absolute;
  top: -0.38889rem;
  right: 50%;
  display: block;
  margin-left: -0.16667rem;
  margin-right: auto;
  width: 0.33333rem;
  height: 0.33333rem;
  background: #fdd25c;
  content: '';
  transform: rotate(45deg);
}

.label--chart-label {
  line-height: 1.66667rem;
  font-size: 1rem;
  margin-bottom: 0;
  font-weight: normal;
  font-family: "AllianzNeoRegular";
  color: #808080;
}

.label--chart-value {
  line-height: 1.33333rem;
  font-size: 0.88889rem;
  margin-bottom: 0;
  font-weight: normal;
  font-family: "AllianzNeoRegular";
  color: #3da556;
  text-align: left;
}

.label--perf-chart-tip-title {
  white-space: nowrap;
}

.label--perf-chart-tip-title-large {
  line-height: 1.88889rem;
  font-size: 1.44444rem;
  margin-bottom: 0;
  font-weight: normal;
  font-family: "AllianzNeoBold";
}

.label--perf-chart-tip-title-med {
  line-height: 1.66667rem;
  font-size: 1rem;
  margin-bottom: 0;
  font-weight: normal;
  font-family: "AllianzNeoBold";
}

.label--perf-chart-tip-body {
  line-height: 1.33333rem;
  font-size: 0.88889rem;
  margin-bottom: 0;
  font-weight: normal;
  font-family: "AllianzNeoRegular";
  white-space: nowrap;
}

.label--perf-chart-tip-body + .label--perf-chart-tip-body {
  margin-top: 0.83333rem;
}

.label--perf-chart-tip-capped {
  color: #b71e3f;
}

.label--perf-chart-tip-protected {
  color: #1e8927;
}

.label--form {
  line-height: 2.11111rem;
  font-size: 1.66667rem;
  margin-bottom: 2.11111rem;
  font-weight: 300;
  font-family: "AllianzNeoLight";
  -webkit-user-select: none;
      -ms-user-select: none;
          user-select: none;
}

.label--form-currency-symbol {
  line-height: 2.11111rem;
  font-size: 1.66667rem;
  color: #008e9e;
  margin-bottom: 2.11111rem;
  font-weight: normal;
  font-family: "AllianzNeoRegular";
}

.label--form-less-spacing {
  margin-bottom: 0.55556rem;
}

.label--anchor {
  color: #007ab3;
  border-bottom: 0.05556rem solid #007ab3;
  cursor: pointer;
  transition: opacity 0.3s linear;
}

.label--anchor:hover {
  opacity: 0.7;
}

.label--persona-edit-name {
  margin-bottom: 0.66667rem;
  margin-right: 0.55556rem;
}

.label--disclaimerText {
  font-family: "Allianz Neo",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
  padding: 1.66667rem .83333rem 0;
  font-size: .77778rem;
  line-height: 1.11111rem;
}

.allocation-chart {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  position: relative;
  height: 26.94444rem;
}

.allocation-chart__chart, .allocation-chart__shadow-chart {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 26.94444rem;
}

.allocation-chart__amount {
  line-height: 1.77778rem;
  font-size: 1.33333rem;
  margin-bottom: 0;
  font-weight: normal;
  font-family: "AllianzNeoRegular";
  color: #9b9b9b;
  text-align: center;
  text-shadow: 0 0.05556rem 0 #d7d3d9;
  -webkit-user-select: none;
      -ms-user-select: none;
          user-select: none;
  will-change: opacity;
}

.allocation-chart__amount {
  animation-name: fadeIn;
  animation-duration: 3s;
}

.allocation-chart__shadow-chart {
  filter: drop-shadow(0 0.16667rem 0 #d7d3d9);
  pointer-events: none;
}

.allocation-chart__tooltip {
  position: absolute;
  z-index: 600;
  display: none;
  margin-top: -get-vertical-spacing(-2);
  opacity: 0;
}

.allocation-chart__tooltip--visible {
  display: inline-block;
  background: #ffffff;
  padding: 0.55556rem;
  border-radius: 0.27778rem;
  border: 0.05556rem solid #e9e6e9;
  pointer-events: none;
  will-change: opacity;
}

.allocation-chart__tooltip--visible {
  animation-name: fadeIn;
  animation-duration: 1s;
  animation-fill-mode: forwards;
}

.allocation-chart--no-animations .allocation-chart__amount {
  opacity: 1;
}

.allocation-chart--no-animations .allocation-chart__amount {
  animation: none;
}

.allocation-chart .arm,
.allocation-chart .baseline,
.allocation-chart .label,
.allocation-chart .pointer {
  opacity: 0;
  will-change: opacity;
}

.allocation-chart .arm,
.allocation-chart .baseline,
.allocation-chart .label,
.allocation-chart .pointer {
  animation-name: fadeIn;
  animation-duration: 2s;
  animation-delay: 0s;
  animation-fill-mode: forwards;
}

.allocation-chart .arm,
.allocation-chart .baseline {
  stroke: #9b9b9b;
  stroke-width: 1;
}

.allocation-chart .pointer {
  cursor: pointer;
}

.allocation-chart .label {
  animation-delay: 0.25s;
}

.allocation-chart .label__heading {
  line-height: 1.55556rem;
  font-size: 1.11111rem;
  margin-bottom: 0;
  font-weight: normal;
  font-family: "AllianzNeoRegular";
  fill: #808080;
}

.allocation-chart .label__sub-heading {
  line-height: 1.11111rem;
  font-size: 0.66667rem;
  margin-bottom: 0;
  font-weight: normal;
  font-family: "AllianzNeoSemiBold";
  fill: #3da556;
}

@charset "UTF-8";
/*--- Only Firefox ---*/
/*--- Only Firefox 1.5 and Firefox 2 ---*/
/*--- Only Firefox ≥ 2 ---*/
/*--- Only Firefox ≥ 3 ---*/
/*--- Only Firefox ≥ 6 ---*/
/*--- Only Firefox ≥ 16 ---*/
/*--- Only Firefox ≥ 21 ---*/
/*--- Only Firefox ≥ 24 ---*/
/*--- Only Firefox ≥ 25 ---*/
/*--- Only Firefox ≥ 26 ---*/
/*--- Only Firefox ≥ 27 ---*/
/*--- Only Firefox ≥ 28 ---*/
/*--- Only Firefox ≥ 30 ---*/
/*--- Only Webkit (Chrome, Safari, Opera ≥ 14) ---*/
/*--- Only Chrome 28+, Opera ≥ 14 ---*/
/*--- Only Safari ≥ 6.1 ---*/
/*--- Only Safari ≥ 9 ---*/
/*--- Only iOS Safari ≥ 9 ---*/
/*--- Only Safari ≥ 9 (Non iOS) ---*/
/*--- Only Opera ≤ 9.27, Safari ≤ 2 ---*/
/* ----------------------------------- //
//           Opera CSS Hacks
// ----------------------------------- */
/*--- Only Opera ≥ 9.5 ---*/
/*--- Only Opera ≤ 11 ---*/
/* ----------------------------------- //
//     Edge CSS Hacks
// ----------------------------------- */
/* ----------------------------------- //
//     Internet Explorer CSS Hacks
// ----------------------------------- */
/*--- Only IE ≤ 6 ---*/
/*--- Only IE7 ---*/
/*--- Only IE ≤ 7 ---*/
/*--- Only IE8 ---*/
/*--- Only IE ≤ 8 ---*/
/*--- Only IE9 ---*/
/*--- Only IE ≤ 9 ---*/
/*--- Only IE10 ---*/
/*--- Only IE ≤ 11 ---*/
/*--- Only IE ≥ 11 ---*/
/*--- Anything but IE6 ---*/
/*--- Only IE ≥ 9, safari4, android ≥ 2.3 ---*/
/* ----------------------------------- //
//           Other CSS Hacks
// ----------------------------------- */
/*--- Everything but IE and Safari ≤ 6 ---*/
.legend {
  display: inline-block;
  margin-top: 0.05556rem;
  margin-right: 0.83333rem;
  width: 1rem;
  height: 1rem;
}

.legend--green {
  background: #007d8c;
}

.legend--purple {
  background: #5a3982;
}

.legend--light-green {
  background: #7fe4e0;
}

.legend--light-purple {
  background: #8a679c;
}

.legend--lightest-green {
  background: rgba(127, 228, 224, 0.5);
}

.legend--lightest-purple {
  background: rgba(138, 103, 156, 0.5);
}

.legend--grey {
  background: #9b9b9b;
}

.allocation-form__allocation {
  display: block;
  padding-bottom: 0.27778rem;
  border-bottom: 0.05556rem dashed #5a5360;
  transition: all 0.3s linear;
}

.allocation-form__error {
  position: absolute;
  right: 1.66667rem;
  bottom: 3.33333rem;
  display: inline-block;
  padding: 0.27778rem 0.83333rem 0.27778rem 0.83333rem;
  border: 0.11111rem solid #d0021b;
  border-radius: 0.22222rem;
  font-size: 0.66667rem;
  line-height: 0.94444rem;
  opacity: 0;
  -webkit-user-select: none;
      -ms-user-select: none;
          user-select: none;
}

.allocation-form__error {
  animation-name: fadeIn;
  animation-duration: 0.3s;
  animation-fill-mode: forwards;
}

.allocation-form__error .icon {
  margin-right: 0.55556rem;
  width: 0.88889rem;
  height: 0.88889rem;
  vertical-align: middle;
}

.allocation-form__error .label {
  position: relative;
  top: 0.05556rem;
  display: inline-block;
}

.allocation-form .cell--protection-options {
  width: 25%;
}

.allocation-form .cell--allocations {
  width: 60%;
}

.allocation-form .cell--allocations .allocation-form__allocation:last-child {
  padding-top: 0.55556rem;
  padding-bottom: 0;
  border-bottom: none;
}

.allocation-form .form-group-control-wrapper {
  padding: 0;
}

.allocation-form .form-control {
  line-height: 1.66667rem;
  font-size: 1rem;
  color: #4a4a4a;
  margin-bottom: 0;
  font-weight: normal;
  font-family: "AllianzNeoRegular";
  width: 2.22222rem;
  height: 1.83333rem;
  border: 0.11111rem solid #9b9b9b;
  box-shadow: 0 0 0.27778rem 0.05556rem rgba(155, 155, 155, 0.5);
  transition: all 0.3s linear;
}

.allocation-form .form-control:active,
.allocation-form .form-control:focus {
  border-color: #007d8c;
  color: #007d8c;
}

.allocation-form .form-group--error .form-control {
  color: #d0021b;
  border-color: #d0021b;
}

.allocation-form .input-after .label {
  line-height: 1.55556rem;
  font-size: 1.11111rem;
  color: #9b9b9b;
  margin-bottom: 1.55556rem;
  font-weight: normal;
  font-family: "AllianzNeoRegular";
}

.allocation-form .value {
  float: right;
}

.allocation-form .cell--fixed-rate .cap {
  line-height: 1.33333rem;
}

.allocation-form .legend,
.allocation-form .title,
.allocation-form .value {
  display: inline-block;
  vertical-align: top;
}

.allocation-form .fund,
.allocation-form .cap {
  display: block;
}

.allocation-form .fund {
  line-height: 1.66667rem;
  font-size: 1rem;
  color: #414141;
  margin-bottom: 0;
  font-weight: normal;
  font-family: "AllianzNeoRegular";
  line-height: 1.22222rem;
}

.allocation-form .cap {
  line-height: 1.33333rem;
  font-size: 0.88889rem;
  color: #b71e3f;
  margin-bottom: 0;
  font-weight: 600;
  font-family: "AllianzNeoSemiBold";
  margin-left: 0.11111rem;
  line-height: 1.44444rem;
}

.allocation-form .table--allocations tbody tr:last-child td {
  padding-bottom: 0;
  border-bottom: none;
}

@media all and (-ms-high-contrast: none) {
  *::-ms-backdrop, .allocation-form .allocation-form__error {
    bottom: 3.88889rem\0;
  }
}

@charset "UTF-8";
/*--- Only Firefox ---*/
/*--- Only Firefox 1.5 and Firefox 2 ---*/
/*--- Only Firefox ≥ 2 ---*/
/*--- Only Firefox ≥ 3 ---*/
/*--- Only Firefox ≥ 6 ---*/
/*--- Only Firefox ≥ 16 ---*/
/*--- Only Firefox ≥ 21 ---*/
/*--- Only Firefox ≥ 24 ---*/
/*--- Only Firefox ≥ 25 ---*/
/*--- Only Firefox ≥ 26 ---*/
/*--- Only Firefox ≥ 27 ---*/
/*--- Only Firefox ≥ 28 ---*/
/*--- Only Firefox ≥ 30 ---*/
/*--- Only Webkit (Chrome, Safari, Opera ≥ 14) ---*/
/*--- Only Chrome 28+, Opera ≥ 14 ---*/
/*--- Only Safari ≥ 6.1 ---*/
/*--- Only Safari ≥ 9 ---*/
/*--- Only iOS Safari ≥ 9 ---*/
/*--- Only Safari ≥ 9 (Non iOS) ---*/
/*--- Only Opera ≤ 9.27, Safari ≤ 2 ---*/
/* ----------------------------------- //
//           Opera CSS Hacks
// ----------------------------------- */
/*--- Only Opera ≥ 9.5 ---*/
/*--- Only Opera ≤ 11 ---*/
/* ----------------------------------- //
//     Edge CSS Hacks
// ----------------------------------- */
/* ----------------------------------- //
//     Internet Explorer CSS Hacks
// ----------------------------------- */
/*--- Only IE ≤ 6 ---*/
/*--- Only IE7 ---*/
/*--- Only IE ≤ 7 ---*/
/*--- Only IE8 ---*/
/*--- Only IE ≤ 8 ---*/
/*--- Only IE9 ---*/
/*--- Only IE ≤ 9 ---*/
/*--- Only IE10 ---*/
/*--- Only IE ≤ 11 ---*/
/*--- Only IE ≥ 11 ---*/
/*--- Anything but IE6 ---*/
/*--- Only IE ≥ 9, safari4, android ≥ 2.3 ---*/
/* ----------------------------------- //
//           Other CSS Hacks
// ----------------------------------- */
/*--- Everything but IE and Safari ≤ 6 ---*/
.investment-allocation__content {
  position: relative;
  padding: 0.55556rem 1.66667rem 0.83333rem 1.66667rem;
  background: #ffffff;
}

.investment-allocation__chart {
  padding-top: 4.61111rem;
}

.investment-allocation__chart .heading {
  line-height: 1.22222rem;
  font-size: 0.77778rem;
  color: #008e9e;
  margin-bottom: 0;
  font-weight: 600;
  font-family: "AllianzNeoSemiBoldItalic";
  padding-bottom: 0.27778rem;
  border-bottom: 0.05556rem solid #008e9e;
  text-align: left;
}

.investment-allocation__chart .button--primary {
  position: absolute;
  right: 0;
  bottom: 0;
}

.investment-allocation .column {
  min-height: 35.83333rem;
}

.investment-allocation .column:first-child {
  margin-right: 1.11111rem;
  width: 50%;
}

.investment-allocation .column:last-child {
  position: relative;
  margin-left: 1.11111rem;
  width: 45%;
}

.investment-allocation .button--secondary {
  float: right;
}

.scenario-selector__heading {
  margin-bottom: 2.5rem;
}

.scenario-selector .row .scenario:first-child {
  margin-left: 0;
}

.scenario-selector .row .scenario:last-child {
  margin-right: 0;
}

.scenario-selector .form-group {
  display: none;
}

.scenario {
  padding: 1.66667rem;
  width: 13.22222rem;
  position: relative;
  margin: 0 0.83333rem;
  height: 18.83333rem;
  border: 0.05556rem solid #d7d3d9;
  background: #ffffff;
  box-shadow: 0 0.11111rem 0.33333rem 0 #d7d3d9;
  cursor: pointer;
  transition: transform 0.3s linear;
  -webkit-user-select: none;
      -ms-user-select: none;
          user-select: none;
}

@media screen and (min-width: 1200px) {
  .scenario {
    padding: 2.22222rem;
    width: 14.88889rem;
  }
}

@media screen and (min-width: 1200px) {
}

.scenario:hover {
  transform: scale(0.98);
}

.scenario:hover .scenario__image {
  transform: scale(1.1);
}

.scenario__image {
  display: block;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  width: 4.44444rem;
  height: 4.44444rem;
  border-radius: 50%;
  background: #e6f4f6;
  transition: all 0.3s linear;
}

.scenario .icon:not(.icon--plus) {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 2.22222rem;
  height: 2.22222rem;
}

.scenario .label {
  font-weight: normal;
  font-family: "AllianzNeoBold";
  margin-bottom: 0.27778rem;
}

.scenario .label--range {
  line-height: 2.11111rem;
  font-size: 1.66667rem;
  color: #008e9e;
  margin-bottom: 0;
  font-weight: normal;
  font-family: "AllianzNeoRegular";
  margin-bottom: 0.55556rem;
}

.scenario .label--start-date {
  line-height: 1.11111rem;
  font-size: 0.66667rem;
  color: #5a5360;
  margin-bottom: 1.11111rem;
  font-weight: normal;
  font-family: "AllianzNeoRegular";
}

.scenario__heading {
  line-height: 2.11111rem;
  font-size: 1.66667rem;
  color: #008e9e;
  margin-bottom: 0;
  font-weight: normal;
  font-family: "AllianzNeoRegular";
  padding: 1.94444rem 0 1.66667rem 0;
}

.scenario__content {
  text-align: center;
}

.scenario__actions .icon--plus {
  position: absolute;
  right: 1.11111rem;
  bottom: 1.11111rem;
  width: 0.88889rem;
  height: 0.88889rem;
}

.tippy-tooltip {
  line-height: 1.33333rem;
  font-size: 0.88889rem;
  color: #414141;
  margin-bottom: 1.33333rem;
  font-weight: normal;
  font-family: "AllianzNeoRegular";
  padding: 1.66667rem;
  text-align: left;
  border-radius: 0;
}

.tippy-popper {
  max-width: 25rem;
}

@charset "UTF-8";
/*--- Only Firefox ---*/
/*--- Only Firefox 1.5 and Firefox 2 ---*/
/*--- Only Firefox ≥ 2 ---*/
/*--- Only Firefox ≥ 3 ---*/
/*--- Only Firefox ≥ 6 ---*/
/*--- Only Firefox ≥ 16 ---*/
/*--- Only Firefox ≥ 21 ---*/
/*--- Only Firefox ≥ 24 ---*/
/*--- Only Firefox ≥ 25 ---*/
/*--- Only Firefox ≥ 26 ---*/
/*--- Only Firefox ≥ 27 ---*/
/*--- Only Firefox ≥ 28 ---*/
/*--- Only Firefox ≥ 30 ---*/
/*--- Only Webkit (Chrome, Safari, Opera ≥ 14) ---*/
/*--- Only Chrome 28+, Opera ≥ 14 ---*/
/*--- Only Safari ≥ 6.1 ---*/
/*--- Only Safari ≥ 9 ---*/
/*--- Only iOS Safari ≥ 9 ---*/
/*--- Only Safari ≥ 9 (Non iOS) ---*/
/*--- Only Opera ≤ 9.27, Safari ≤ 2 ---*/
/* ----------------------------------- //
//           Opera CSS Hacks
// ----------------------------------- */
/*--- Only Opera ≥ 9.5 ---*/
/*--- Only Opera ≤ 11 ---*/
/* ----------------------------------- //
//     Edge CSS Hacks
// ----------------------------------- */
/* ----------------------------------- //
//     Internet Explorer CSS Hacks
// ----------------------------------- */
/*--- Only IE ≤ 6 ---*/
/*--- Only IE7 ---*/
/*--- Only IE ≤ 7 ---*/
/*--- Only IE8 ---*/
/*--- Only IE ≤ 8 ---*/
/*--- Only IE9 ---*/
/*--- Only IE ≤ 9 ---*/
/*--- Only IE10 ---*/
/*--- Only IE ≤ 11 ---*/
/*--- Only IE ≥ 11 ---*/
/*--- Anything but IE6 ---*/
/*--- Only IE ≥ 9, safari4, android ≥ 2.3 ---*/
/* ----------------------------------- //
//           Other CSS Hacks
// ----------------------------------- */
/*--- Everything but IE and Safari ≤ 6 ---*/
.help-information {
  position: absolute;
  top: 0.66667rem;
  right: 0.55556rem;
  z-index: 500;
  width: 1.38889rem;
  height: 1.38889rem;
  transition: opacity 0.3s linear;
}

.help-information:hover {
  opacity: 0.7;
}

@media all and (-ms-high-contrast: none) {
  *::-ms-backdrop, .help-information {
    top: 0\0;
  }
}

@media all and (-ms-high-contrast: none) {
  *::-ms-backdrop, .help-information .help-information__content {
    height: 2.77778rem\0;
  }
}

#app .section, .allianz-calculator-app .section, .modal-calculator .section {
  background: #c3e8e7;
  padding: 2.22222rem 2.22222rem 3.33333rem 2.22222rem;
  text-align: center;
}

#app .section__icon, #app .section__content, .allianz-calculator-app .section__icon, .allianz-calculator-app .section__content, .modal-calculator .section__icon, .modal-calculator .section__content {
  display: block;
  margin-left: auto;
  margin-right: auto;
}

#app .section__icon, .allianz-calculator-app .section__icon, .modal-calculator .section__icon {
  width: 2.66667rem;
  height: 2.16667rem;
  margin-bottom: 1.66667rem;
}

#app .section__content, .allianz-calculator-app .section__content, .modal-calculator .section__content {
  margin-bottom: 3.33333rem;
  max-width: 60%;
}

@media screen and (min-width: 1200px) {
  #app .section__content, .allianz-calculator-app .section__content, .modal-calculator .section__content {
    max-width: 45%;
  }
}

#app .section__content p, .allianz-calculator-app .section__content p, .modal-calculator .section__content p {
  font-size: 1.33333rem;
  line-height: 1.77778rem;
}

#app .section--full .section__content, .allianz-calculator-app .section--full .section__content, .modal-calculator .section--full .section__content {
  max-width: 100%;
}

#app .section--full .section__icon, .allianz-calculator-app .section--full .section__icon, .modal-calculator .section--full .section__icon {
  width: 3.05556rem;
  height: 3.05556rem;
}

#app .section .button, .allianz-calculator-app .section .button, .modal-calculator .section .button {
  margin: 0;
}

#app .section--alt, .allianz-calculator-app .section--alt, .modal-calculator .section--alt {
  padding: 3.61111rem 0 3.61111rem 0;
  background-color: #ffffff;
}

#app .section--light, .allianz-calculator-app .section--light, .modal-calculator .section--light {
  padding: 3.05556rem 0 3.88889rem 0;
  background-color: #f1f9fa;
}

.growth-indicator--profit:before {
  content: '';
  display: block;
  width: 0;
  height: 0;
  border-style: solid;
  -moz-transform: scale(0.9999);
  border-width: 0 0.55556rem 1.11111rem 0.55556rem;
  border-color: transparent transparent #1e8927 transparent;
}

.growth-indicator--loss:before {
  content: '';
  display: block;
  width: 0;
  height: 0;
  border-style: solid;
  -moz-transform: scale(0.9999);
  border-width: 1.11111rem 0.55556rem 0 0.55556rem;
  border-color: #d0021b transparent transparent transparent;
}

@charset "UTF-8";
@keyframes growShrink {
  50% {
    transform: scale(1.2);
  }
  100% {
    transform: scale(1);
  }
}

@keyframes zoomIn {
  0% {
    transform: scale(0.5);
    opacity: 0;
  }
  50% {
    transform: scale(1);
    opacity: 0.5;
  }
  80% {
    transform: scale(1.2);
    opacity: 1;
  }
  100% {
    transform: scale(1);
    opacity: 1;
  }
}

@keyframes zoomOut {
  100% {
    transform: scale(1.25, 1.25);
    opacity: 0;
  }
}

@keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

@keyframes modalOpening {
  from {
    opacity: 0;
    transform: translate(-50%, 0%) scale(0.9);
  }
  50% {
    opacity: 1;
  }
  to {
    transform: translate(-50%, 0%) scale(1);
  }
}

@keyframes modalClosing {
  from {
    opacity: 1;
    transform: translate(-50%, 0%) scale(1);
  }
  to {
    opacity: 0;
    transform: translate(-50%, 0%) scale(0.9);
  }
}

@keyframes fadeOut {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}

@keyframes rotate {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(359deg);
  }
}

@keyframes dots {
  0%,
  20% {
    color: #008e9e;
    text-shadow: 0.25em 0 0 #008e9e, 0.5em 0 0 #008e9e;
  }
  40% {
    color: white;
    text-shadow: 0.25em 0 0 #008e9e, 0.5em 0 0 #008e9e;
  }
  60% {
    text-shadow: 0.25em 0 0 white, 0.5em 0 0 #008e9e;
  }
  80%,
  100% {
    text-shadow: 0.25em 0 0 white, 0.5em 0 0 white;
  }
}

@keyframes yearOverviewHeaderAnimate {
  from {
    padding-top: 0;
    padding-bottom: 0;
  }
  to {
    padding-top: 0.83333rem;
    padding-bottom: 0.83333rem;
    @media screen and (min-width: 1200px) {
      padding-top: 1.66667rem;
      padding-bottom: 1.66667rem;
    }
  }
}

/*--- Only Firefox ---*/
/*--- Only Firefox 1.5 and Firefox 2 ---*/
/*--- Only Firefox ≥ 2 ---*/
/*--- Only Firefox ≥ 3 ---*/
/*--- Only Firefox ≥ 6 ---*/
/*--- Only Firefox ≥ 16 ---*/
/*--- Only Firefox ≥ 21 ---*/
/*--- Only Firefox ≥ 24 ---*/
/*--- Only Firefox ≥ 25 ---*/
/*--- Only Firefox ≥ 26 ---*/
/*--- Only Firefox ≥ 27 ---*/
/*--- Only Firefox ≥ 28 ---*/
/*--- Only Firefox ≥ 30 ---*/
/*--- Only Webkit (Chrome, Safari, Opera ≥ 14) ---*/
/*--- Only Chrome 28+, Opera ≥ 14 ---*/
/*--- Only Safari ≥ 6.1 ---*/
/*--- Only Safari ≥ 9 ---*/
/*--- Only iOS Safari ≥ 9 ---*/
/*--- Only Safari ≥ 9 (Non iOS) ---*/
/*--- Only Opera ≤ 9.27, Safari ≤ 2 ---*/
/* ----------------------------------- //
//           Opera CSS Hacks
// ----------------------------------- */
/*--- Only Opera ≥ 9.5 ---*/
/*--- Only Opera ≤ 11 ---*/
/* ----------------------------------- //
//     Edge CSS Hacks
// ----------------------------------- */
/* ----------------------------------- //
//     Internet Explorer CSS Hacks
// ----------------------------------- */
/*--- Only IE ≤ 6 ---*/
/*--- Only IE7 ---*/
/*--- Only IE ≤ 7 ---*/
/*--- Only IE8 ---*/
/*--- Only IE ≤ 8 ---*/
/*--- Only IE9 ---*/
/*--- Only IE ≤ 9 ---*/
/*--- Only IE10 ---*/
/*--- Only IE ≤ 11 ---*/
/*--- Only IE ≥ 11 ---*/
/*--- Anything but IE6 ---*/
/*--- Only IE ≥ 9, safari4, android ≥ 2.3 ---*/
/* ----------------------------------- //
//           Other CSS Hacks
// ----------------------------------- */
/*--- Everything but IE and Safari ≤ 6 ---*/
#app .year-results-header, .allianz-calculator-app .year-results-header, .modal-calculator .year-results-header {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  padding: 0 1.66667rem;
  height: auto;
  background: #c3e8e7;
  transition: all 0.3s linear;
  will-change: padding-top, padding-bottom;
}

#app .year-results-header, .allianz-calculator-app .year-results-header, .modal-calculator .year-results-header {
  animation-name: yearOverviewHeaderAnimate;
  animation-duration: 0.7s;
  animation-fill-mode: forwards;
}

#app .year-results-header__year, #app .year-results-header__closing-balance, #app .year-results-header__growth, #app .year-results-header__election, #app .year-results-header__report, .allianz-calculator-app .year-results-header__year, .allianz-calculator-app .year-results-header__closing-balance, .allianz-calculator-app .year-results-header__growth, .allianz-calculator-app .year-results-header__election, .allianz-calculator-app .year-results-header__report, .modal-calculator .year-results-header__year, .modal-calculator .year-results-header__closing-balance, .modal-calculator .year-results-header__growth, .modal-calculator .year-results-header__election, .modal-calculator .year-results-header__report {
  line-height: 1.22222rem;
  font-size: 0.77778rem;
  color: #008e9e;
  margin-bottom: 0;
  font-weight: normal;
  font-family: "AllianzNeoBold";
  min-height: 4.11111rem;
  opacity: 0;
  will-change: opacity;
}

#app .year-results-header__year, #app .year-results-header__closing-balance, #app .year-results-header__growth, #app .year-results-header__election, #app .year-results-header__report, .allianz-calculator-app .year-results-header__year, .allianz-calculator-app .year-results-header__closing-balance, .allianz-calculator-app .year-results-header__growth, .allianz-calculator-app .year-results-header__election, .allianz-calculator-app .year-results-header__report, .modal-calculator .year-results-header__year, .modal-calculator .year-results-header__closing-balance, .modal-calculator .year-results-header__growth, .modal-calculator .year-results-header__election, .modal-calculator .year-results-header__report {
  animation-name: fadeIn;
  animation-duration: 0.4s;
  animation-delay: 0.3s;
  animation-fill-mode: forwards;
}

#app .year-results-header__election .label--title, .allianz-calculator-app .year-results-header__election .label--title, .modal-calculator .year-results-header__election .label--title {
  min-height: 1.27778rem;
}

#app .year-results-header .label--title, .allianz-calculator-app .year-results-header .label--title, .modal-calculator .year-results-header .label--title {
  margin-bottom: 0.27778rem;
}

#app .year-results-header .label--large, .allianz-calculator-app .year-results-header .label--large, .modal-calculator .year-results-header .label--large {
  font-size: 1.66667rem;
  color: #414141;
}

@media screen and (min-width: 1200px) {
  #app .year-results-header .label--large, .allianz-calculator-app .year-results-header .label--large, .modal-calculator .year-results-header .label--large {
    font-size: 2.22222rem;
  }
}

#app .year-results-header .label--large span:not(:first-child), .allianz-calculator-app .year-results-header .label--large span:not(:first-child), .modal-calculator .year-results-header .label--large span:not(:first-child) {
  line-height: 1.11111rem;
  font-size: 0.66667rem;
  margin-bottom: 0;
  font-weight: normal;
  font-family: "AllianzNeoRegular";
  margin-left: 0.55556rem;
}

#app .year-results-header .button--primary, .allianz-calculator-app .year-results-header .button--primary, .modal-calculator .year-results-header .button--primary {
  margin-top: 0.61111rem;
  margin-bottom: 0.55556rem;
  padding: 0.27778rem;
  width: 12.55556rem;
  height: 1.77778rem;
  font-size: 0.77778rem;
  line-height: 0.94444rem;
}

@media all and (-ms-high-contrast: none) {
  *::-ms-backdrop, .year-results-header, .year-results-header__year, .year-results-header__closing-balance, .year-results-header__growth, .year-results-header__election, .year-results-report {
    animation-name: none\0;
    opacity: 1\0;
  }
}

@media all and (-ms-high-contrast: none) {
  *::-ms-backdrop, .year-results-header {
    padding-top: 0.83333rem\0;
    padding-bottom: 0.83333rem\0;
  }
}

@charset "UTF-8";
/*--- Only Firefox ---*/
/*--- Only Firefox 1.5 and Firefox 2 ---*/
/*--- Only Firefox ≥ 2 ---*/
/*--- Only Firefox ≥ 3 ---*/
/*--- Only Firefox ≥ 6 ---*/
/*--- Only Firefox ≥ 16 ---*/
/*--- Only Firefox ≥ 21 ---*/
/*--- Only Firefox ≥ 24 ---*/
/*--- Only Firefox ≥ 25 ---*/
/*--- Only Firefox ≥ 26 ---*/
/*--- Only Firefox ≥ 27 ---*/
/*--- Only Firefox ≥ 28 ---*/
/*--- Only Firefox ≥ 30 ---*/
/*--- Only Webkit (Chrome, Safari, Opera ≥ 14) ---*/
/*--- Only Chrome 28+, Opera ≥ 14 ---*/
/*--- Only Safari ≥ 6.1 ---*/
/*--- Only Safari ≥ 9 ---*/
/*--- Only iOS Safari ≥ 9 ---*/
/*--- Only Safari ≥ 9 (Non iOS) ---*/
/*--- Only Opera ≤ 9.27, Safari ≤ 2 ---*/
/* ----------------------------------- //
//           Opera CSS Hacks
// ----------------------------------- */
/*--- Only Opera ≥ 9.5 ---*/
/*--- Only Opera ≤ 11 ---*/
/* ----------------------------------- //
//     Edge CSS Hacks
// ----------------------------------- */
/* ----------------------------------- //
//     Internet Explorer CSS Hacks
// ----------------------------------- */
/*--- Only IE ≤ 6 ---*/
/*--- Only IE7 ---*/
/*--- Only IE ≤ 7 ---*/
/*--- Only IE8 ---*/
/*--- Only IE ≤ 8 ---*/
/*--- Only IE9 ---*/
/*--- Only IE ≤ 9 ---*/
/*--- Only IE10 ---*/
/*--- Only IE ≤ 11 ---*/
/*--- Only IE ≥ 11 ---*/
/*--- Anything but IE6 ---*/
/*--- Only IE ≥ 9, safari4, android ≥ 2.3 ---*/
/* ----------------------------------- //
//           Other CSS Hacks
// ----------------------------------- */
/*--- Everything but IE and Safari ≤ 6 ---*/
.election {
  padding: 0 0.27778rem;
}

@media all and (-ms-high-contrast: none) {
  .election *::-ms-backdrop, .election .allocation-form__error {
    bottom: 3.05556rem\0;
  }
}

@media all and (-ms-high-contrast: none) {
  .election *::-ms-backdrop, .election .election__chart .button--primary {
    bottom: 1.38889rem\0;
  }
}

.election .column {
  min-height: 35.83333rem;
  min-height: initial;
  height: auto;
}

.election .column:first-child {
  width: 50%;
}

.election .column:last-child {
  position: relative;
  margin-left: 1.11111rem;
  width: 45%;
  margin-left: 2.22222rem;
}

.election .button--secondary {
  float: right;
}

.election__content {
  position: relative;
  margin-top: -0.55556rem;
  padding: 0.55556rem 1.66667rem 0.83333rem 1.66667rem;
  background: #ffffff;
  padding: 0;
}

.election__allocation {
  display: block;
  padding-bottom: 0.27778rem;
  border-bottom: 0.05556rem dashed #5a5360;
  transition: all 0.3s linear;
}

.election__chart {
  padding: 3.33333rem 0 0 0;
  padding-top: 4.61111rem;
}

.election__chart .heading {
  line-height: 1.22222rem;
  font-size: 0.77778rem;
  color: #008e9e;
  margin-bottom: 0;
  font-weight: 600;
  font-family: "AllianzNeoSemiBoldItalic";
  padding-bottom: 0.27778rem;
  border-bottom: 0.05556rem solid #008e9e;
  text-align: left;
  padding-bottom: 0.33333rem;
}

.election__chart .button--primary {
  position: absolute;
  right: 0;
  bottom: 0;
}

.election__title {
  position: relative;
  top: -2.22222rem;
}

.election__title h3 {
  margin-bottom: 0;
}

.election__form {
  margin-top: -2.88889rem;
}

.election .investment-allocation__error {
  right: 0;
}

.election .investment-allocation__chart {
  position: relative;
  padding-top: 0;
  height: 30.55556rem;
}

.election .investment-allocation__chart .button--primary {
  bottom: 0.16667rem;
}

.election .allocation-chart {
  height: 26rem;
}

.election .allocation-form__error {
  right: 0;
  bottom: 2.5rem;
}

@charset "UTF-8";
/*--- Only Firefox ---*/
/*--- Only Firefox 1.5 and Firefox 2 ---*/
/*--- Only Firefox ≥ 2 ---*/
/*--- Only Firefox ≥ 3 ---*/
/*--- Only Firefox ≥ 6 ---*/
/*--- Only Firefox ≥ 16 ---*/
/*--- Only Firefox ≥ 21 ---*/
/*--- Only Firefox ≥ 24 ---*/
/*--- Only Firefox ≥ 25 ---*/
/*--- Only Firefox ≥ 26 ---*/
/*--- Only Firefox ≥ 27 ---*/
/*--- Only Firefox ≥ 28 ---*/
/*--- Only Firefox ≥ 30 ---*/
/*--- Only Webkit (Chrome, Safari, Opera ≥ 14) ---*/
/*--- Only Chrome 28+, Opera ≥ 14 ---*/
/*--- Only Safari ≥ 6.1 ---*/
/*--- Only Safari ≥ 9 ---*/
/*--- Only iOS Safari ≥ 9 ---*/
/*--- Only Safari ≥ 9 (Non iOS) ---*/
/*--- Only Opera ≤ 9.27, Safari ≤ 2 ---*/
/* ----------------------------------- //
//           Opera CSS Hacks
// ----------------------------------- */
/*--- Only Opera ≥ 9.5 ---*/
/*--- Only Opera ≤ 11 ---*/
/* ----------------------------------- //
//     Edge CSS Hacks
// ----------------------------------- */
/* ----------------------------------- //
//     Internet Explorer CSS Hacks
// ----------------------------------- */
/*--- Only IE ≤ 6 ---*/
/*--- Only IE7 ---*/
/*--- Only IE ≤ 7 ---*/
/*--- Only IE8 ---*/
/*--- Only IE ≤ 8 ---*/
/*--- Only IE9 ---*/
/*--- Only IE ≤ 9 ---*/
/*--- Only IE10 ---*/
/*--- Only IE ≤ 11 ---*/
/*--- Only IE ≥ 11 ---*/
/*--- Anything but IE6 ---*/
/*--- Only IE ≥ 9, safari4, android ≥ 2.3 ---*/
/* ----------------------------------- //
//           Other CSS Hacks
// ----------------------------------- */
/*--- Everything but IE and Safari ≤ 6 ---*/
.investment-performance-chart {
  width: 100%;
}

.investment-performance-chart__content {
  display: flex;
  align-items: flex-end;
}

.investment-performance-chart__content:before {
  line-height: 1.88889rem;
  font-size: 1.44444rem;
  color: #414141;
  margin-bottom: 0;
  font-weight: 700;
  font-family: "AllianzNeoBold";
  position: absolute;
  top: 3.61111rem;
  left: 0;
  display: block;
  margin-right: 1rem;
  margin-bottom: 23.88889rem;
  content: '$';
  line-height: 1.44444rem;
}

.investment-performance-chart__chart {
  display: flex;
  flex-direction: row;
  position: relative;
  margin-right: 2.22222rem;
  margin-left: 1.94444rem;
  padding-top: 3.88889rem;
  width: calc(100% - 13.33333rem);
}

.investment-performance-chart__year-block {
  position: absolute;
  right: -2.16667rem;
  bottom: 0;
  z-index: 100;
  width: 0.83333rem;
  height: 3.61111rem;
  background-color: rgba(241, 249, 250, 0.8);
}

.investment-performance-chart__extras,
.investment-performance-chart .line-chart-filters {
  font-size: 0.77778rem;
  line-height: 1.22222rem;
}

.investment-performance-chart__extras {
  position: relative;
  z-index: 1;
  display: block;
  width: 9.33333rem;
}

.line-chart-tooltip-position {
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 500;
  box-sizing: border-box;
  margin-top: -0.83333rem;
  margin-left: -2.88889rem;
  padding: 0.66667rem 0.77778rem 0.77778rem 0;
  width: 20rem;
  background-color: #ffffff;
  text-align: left;
  filter: drop-shadow(0 0 0.16667rem rgba(0, 0, 0, 0.3));
  pointer-events: none;
}

.tooltip-title {
  text-align: center;
  color: #808080;
  font-size: 0.77778rem;
  font-weight: 600;
}

#app .line-chart-tooltip, .allianz-calculator-app .line-chart-tooltip, .modal-calculator .line-chart-tooltip {
  position: relative;
  box-sizing: border-box;
  padding-left: 0.66667rem;
  border-left: 0.16667rem solid black;
}

#app .line-chart-tooltip--rio, .allianz-calculator-app .line-chart-tooltip--rio, .modal-calculator .line-chart-tooltip--rio {
  border-left-color: #5DC5BE;
  margin-top: 0.77778rem;
}

#app .line-chart-tooltip--fixedincome, .allianz-calculator-app .line-chart-tooltip--fixedincome, .modal-calculator .line-chart-tooltip--fixedincome {
  border-left-color: #B8CD7C;
  margin-top: 0.77778rem;
}

#app .line-chart-tooltip--cash, .allianz-calculator-app .line-chart-tooltip--cash, .modal-calculator .line-chart-tooltip--cash {
  border-left-color: #FDD25C;
  margin-top: 0.77778rem;
}

#app .line-chart-tooltip--market, .allianz-calculator-app .line-chart-tooltip--market, .modal-calculator .line-chart-tooltip--market {
  border-left-color: #8A679C;
  margin-top: 0.77778rem;
}

#app .line-chart-tooltip__heading, .allianz-calculator-app .line-chart-tooltip__heading, .modal-calculator .line-chart-tooltip__heading {
  margin-bottom: 0;
  line-height: 1.11111rem;
  font-size: 1rem;
  width: 15.27778rem;
  display: table-cell;
  color: #414141;
}

#app .line-chart-tooltip + #app .line-chart-tooltip, .allianz-calculator-app .line-chart-tooltip + #app .line-chart-tooltip, .modal-calculator .line-chart-tooltip + #app .line-chart-tooltip, #app .line-chart-tooltip + .allianz-calculator-app .line-chart-tooltip, .allianz-calculator-app .line-chart-tooltip + .allianz-calculator-app .line-chart-tooltip, .modal-calculator .line-chart-tooltip + .allianz-calculator-app .line-chart-tooltip, #app .line-chart-tooltip + .modal-calculator .line-chart-tooltip, .allianz-calculator-app .line-chart-tooltip + .modal-calculator .line-chart-tooltip, .modal-calculator .line-chart-tooltip + .modal-calculator .line-chart-tooltip {
  margin-top: 1.11111rem;
}

#app .line-chart-tooltip + #app .line-chart-tooltip:before, .allianz-calculator-app .line-chart-tooltip + #app .line-chart-tooltip:before, .modal-calculator .line-chart-tooltip + #app .line-chart-tooltip:before, #app .line-chart-tooltip + .allianz-calculator-app .line-chart-tooltip:before, .allianz-calculator-app .line-chart-tooltip + .allianz-calculator-app .line-chart-tooltip:before, .modal-calculator .line-chart-tooltip + .allianz-calculator-app .line-chart-tooltip:before, #app .line-chart-tooltip + .modal-calculator .line-chart-tooltip:before, .allianz-calculator-app .line-chart-tooltip + .modal-calculator .line-chart-tooltip:before, .modal-calculator .line-chart-tooltip + .modal-calculator .line-chart-tooltip:before {
  position: absolute;
  top: -0.55556rem;
  right: 0;
  left: 0;
  height: 0;
  border-top: 0.05556rem dotted rgba(90, 83, 96, 0.7);
  content: '';
}

#app .value, .allianz-calculator-app .value, .modal-calculator .value {
  font-family: "AllianzNeoBold";
  font-size: 1rem;
  line-height: 1.11111rem;
  text-align: right;
  padding-left: 0.55556rem;
  display: table-cell;
}

#app .details, .allianz-calculator-app .details, .modal-calculator .details {
  padding-top: 0.11111rem;
  font-size: 0.77778rem;
  line-height: 1.11111rem;
  padding-bottom: 0;
}

.react-tabs {
  width: 100%;
  height: 100%;
}

.react-tabs__tab-list {
  display: flex;
  justify-content: center;
  position: absolute;
  top: 0;
  left: 0;
  width: calc(100% + 13.33333rem);
  list-style: none;
}

.react-tabs__tab {
  position: relative;
  padding: 0 0.83333rem 0.27778rem;
  outline: none;
  border-bottom: 0.11111rem solid currentColor;
  color: #003781;
  text-align: center;
  cursor: pointer;
  -webkit-user-select: none;
      -ms-user-select: none;
          user-select: none;
}

.react-tabs__tab:after {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 0.16667rem;
  background-color: currentColor;
  content: '';
  opacity: 0;
}

.react-tabs__tab--selected {
  font-weight: 700;
}

.react-tabs__tab--selected:after {
  opacity: 1;
}

.investment-growth-panel {
  margin-bottom: 1.11111rem;
  padding: 0.83333rem;
  background-color: rgba(195, 232, 231, 0.6);
  text-align: left;
}

.investment-growth-panel__heading {
  margin-bottom: 0.88889rem;
  color: #008e9e;
}

.investment-growth-panel__total {
  margin-bottom: 0;
  color: #414141;
  font-family: "AllianzNeoBold";
  word-wrap: break-word;
}

.investment-growth-panel__payments {
  padding-bottom: 0;
}

.investment-growth-panel__message {
  margin-top: 1.11111rem;
}

.investment-growth-panel__value {
  font-size: 1rem;
}

.line-chart-filters {
  line-height: 1.22222rem;
  font-size: 0.77778rem;
  color: #414141;
  margin-bottom: 0;
  font-weight: normal;
  font-family: "AllianzNeoRegular";
  box-sizing: border-box;
  padding: 0.55556rem;
  min-height: 100%;
  width: 100%;
  background: #ffffff;
  box-shadow: 0 0 0.11111rem rgba(0, 142, 158, 0.3);
  cursor: pointer;
}

.line-chart-filters__item:not(:last-child) {
  margin-bottom: 1.11111rem;
}

.line-chart-filters__input {
  position: absolute;
  z-index: -1;
  opacity: 0;
}

.line-chart-filters__input:not(:checked) + .line-chart-filters__label {
  color: rgba(65, 65, 65, 0.3);
}

.line-chart-filters__input:checked + .line-chart-filters__label:before {
  border-color: #414141;
}

.line-chart-filters__input:checked + .line-chart-filters__label--rio:before {
  border-color: #5DC5BE;
  background-color: #5DC5BE;
}

.line-chart-filters__input:checked + .line-chart-filters__label--market:before {
  border-color: #8A679C;
  background-color: #8A679C;
}

.line-chart-filters__input:checked + .line-chart-filters__label--fixedincome:before {
  border-color: #B8CD7C;
  background-color: #B8CD7C;
}

.line-chart-filters__input:checked + .line-chart-filters__label--cash:before {
  border-color: #FDD25C;
  background-color: #FDD25C;
}

.line-chart-filters__input:checked + .line-chart-filters__label > .icon {
  opacity: 1;
}

.line-chart-filters__input + .line-chart-filters__label--rio .icon,
.line-chart-filters__input + .line-chart-filters__label--market .icon,
.line-chart-filters__input + .line-chart-filters__label--fixedincome .icon,
.line-chart-filters__input + .line-chart-filters__label--cash .icon {
  color: #ffffff;
}

.line-chart-filters__input + .line-chart-filters__label--dashed:before {
  border-style: dashed;
}

.line-chart-filters__label {
  display: flex;
  align-items: center;
  position: relative;
  cursor: pointer;
  text-align: left;
}

.line-chart-filters__label > .icon {
  position: absolute;
  top: 50%;
  left: 0.27778rem;
  width: 0.66667rem;
  height: 0.66667rem;
  color: #414141;
  opacity: 0;
  transition: opacity 0.3s linear;
  transform: translateY(-50%);
}

.line-chart-filters__label:before {
  margin-right: 0.44444rem;
  min-width: 1.11111rem;
  width: 1.11111rem;
  height: 1.11111rem;
  border: 0.05556rem solid currentColor;
  content: '';
  transition: all 0.3s linear;
}

.line-chart-filters__group + .line-chart-filters__group {
  margin-top: 1.55556rem;
  padding-top: 1.55556rem;
  border-top: 0.05556rem solid rgba(112, 105, 115, 0.3);
}

.line-chart-filters__group--radio .line-chart-filters__label:before {
  border-radius: 50%;
}

@media all and (-ms-high-contrast: none) {
  *::-ms-backdrop, .line-chart-filters__label:before {
    display: inline-block\0;
  }
}

@keyframes growShrink {
  50% {
    transform: scale(1.2);
  }
  100% {
    transform: scale(1);
  }
}

@keyframes zoomIn {
  0% {
    transform: scale(0.5);
    opacity: 0;
  }
  50% {
    transform: scale(1);
    opacity: 0.5;
  }
  80% {
    transform: scale(1.2);
    opacity: 1;
  }
  100% {
    transform: scale(1);
    opacity: 1;
  }
}

@keyframes zoomOut {
  100% {
    transform: scale(1.25, 1.25);
    opacity: 0;
  }
}

@keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

@keyframes modalOpening {
  from {
    opacity: 0;
    transform: translate(-50%, 0%) scale(0.9);
  }
  50% {
    opacity: 1;
  }
  to {
    transform: translate(-50%, 0%) scale(1);
  }
}

@keyframes modalClosing {
  from {
    opacity: 1;
    transform: translate(-50%, 0%) scale(1);
  }
  to {
    opacity: 0;
    transform: translate(-50%, 0%) scale(0.9);
  }
}

@keyframes fadeOut {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}

@keyframes rotate {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(359deg);
  }
}

@keyframes dots {
  0%,
  20% {
    color: #008e9e;
    text-shadow: 0.25em 0 0 #008e9e, 0.5em 0 0 #008e9e;
  }
  40% {
    color: white;
    text-shadow: 0.25em 0 0 #008e9e, 0.5em 0 0 #008e9e;
  }
  60% {
    text-shadow: 0.25em 0 0 white, 0.5em 0 0 #008e9e;
  }
  80%,
  100% {
    text-shadow: 0.25em 0 0 white, 0.5em 0 0 white;
  }
}

@keyframes yearOverviewHeaderAnimate {
  from {
    padding-top: 0;
    padding-bottom: 0;
  }
  to {
    padding-top: 0.83333rem;
    padding-bottom: 0.83333rem;
    @media screen and (min-width: 1200px) {
      padding-top: 1.66667rem;
      padding-bottom: 1.66667rem;
    }
  }
}

.allocation-performance-chart {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  height: 21.38889rem;
  position: relative;
  width: 80%;
}

@media screen and (min-width: 1200px) {
  .allocation-performance-chart {
    height: 26.38889rem;
  }
}

.allocation-performance-chart--primary, .allocation-performance-chart--secondary {
  margin-top: 2.77778rem;
}

.allocation-performance-chart__chart {
  width: 100%;
  height: 100%;
}

.allocation-performance-chart__bar {
  cursor: pointer;
  shape-rendering: auto;
  stroke-width: 0.05556rem;
}

.allocation-performance-chart__bar-hit-area {
  opacity: 0;
}

.allocation-performance-chart__bar-icon-chevron {
  shape-rendering: auto;
  pointer-events: none;
}

.allocation-performance-chart__bar-icon-line {
  pointer-events: none;
}

.allocation-performance-chart__y-axis .tick {
  stroke: rgba(0, 142, 158, 0.2);
  shape-rendering: crispEdges;
  stroke-width: 1;
}

.allocation-performance-chart__y-axis .tick text:not(.allocation-performance-chart__axis-label) {
  line-height: 1.66667rem;
  font-size: 1rem;
  margin-bottom: 1.66667rem;
  font-weight: normal;
  font-family: "AllianzNeoRegular";
  fill: #5a5360;
}

.allocation-performance-chart__y-axis text {
  transform: translate(-0.83333rem, 0);
}

.allocation-performance-chart__axis-label {
  line-height: 1.88889rem;
  font-size: 1.44444rem;
  margin-bottom: 1.88889rem;
  font-weight: normal;
  font-family: "AllianzNeoBold";
  font-weight: 700;
  fill: #414141;
}

.allocation-performance-chart__base-line {
  pointer-events: none;
  stroke: #5a5360;
  shape-rendering: crispEdges;
  stroke-width: 0.05556rem;
}

.allocation-performance-chart__fund-label {
  pointer-events: none;
  line-height: 1.22222rem;
  font-size: 0.77778rem;
  margin-bottom: 1.22222rem;
  font-weight: normal;
  font-family: "AllianzNeoRegular";
  fill: #5a5360;
}

.allocation-performance-chart__bg {
  fill: #ffffff;
}

.allocation-performance-chart__fund-group-label {
  line-height: 1.55556rem;
  font-size: 1.11111rem;
  margin-bottom: 1.55556rem;
  font-weight: normal;
  font-family: "AllianzNeoBold";
  letter-spacing: 0.05556rem;
  fill: #5a5360;
}

.allocation-performance-chart-tooltip {
  position: absolute;
  z-index: 600;
  display: none;
  background-color: #ffffff;
  box-shadow: 0.11111rem 0.22222rem 1.11111rem 0 rgba(90, 83, 96, 0.5);
  opacity: 0;
  pointer-events: none;
}

.allocation-performance-chart-tooltip--visible {
  display: inline-block;
}

.allocation-performance-chart-tooltip--visible {
  animation-name: fadeIn;
  animation-duration: 0.4s;
  animation-fill-mode: forwards;
}

.allocation-performance-chart-tooltip__pointer {
  position: absolute;
  display: block;
  overflow: visible;
  width: 0;
  height: 0;
}

.allocation-performance-chart-tooltip__pointer:before {
  position: absolute;
  display: block;
  width: 1.66667rem;
  height: 1.66667rem;
  background-color: #ffffff;
  box-shadow: 0.11111rem 0.22222rem 1.11111rem 0 rgba(90, 83, 96, 0.5);
  content: '';
  transform: translate(-50%, -50%) rotate(45deg);
}

.allocation-performance-chart-tooltip--above-left {
  transform: translate(0, -100%);
}

.allocation-performance-chart-tooltip--above-right {
  transform: translate(-100%, -100%);
}

.allocation-performance-chart-tooltip--below-left {
  transform: translate(0, 0);
}

.allocation-performance-chart-tooltip--below-right {
  transform: translate(-100%, 0);
}

.allocation-performance-chart-tooltip__background {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
  background-color: #ffffff;
}

.allocation-performance-chart-tooltip__container {
  position: relative;
  padding: 0.83333rem;
  text-align: left;
}

.tab-list {
  width: 100%;
  height: 100%;
}

.tab-list__list {
  display: flex;
  flex-direction: row;
  justify-content: center;
  list-style: none;
}

.tab-list__tab {
  position: relative;
  padding: 0 3rem 0.27778rem;
  outline: none;
  border-bottom: 0.11111rem solid currentColor;
  color: #003781;
  text-align: center;
  cursor: pointer;
  -webkit-user-select: none;
      -ms-user-select: none;
          user-select: none;
}

.tab-list__tab::after {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 0.16667rem;
  background-color: currentColor;
  content: '';
  opacity: 0;
}

.tab-list__tab--selected {
  font-weight: 700;
}

.tab-list__tab--selected::after {
  opacity: 1;
}

.year-overview__chart, .year-overview__table {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  padding: 4.44444rem 0 5.27778rem 0;
  text-align: center;
}

.year-overview__table p {
  line-height: 1.77778rem;
  font-size: 1.33333rem;
  margin-bottom: 1.77778rem;
  font-weight: normal;
  font-family: "AllianzNeoLight";
  width: 50%;
}

.year-overview__table--rio {
  background: rgba(215, 211, 217, 0.2);
}

.year-overview__table--market, .year-overview__chart:nth-child(even) {
  background: #ffffff;
}

.year-overview__actions .dropdown--cta:nth-child(2) {
  margin: 0 1.11111rem;
}

.year-overview__barchart-tabs-container {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

.year-overview h3 {
  color: #5a5360;
}

.year-overview .react-tabs {
  width: 100%;
  height: 100%;
}

.year-overview .react-tabs__tab-list {
  display: flex;
  flex-direction: row;
  justify-content: center;
  list-style: none;
}

.year-overview .react-tabs__tab {
  position: relative;
  padding: 0 3rem 0.27778rem;
  border-bottom: 0.11111rem solid currentColor;
  color: #003781;
  text-align: center;
  cursor: pointer;
}

.year-overview .react-tabs__tab::after {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 0.16667rem;
  background-color: currentColor;
  content: '';
  opacity: 0;
}

.year-overview .react-tabs__tab--selected {
  font-weight: 700;
}

.year-overview .react-tabs__tab--selected::after {
  opacity: 1;
}

@charset "UTF-8";
@keyframes growShrink {
  50% {
    transform: scale(1.2);
  }
  100% {
    transform: scale(1);
  }
}

@keyframes zoomIn {
  0% {
    transform: scale(0.5);
    opacity: 0;
  }
  50% {
    transform: scale(1);
    opacity: 0.5;
  }
  80% {
    transform: scale(1.2);
    opacity: 1;
  }
  100% {
    transform: scale(1);
    opacity: 1;
  }
}

@keyframes zoomOut {
  100% {
    transform: scale(1.25, 1.25);
    opacity: 0;
  }
}

@keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

@keyframes modalOpening {
  from {
    opacity: 0;
    transform: translate(-50%, 0%) scale(0.9);
  }
  50% {
    opacity: 1;
  }
  to {
    transform: translate(-50%, 0%) scale(1);
  }
}

@keyframes modalClosing {
  from {
    opacity: 1;
    transform: translate(-50%, 0%) scale(1);
  }
  to {
    opacity: 0;
    transform: translate(-50%, 0%) scale(0.9);
  }
}

@keyframes fadeOut {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}

@keyframes rotate {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(359deg);
  }
}

@keyframes dots {
  0%,
  20% {
    color: #008e9e;
    text-shadow: 0.25em 0 0 #008e9e, 0.5em 0 0 #008e9e;
  }
  40% {
    color: white;
    text-shadow: 0.25em 0 0 #008e9e, 0.5em 0 0 #008e9e;
  }
  60% {
    text-shadow: 0.25em 0 0 white, 0.5em 0 0 #008e9e;
  }
  80%,
  100% {
    text-shadow: 0.25em 0 0 white, 0.5em 0 0 white;
  }
}

@keyframes yearOverviewHeaderAnimate {
  from {
    padding-top: 0;
    padding-bottom: 0;
  }
  to {
    padding-top: 0.83333rem;
    padding-bottom: 0.83333rem;
    @media screen and (min-width: 1200px) {
      padding-top: 1.66667rem;
      padding-bottom: 1.66667rem;
    }
  }
}

/*--- Only Firefox ---*/
/*--- Only Firefox 1.5 and Firefox 2 ---*/
/*--- Only Firefox ≥ 2 ---*/
/*--- Only Firefox ≥ 3 ---*/
/*--- Only Firefox ≥ 6 ---*/
/*--- Only Firefox ≥ 16 ---*/
/*--- Only Firefox ≥ 21 ---*/
/*--- Only Firefox ≥ 24 ---*/
/*--- Only Firefox ≥ 25 ---*/
/*--- Only Firefox ≥ 26 ---*/
/*--- Only Firefox ≥ 27 ---*/
/*--- Only Firefox ≥ 28 ---*/
/*--- Only Firefox ≥ 30 ---*/
/*--- Only Webkit (Chrome, Safari, Opera ≥ 14) ---*/
/*--- Only Chrome 28+, Opera ≥ 14 ---*/
/*--- Only Safari ≥ 6.1 ---*/
/*--- Only Safari ≥ 9 ---*/
/*--- Only iOS Safari ≥ 9 ---*/
/*--- Only Safari ≥ 9 (Non iOS) ---*/
/*--- Only Opera ≤ 9.27, Safari ≤ 2 ---*/
/* ----------------------------------- //
//           Opera CSS Hacks
// ----------------------------------- */
/*--- Only Opera ≥ 9.5 ---*/
/*--- Only Opera ≤ 11 ---*/
/* ----------------------------------- //
//     Edge CSS Hacks
// ----------------------------------- */
/* ----------------------------------- //
//     Internet Explorer CSS Hacks
// ----------------------------------- */
/*--- Only IE ≤ 6 ---*/
/*--- Only IE7 ---*/
/*--- Only IE ≤ 7 ---*/
/*--- Only IE8 ---*/
/*--- Only IE ≤ 8 ---*/
/*--- Only IE9 ---*/
/*--- Only IE ≤ 9 ---*/
/*--- Only IE10 ---*/
/*--- Only IE ≤ 11 ---*/
/*--- Only IE ≥ 11 ---*/
/*--- Anything but IE6 ---*/
/*--- Only IE ≥ 9, safari4, android ≥ 2.3 ---*/
/* ----------------------------------- //
//           Other CSS Hacks
// ----------------------------------- */
/*--- Everything but IE and Safari ≤ 6 ---*/
.table {
  margin: auto;
  margin-top: 0.55556rem;
  padding: 0;
  border-bottom: 0.05556rem solid rgba(0, 142, 158, 0.6);
}

.table__heading, .table__cell {
  position: relative;
  padding: 0.83333rem 0.55556rem 0.66667rem 1.11111rem;
  color: #414141;
  vertical-align: middle;
}

.table__heading {
  padding-left: 0;
}

.table--performance .table__heading {
  width: 11rem;
}

.table--balances .table__heading {
  width: calc(11rem - 0.4 * 0.83333rem);
  line-height: 1.22222rem;
  font-size: 0.77778rem;
  margin-bottom: 0;
  font-weight: normal;
  font-family: "AllianzNeoBoldItalic";
  padding-left: 0.83333rem;
  text-align: left;
}

.year-overview__table--market .table--balances .table__heading {
  width: calc(11rem - 0.4 * 0.83333rem);
}

.table__cell {
  line-height: 1.33333rem;
  font-size: 0.88889rem;
  margin-bottom: 1.33333rem;
  font-weight: normal;
  font-family: "AllianzNeoRegular";
  text-align: center;
}

.table__row {
  transition: all 0.3s linear;
}

.table__row:not(:first-child) .table__heading,
.table__row:not(:first-child) .table__cell {
  border-top: 0.05556rem solid rgba(0, 142, 158, 0.6);
  border-bottom: none;
}

.table__row--before .table__heading,
.table__row--before .table__cell {
  box-shadow: inset 0 -0.05556rem 0 0 #7fe4e0;
}

.table__row--before-active .table__heading,
.table__row--before-active .table__cell {
  box-shadow: inset 0 -0.11111rem 0 0 #7fe4e0;
}

.table__row-after-content {
  border-bottom: none;
}

.table__row-after-toggler {
  position: absolute;
  right: 0;
  bottom: 0.11111rem;
  width: 1.38889rem;
  height: 1.38889rem;
  border-top-left-radius: 0.22222rem;
  border-top-right-radius: 0.22222rem;
  background: #e6f4f6;
  cursor: pointer;
}

.table__row-after-toggler .arrow {
  position: absolute;
}

.table__row-after-toggler .arrow:after, .table__row-after-toggler .arrow:before {
  border: solid transparent;
  content: ' ';
  display: block;
  height: 0;
  position: absolute;
  pointer-events: none;
  width: 0;
  margin-top: -0.11111rem;
  top: 0;
  left: 50%;
}

.table__row-after-toggler .arrow:after {
  border-color: rgba(255, 255, 255, 0);
  border-top-color: #ffffff;
  left: 50%;
  margin-left: -0.22222rem;
  border-width: 0.22222rem;
  top: 0.66667rem;
  border-top-color: #e6f4f6;
}

.table__row-after-toggler .arrow:before {
  border-color: rgba(255, 255, 255, 0);
  border-top-color: #008e9e;
  left: 50%;
  margin-left: -0.38889rem;
  border-width: 0.38889rem;
  top: 0.66667rem;
  border-top-color: #003781;
}

.table__row-after-toggler--open .arrow {
  transform: rotate(180deg);
}

.table__row-after-toggler--open .arrow:before {
  top: -0.66667rem;
}

.table__row-after-toggler--open .arrow:after {
  top: -0.66667rem;
}

.table .label {
  margin: 0;
}

.table--performance {
  width: 90%;
  max-width: 56.11111rem;
}

@media screen and (min-width: 1200px) {
  .table--performance {
    width: 100%;
  }
}

.table--allocations {
  margin-top: 0;
  margin-bottom: 2.77778rem;
  border-bottom: none;
}

.table--payments {
  border-bottom: none;
  background: rgba(190, 181, 214, 0.15);
}

.table--payments .table__heading {
  line-height: 1.55556rem;
  font-size: 1.11111rem;
  margin-bottom: 0;
  font-weight: normal;
  font-family: "AllianzNeoBoldItalic";
  padding-left: 0.83333rem;
  text-align: left;
}

.table--payments,
.table--balances {
  margin-top: 0;
}

.table--payments tr:last-child td,
.table--balances tr:last-child td {
  padding-bottom: 0.66667rem;
}

.table--balances {
  width: calc(100% - 2 * 0.83333rem);
  min-width: 47.22222rem;
  border-bottom: none;
  margin-right: 0;
}

.table--balances .table__heading--fund-options-10-asx,
.table--balances .table__heading--fund-options-5-asx,
.table--balances .table__heading--fund-options-0-asx,
.table--balances .table__heading--fund-options-10-msci,
.table--balances .table__heading--fund-options-5-msci,
.table--balances .table__heading--fund-options-0-msci {
  font-weight: normal;
  font-family: "AllianzNeoItalic";
}

.table--balances .table__heading--fund-options-10-asx,
.table--balances .table__heading--fund-options-5-asx,
.table--balances .table__heading--fund-options-0-asx,
.table--balances .table__cell--fund-options-10-asx,
.table--balances .table__cell--fund-options-5-asx,
.table--balances .table__cell--fund-options-0-asx {
  background: #f1f9fa;
}

.table--balances .table__heading--fund-options-10-msci,
.table--balances .table__heading--fund-options-5-msci,
.table--balances .table__heading--fund-options-0-msci,
.table--balances .table__cell--fund-options-10-msci,
.table--balances .table__cell--fund-options-5-msci,
.table--balances .table__cell--fund-options-0-msci {
  background: rgba(190, 181, 214, 0.15);
}

.table--balances .table__heading--totals-fixed,
.table--balances .table__heading--totals-fixed,
.table--balances .table__heading--totals-fixed,
.table--balances .table__cell--totals-fixed,
.table--balances .table__cell--totals-fixed,
.table--balances .table__cell--totals-fixed {
  background: rgba(128, 128, 128, 0.3);
}

.table--balances .table__heading--fund-options-10-asx,
.table--balances .table__heading--fund-options-5-asx,
.table--balances .table__heading--fund-options-0-asx,
.table--balances .table__heading--fund-options-10-asx,
.table--balances .table__heading--fund-options-5-asx,
.table--balances .table__heading--fund-options-10-msci,
.table--balances .table__heading--fund-options-5-msci,
.table--balances .table__heading--fund-options-0-msci {
  padding-left: 1.66667rem;
}

.table--historical-data {
  border-bottom: none;
}

.table--historical-data .table__heading {
  padding-left: 0.83333rem;
  width: 12.22222rem;
}

.table--historical-data .table__cell--financial-years {
  padding-bottom: 0;
}

.table--historical-data .table__row:not(:first-child) .table__heading,
.table--historical-data .table__row:not(:first-child) .table__cell {
  border-top: none;
}

.table--historical-data .table__heading--interest,
.table--historical-data .table__cell--interest {
  padding-bottom: 0.66667rem;
  background: rgba(128, 128, 128, 0.3);
}

.table--historical-data .table__row--focus-out {
  opacity: 0.5;
}

.table--historical-data .table__row--focus-out th,
.table--historical-data .table__row--focus-out td {
  background: none;
}

.table__cell--financial-years {
  padding-bottom: 1.66667rem;
  border-bottom: none;
  text-align: center;
}

.table__cell--financial-years .cell__heading,
.table__cell--financial-years .cell__sub-heading {
  color: #5a5360;
}

.table__cell--financial-years .cell__heading {
  line-height: 1.55556rem;
  font-size: 1.11111rem;
  margin-bottom: 0;
  font-weight: normal;
  font-family: "AllianzNeoBold";
  padding-bottom: 0.27778rem;
}

.table__cell--financial-years .cell__sub-heading {
  line-height: 1.22222rem;
  font-size: 0.77778rem;
  margin-bottom: 0;
  font-weight: normal;
  font-family: "AllianzNeoRegular";
}

.table__heading--totals-asx,
.table__cell--totals-asx,
.table__heading--asx,
.table__cell--asx {
  border-bottom: none;
  background: #c3e8e7;
}

.table__heading--totals-msci,
.table__cell--totals-msci,
.table__heading--msci,
.table__cell--msci {
  background: #beb5d6;
}

.table__heading--cash,
.table__cell--cash {
  background: #FFE8B0;
}

.table__heading--fixedincome,
.table__cell--fixedincome {
  background: #DBE6BD;
}

.label--symbol {
  line-height: 1.33333rem;
  font-size: 0.88889rem;
  margin-bottom: 1.33333rem;
  font-weight: normal;
  font-family: "AllianzNeoRegular";
  display: inline-block;
  padding-left: 0.27778rem;
  text-align: left;
}

.cell--negative {
  color: #b71e3f;
}

.cell--election:before {
  position: absolute;
  top: 1.22222rem;
  left: 0.83333rem;
  display: block;
  width: 0.33333rem;
  height: 0.33333rem;
  background: #fdd25c;
  content: '';
  transform: rotate(45deg);
}

.cell--editable {
  cursor: pointer;
}

.cell--editing {
  position: absolute;
  top: 0;
  width: 8.33333rem;
  height: 3.05556rem;
  left: -30%;
}

.cell--editing .cell__content {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 700;
  display: inline-block;
  width: 9.44444rem;
  border: 0.11111rem solid #5DC5BE;
  border-radius: 0.27778rem;
  background: #ffffff;
  box-shadow: 0 0 0.22222rem 0 rgba(0, 0, 0, 0.7);
  transition: all 0.3s linear;
}

.cell--editing .cell__content {
  animation-name: zoomIn;
  animation-duration: 0.4s;
}

.cell--editing .form-group {
  margin: 0;
  padding: 0;
}

.cell--editing .form-group-control-wrapper {
  margin: 0;
  padding: 0.5rem 0.83333rem;
}

.cell--editing .form-control {
  display: inline-block;
  margin: 0;
  width: 1.94444rem;
  border-bottom: 0.05556rem solid #008e9e;
  line-height: 1.77778rem;
  transition: all 0.3s linear;
  width: 5.55556rem;
  padding: 0;
}

.cell--editing .input-after {
  position: relative;
  display: inline-block;
  border-bottom: 0.05556rem solid #008e9e;
  color: #008e9e;
  font-size: 1.66667rem;
  line-height: 1.22222rem;
  transition: all 0.3s linear;
  padding-bottom: 0.11111rem;
}

.cell--editing .label--form {
  font-weight: normal;
  font-family: "AllianzNeoRegular";
  line-height: 1.77778rem;
}

.mobile-safari .cell--editing .input-after {
  height: 1.88889rem;
}

.cell--editing.cell--error .cell__content {
  border: 0.11111rem solid #d0021b;
}

.cell--editing.cell--error .form-control {
  border-bottom: 0.05556rem solid #d0021b;
}

.cell--editing.cell--error .input-after {
  border-bottom: 0.05556rem solid #d0021b;
  color: #d0021b;
}

@supports (-ms-ime-align: auto) {
  .cell--editing .label--form {
    display: inline-block;
    height: 1.88889rem;
  }
}

@media all and (-ms-high-contrast: none) {
  *::-ms-backdrop, .cell--editing .label--form {
    display: inline-block\0;
    height: 1.88889rem\0;
  }
}

.settings-panel h2 {
  color: #5a5360;
}

.settings-panel h6 {
  font-weight: normal;
  font-family: "AllianzNeoBoldItalic";
  margin-bottom: 0.83333rem;
  margin-bottom: 0.27778rem;
  padding-left: 0.55556rem;
}

.settings-panel .column:nth-child(1),
.settings-panel .column:nth-child(2) {
  width: 20.83333rem;
  margin-right: 1.66667rem;
}

@media screen and (min-width: 1200px) {
  .settings-panel .column:nth-child(1),
  .settings-panel .column:nth-child(2) {
    width: 23.11111rem;
  }
}

.settings-panel .column:nth-child(3) {
  width: auto;
  padding-top: 1.38889rem;
}

@media screen and (min-width: 1200px) {
  .settings-panel .column:nth-child(3) {
    width: 12.33333rem;
  }
}

.settings-panel .card--small:not(.card--tiny) {
  margin-bottom: 1.11111rem;
}

.settings-panel__actions {
  padding-top: 1.66667rem;
}

.settings-panel__actions .row {
  position: relative;
  height: 2.77778rem;
}

.settings-panel__actions .button {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.confirmation {
  text-align: center;
}

.confirmation h2 {
  color: #b71e3f;
}

.confirmation__icon {
  display: inline-block;
  margin-bottom: 1.66667rem;
  width: 4.44444rem;
  height: 5rem;
}

.confirmation__actions {
  padding-top: 1.11111rem;
}

.confirmation__actions .button {
  display: inline-block;
  width: 11.94444rem;
}

.confirmation__actions .button:first-child {
  margin-right: 1.11111rem;
}

.simulation-update .loader--graphic {
  position: initial;
  margin: auto;
  margin-bottom: 2.77778rem;
  width: auto;
  height: auto;
}

.simulation-update h2 {
  text-align: center;
}

.simulation-update h6 {
  margin: auto;
  width: 60%;
  text-align: center;
}

.scenario-switch-edit {
  padding: 0 0.83333rem;
}

.scenario-switch-edit h6 {
  margin-bottom: 0.27778rem;
}

.scenario-switch-edit__heading {
  margin-bottom: 3.05556rem;
}

.scenario-switch-edit__chart {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 13.05556rem;
}

.scenario-switch-edit .table--historical-data {
  margin-bottom: 1.66667rem;
}

.scenario-switch-edit .scenario {
  margin-bottom: 2.77778rem;
  border: 0.05556rem solid #008e9e;
}

.scenario-switch-edit .scenario:hover,
.scenario-switch-edit .scenario--active {
  background: #F1F9FA;
}

.scenario-switch-edit .scenario:hover .scenario__image,
.scenario-switch-edit .scenario--active .scenario__image {
  background: #ffffff;
}

.scenario-switch-edit .scenario--active {
  pointer-events: none;
}

.scenario-switch-edit .scenario--active .scenario__actions {
  display: none;
}

.scenario-switch-edit .button {
  margin: 0 1.11111rem;
  max-width: 13.88889rem;
}

@charset "UTF-8";
@keyframes growShrink {
  50% {
    transform: scale(1.2);
  }
  100% {
    transform: scale(1);
  }
}

@keyframes zoomIn {
  0% {
    transform: scale(0.5);
    opacity: 0;
  }
  50% {
    transform: scale(1);
    opacity: 0.5;
  }
  80% {
    transform: scale(1.2);
    opacity: 1;
  }
  100% {
    transform: scale(1);
    opacity: 1;
  }
}

@keyframes zoomOut {
  100% {
    transform: scale(1.25, 1.25);
    opacity: 0;
  }
}

@keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

@keyframes modalOpening {
  from {
    opacity: 0;
    transform: translate(-50%, 0%) scale(0.9);
  }
  50% {
    opacity: 1;
  }
  to {
    transform: translate(-50%, 0%) scale(1);
  }
}

@keyframes modalClosing {
  from {
    opacity: 1;
    transform: translate(-50%, 0%) scale(1);
  }
  to {
    opacity: 0;
    transform: translate(-50%, 0%) scale(0.9);
  }
}

@keyframes fadeOut {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}

@keyframes rotate {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(359deg);
  }
}

@keyframes dots {
  0%,
  20% {
    color: #008e9e;
    text-shadow: 0.25em 0 0 #008e9e, 0.5em 0 0 #008e9e;
  }
  40% {
    color: white;
    text-shadow: 0.25em 0 0 #008e9e, 0.5em 0 0 #008e9e;
  }
  60% {
    text-shadow: 0.25em 0 0 white, 0.5em 0 0 #008e9e;
  }
  80%,
  100% {
    text-shadow: 0.25em 0 0 white, 0.5em 0 0 white;
  }
}

@keyframes yearOverviewHeaderAnimate {
  from {
    padding-top: 0;
    padding-bottom: 0;
  }
  to {
    padding-top: 0.83333rem;
    padding-bottom: 0.83333rem;
    @media screen and (min-width: 1200px) {
      padding-top: 1.66667rem;
      padding-bottom: 1.66667rem;
    }
  }
}

/*--- Only Firefox ---*/
/*--- Only Firefox 1.5 and Firefox 2 ---*/
/*--- Only Firefox ≥ 2 ---*/
/*--- Only Firefox ≥ 3 ---*/
/*--- Only Firefox ≥ 6 ---*/
/*--- Only Firefox ≥ 16 ---*/
/*--- Only Firefox ≥ 21 ---*/
/*--- Only Firefox ≥ 24 ---*/
/*--- Only Firefox ≥ 25 ---*/
/*--- Only Firefox ≥ 26 ---*/
/*--- Only Firefox ≥ 27 ---*/
/*--- Only Firefox ≥ 28 ---*/
/*--- Only Firefox ≥ 30 ---*/
/*--- Only Webkit (Chrome, Safari, Opera ≥ 14) ---*/
/*--- Only Chrome 28+, Opera ≥ 14 ---*/
/*--- Only Safari ≥ 6.1 ---*/
/*--- Only Safari ≥ 9 ---*/
/*--- Only iOS Safari ≥ 9 ---*/
/*--- Only Safari ≥ 9 (Non iOS) ---*/
/*--- Only Opera ≤ 9.27, Safari ≤ 2 ---*/
/* ----------------------------------- //
//           Opera CSS Hacks
// ----------------------------------- */
/*--- Only Opera ≥ 9.5 ---*/
/*--- Only Opera ≤ 11 ---*/
/* ----------------------------------- //
//     Edge CSS Hacks
// ----------------------------------- */
/* ----------------------------------- //
//     Internet Explorer CSS Hacks
// ----------------------------------- */
/*--- Only IE ≤ 6 ---*/
/*--- Only IE7 ---*/
/*--- Only IE ≤ 7 ---*/
/*--- Only IE8 ---*/
/*--- Only IE ≤ 8 ---*/
/*--- Only IE9 ---*/
/*--- Only IE ≤ 9 ---*/
/*--- Only IE10 ---*/
/*--- Only IE ≤ 11 ---*/
/*--- Only IE ≥ 11 ---*/
/*--- Anything but IE6 ---*/
/*--- Only IE ≥ 9, safari4, android ≥ 2.3 ---*/
/* ----------------------------------- //
//           Other CSS Hacks
// ----------------------------------- */
/*--- Everything but IE and Safari ≤ 6 ---*/
.historical-line-chart {
  width: 100%;
  height: inherit;
}

.historical-line-chart__chart-container {
  position: relative;
  margin: 0 4.5rem;
  height: inherit;
}

.historical-line-chart__chart-container:before {
  line-height: 1.33333rem;
  font-size: 0.88889rem;
  color: #414141;
  margin-bottom: 1.33333rem;
  font-weight: normal;
  font-family: "AllianzNeoBold";
  position: absolute;
  top: 0.5rem;
  left: -0.5rem;
  width: 4.5rem;
  content: '% growth';
  text-align: right;
  transform: translateX(-100%);
}

.historical-line-chart__chart {
  width: 100%;
  height: 100%;
}

.historical-line-chart__bg {
  fill: #ffffff;
}

.historical-line-chart__y-axis .tick {
  line-height: 1.22222rem;
  font-size: 0.77778rem;
  color: #5a5360;
  margin-bottom: 1.22222rem;
  font-weight: normal;
  font-family: "AllianzNeoRegular";
  stroke: #5a5360;
  stroke-dasharray: 1 5;
  shape-rendering: crispEdges;
}

.historical-line-chart__y-axis text {
  transform: translate(-0.83333rem, 0);
  stroke: none;
}

.historical-line-chart__x-axis .tick {
  stroke: #5a5360;
}

.historical-line-chart__x-axis .tick line {
  transform: translate(0, -0.05556rem);
  shape-rendering: crispEdges;
}

.historical-line-chart__x-axis .tick text {
  line-height: 1.22222rem;
  font-size: 0.77778rem;
  margin-bottom: 1.22222rem;
  font-weight: normal;
  font-family: "AllianzNeoBold";
  fill: #5a5360;
  stroke: none;
}

.historical-line-chart__axis-border {
  fill: rgba(65, 65, 65, 0.5);
  shape-rendering: crispEdges;
}

.historical-line-chart__line {
  fill: none;
  stroke-width: 0.11111rem;
}

.historical-line-chart__line--asx {
  stroke: #5DC5BE;
}

[data-asx-active='false'] .historical-line-chart__line--asx {
  visibility: hidden;
}

.historical-line-chart__line--msci {
  stroke: #8A679C;
}

[data-msci-active='false'] .historical-line-chart__line--msci {
  visibility: hidden;
}

.historical-line-chart__line--interest {
  stroke: #808080;
}

[data-interest-active='false'] .historical-line-chart__line--interest {
  visibility: hidden;
}

.historical-line-chart__line--cash {
  stroke: #FDD25C;
}

[data-cash-active='false'] .historical-line-chart__line--cash {
  visibility: hidden;
}

.historical-line-chart__line--fixedincome {
  stroke: #B8CD7C;
}

[data-fixedincome-active='false'] .historical-line-chart__line--fixedincome {
  visibility: hidden;
}

.historical-line-chart__controls-container {
  position: absolute;
  top: 0;
  left: 100%;
  z-index: 1;
  width: 7.77778rem;
  height: 100%;
  transform: translateX(-1.66667rem);
}

.historical-line-chart__controls {
  font-size: 0.77778rem;
  line-height: 1.22222rem;
  line-height: 1.22222rem;
  font-size: 0.77778rem;
  color: #414141;
  margin-bottom: 0;
  font-weight: normal;
  font-family: "AllianzNeoRegular";
  box-sizing: border-box;
  padding: 0.55556rem;
  min-height: 100%;
  width: 100%;
  background: white;
  box-shadow: 0 0 0.11111rem rgba(0, 142, 158, 0.3);
}

.historical-line-chart__controls-item:not(:last-child) {
  margin-bottom: 0.55556rem;
}

.historical-line-chart__controls-input {
  position: absolute;
  z-index: -1;
  opacity: 0;
}

.historical-line-chart__controls-input:not(:checked) + .historical-line-chart__controls-label {
  color: rgba(65, 65, 65, 0.3);
}

.historical-line-chart__controls-input:checked + .historical-line-chart__controls-label:before {
  border-color: rgba(65, 65, 65, 0.4);
}

.historical-line-chart__controls-input:checked + .historical-line-chart__controls-label--asx:before {
  border-color: #5DC5BE;
  background-color: #5DC5BE;
}

.historical-line-chart__controls-input:checked + .historical-line-chart__controls-label--msci:before {
  border-color: #8A679C;
  background-color: #8A679C;
}

.historical-line-chart__controls-input:checked + .historical-line-chart__controls-label--interest:before {
  border-color: #808080;
  background-color: #808080;
}

.historical-line-chart__controls-input:checked + .historical-line-chart__controls-label--cash:before {
  border-color: #FDD25C;
  background-color: #FDD25C;
}

.historical-line-chart__controls-input:checked + .historical-line-chart__controls-label--fixedincome:before {
  border-color: #B8CD7C;
  background-color: #B8CD7C;
}

.historical-line-chart__controls-input:checked + .historical-line-chart__controls-label > .icon {
  color: #ffffff;
  opacity: 1;
}

.historical-line-chart__controls-label {
  display: flex;
  align-items: center;
  position: relative;
  -webkit-user-select: none;
      -ms-user-select: none;
          user-select: none;
  font-size: 0.87rem;
}

.historical-line-chart__controls-label > .icon {
  position: absolute;
  top: 50%;
  left: 0.27778rem;
  width: 0.66667rem;
  height: 0.66667rem;
  color: #414141;
  opacity: 0;
  transition: opacity 0.3s linear;
  transform: translateY(-50%);
}

.historical-line-chart__controls-label:before {
  margin-right: 0.44444rem;
  min-width: 1.11111rem;
  width: 1.11111rem;
  height: 1.11111rem;
  border: 0.05556rem solid currentColor;
  content: '';
  transition: all 0.3s linear;
}

.historical-line-chart__controls-group + .historical-line-chart__controls-group {
  margin-top: 1.55556rem;
  padding-top: 1.55556rem;
  border-top: 0.05556rem solid rgba(112, 105, 115, 0.3);
}

@media all and (-ms-high-contrast: none) {
  *::-ms-backdrop, .historical-line-chart__controls-label:before {
    display: inline-block\0;
  }
}

.results-complete {
  padding-bottom: 5rem;
  padding-top: 5rem;
}

.results-complete h2 {
  margin-bottom: 2.5rem;
}

.results-complete h3 {
  color: #414141;
}

.results-complete h6 {
  max-width: 90%;
  display: block;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 2.5rem;
}

@charset "UTF-8";
/*--- Only Firefox ---*/
/*--- Only Firefox 1.5 and Firefox 2 ---*/
/*--- Only Firefox ≥ 2 ---*/
/*--- Only Firefox ≥ 3 ---*/
/*--- Only Firefox ≥ 6 ---*/
/*--- Only Firefox ≥ 16 ---*/
/*--- Only Firefox ≥ 21 ---*/
/*--- Only Firefox ≥ 24 ---*/
/*--- Only Firefox ≥ 25 ---*/
/*--- Only Firefox ≥ 26 ---*/
/*--- Only Firefox ≥ 27 ---*/
/*--- Only Firefox ≥ 28 ---*/
/*--- Only Firefox ≥ 30 ---*/
/*--- Only Webkit (Chrome, Safari, Opera ≥ 14) ---*/
/*--- Only Chrome 28+, Opera ≥ 14 ---*/
/*--- Only Safari ≥ 6.1 ---*/
/*--- Only Safari ≥ 9 ---*/
/*--- Only iOS Safari ≥ 9 ---*/
/*--- Only Safari ≥ 9 (Non iOS) ---*/
/*--- Only Opera ≤ 9.27, Safari ≤ 2 ---*/
/* ----------------------------------- //
//           Opera CSS Hacks
// ----------------------------------- */
/*--- Only Opera ≥ 9.5 ---*/
/*--- Only Opera ≤ 11 ---*/
/* ----------------------------------- //
//     Edge CSS Hacks
// ----------------------------------- */
/* ----------------------------------- //
//     Internet Explorer CSS Hacks
// ----------------------------------- */
/*--- Only IE ≤ 6 ---*/
/*--- Only IE7 ---*/
/*--- Only IE ≤ 7 ---*/
/*--- Only IE8 ---*/
/*--- Only IE ≤ 8 ---*/
/*--- Only IE9 ---*/
/*--- Only IE ≤ 9 ---*/
/*--- Only IE10 ---*/
/*--- Only IE ≤ 11 ---*/
/*--- Only IE ≥ 11 ---*/
/*--- Anything but IE6 ---*/
/*--- Only IE ≥ 9, safari4, android ≥ 2.3 ---*/
/* ----------------------------------- //
//           Other CSS Hacks
// ----------------------------------- */
/*--- Everything but IE and Safari ≤ 6 ---*/
@keyframes growShrink {
  50% {
    transform: scale(1.2);
  }
  100% {
    transform: scale(1);
  }
}

@keyframes zoomIn {
  0% {
    transform: scale(0.5);
    opacity: 0;
  }
  50% {
    transform: scale(1);
    opacity: 0.5;
  }
  80% {
    transform: scale(1.2);
    opacity: 1;
  }
  100% {
    transform: scale(1);
    opacity: 1;
  }
}

@keyframes zoomOut {
  100% {
    transform: scale(1.25, 1.25);
    opacity: 0;
  }
}

@keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

@keyframes modalOpening {
  from {
    opacity: 0;
    transform: translate(-50%, 0%) scale(0.9);
  }
  50% {
    opacity: 1;
  }
  to {
    transform: translate(-50%, 0%) scale(1);
  }
}

@keyframes modalClosing {
  from {
    opacity: 1;
    transform: translate(-50%, 0%) scale(1);
  }
  to {
    opacity: 0;
    transform: translate(-50%, 0%) scale(0.9);
  }
}

@keyframes fadeOut {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}

@keyframes rotate {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(359deg);
  }
}

@keyframes dots {
  0%,
  20% {
    color: #008e9e;
    text-shadow: 0.25em 0 0 #008e9e, 0.5em 0 0 #008e9e;
  }
  40% {
    color: white;
    text-shadow: 0.25em 0 0 #008e9e, 0.5em 0 0 #008e9e;
  }
  60% {
    text-shadow: 0.25em 0 0 white, 0.5em 0 0 #008e9e;
  }
  80%,
  100% {
    text-shadow: 0.25em 0 0 white, 0.5em 0 0 white;
  }
}

@keyframes yearOverviewHeaderAnimate {
  from {
    padding-top: 0;
    padding-bottom: 0;
  }
  to {
    padding-top: 0.83333rem;
    padding-bottom: 0.83333rem;
    @media screen and (min-width: 1200px) {
      padding-top: 1.66667rem;
      padding-bottom: 1.66667rem;
    }
  }
}

.header {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  position: absolute;
  z-index: 500;
  padding: 0 0.55556rem 0 1.66667rem;
  width: calc(100vw - 2.22222rem);
  height: 2.77778rem;
  background: transparent;
  pointer-events: none;
}

.header--empty {
  z-index: 0;
  height: 2.77778rem;
  background: #5a5360;
}

.header .label {
  line-height: 2.77778rem;
}

.header .help-information {
  pointer-events: all;
}

.mobile-safari .header {
  z-index: 100;
}

.card {
  position: relative;
  overflow: hidden;
  padding: 1.66667rem 1.11111rem 1.11111rem 1.66667rem;
  background: #ffffff;
}

.card h5 {
  font-weight: normal;
  font-family: "AllianzNeoBold";
  color: #008e9e;
  max-width: 80%;
  height: 1.94444rem;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.card__image img {
  position: absolute;
  top: 1.11111rem;
  right: 1.11111rem;
  width: 2.77778rem;
  height: 2.77778rem;
}

.card__icon {
  position: absolute;
  top: 1.11111rem;
  right: 1.11111rem;
  width: 2.77778rem;
  height: 2.77778rem;
  border-radius: 50%;
  background: #e6f4f6;
}

.card__icon .icon {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 1.66667rem;
  height: 1.66667rem;
}

.card__icon .icon--custom-scenario {
  margin-left: 0.11111rem;
  transform: translate(-50%, -50%) scale(1.2);
}

.card__chart {
  max-height: 10.16667rem;
}

.card__content {
  margin-bottom: 1.38889rem;
}

.card__actions {
  position: absolute;
  right: 0.55556rem;
  bottom: 0.55556rem;
  width: 100%;
  text-align: right;
}

.card .key-value-wrapper {
  padding: 0;
}

.card .key-value__key--expanded {
  font-weight: normal;
  font-family: "AllianzNeoBold";
  font-size: 0.88889rem;
  width: 55%;
}

@media screen and (min-width: 1200px) {
  .card .key-value__key--expanded {
    font-size: 1rem;
  }
}

.card .key-value {
  margin-bottom: 1.11111rem;
}

.card .key-value__value--expanded {
  width: 45%;
}

.card .button--plain {
  padding: 0.05556rem 0.44444rem 0.05556rem 0.33333rem;
  display: inline-block;
  margin: 0;
  width: auto;
  text-align: right;
}

.card--normal {
  min-height: 15.27778rem;
}

.card--small {
  padding: 1.11111rem;
  width: 12.33333rem;
  height: 6.66667rem;
}

.card--small h5 {
  margin-bottom: 0.27778rem;
  font-size: 1rem;
  line-height: 1.55556rem;
}

.card--small .card__content {
  margin-bottom: 0.27778rem;
  color: #5a5360;
  font-size: 0.77778rem;
  line-height: 1.22222rem;
}

.card--tiny {
  height: 4.44444rem;
}


/*# sourceMappingURL=main.app.adviser.entry.min.css.map*/