body{font-family:'Helvetica Neue', Helvetica, Arial;font-size:18px;color:#565e66;background-color:#f7f8fc;background:linear-gradient(to top left, #f7f8fc, rgba(0,151,230,0.2) 500%);margin:0px}.text-centered{text-align:center}.card{background-color:#fff;border-radius:0.2rem;padding:1rem;position:relative;box-shadow:#edeef1 10px 10px 10px}.card .title{color:#2f3640;font-size:22px;font-weight:400;margin:0px;margin-bottom:1rem}.hidden{display:none}input::-webkit-outer-spin-button,input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.header-container{color:#2f3640;background-color:#fff;box-shadow:#edeef1 2px 2px 2px;padding:1rem}.header-container .header{font-size:22px;padding-left:40px;position:relative;font-weight:400;margin:0px}.header-container .header:before{background:url("assets/logo.png");background-size:100% 100%;content:'';height:32px;width:32px;top:-5px;left:0px;position:absolute}.header-container .settings .currency-selector{-webkit-appearance:none;cursor:pointer;padding:0.3rem;font-size:18px;color:#495057;background-color:#f7f8fc;border:#f0f3fd solid 1px;position:absolute;right:3rem;top:1rem}.body-container{padding-right:2rem;padding-top:3.5rem;padding-left:2rem}@media all and (max-width: 1028px){.body-container{padding-right:0px;padding-top:0px;padding-left:0px}}.sub-header{color:#2f3640;font-size:35px;font-weight:400;margin:0px;margin-bottom:2rem;padding-left:2rem}.row{display:flex;flex-direction:row}.column{flex:1}.main-row .main-column:nth-child(1){margin-right:1rem}.main-row .main-column:nth-child(2){margin-left:1rem}@media all and (max-width: 1028px){.main-row{flex-direction:column}.main-row .main-column{width:100%;justify-content:center !important;margin-right:0px !important;margin-left:0px !important}}.form-column{padding-bottom:2rem}.form-column .form .field{margin-bottom:1.5rem}.form-column .form .field .field-label{margin-bottom:0.5rem;display:block;margin-left:0.5rem}.form-column .form .field .field-input{font-size:18px;color:#565e66;border:#f0f4fd solid 1px;background-color:#fff;border-radius:0.2rem;padding:1rem;padding-left:2rem}.form-column .form .field .field-text-input{max-width:calc(100% - 4rem);width:calc(100% - 4rem);display:block;outline:none}.form-column .form .field .field-text-input:focus{border-width:3px !important}.form-column .form .field .field-currency-input .field-text-input{display:inline;padding-left:8px;border:none;border-top:#f0f4fd solid 1px;border-right:#f0f4fd solid 1px;border-bottom:#f0f4fd solid 1px}.form-column .form .field .field-currency-input .currency-symbol{margin:0px;border-top:#f0f4fd solid 1px;border-left:#f0f4fd solid 1px;border-bottom:#f0f4fd solid 1px;padding-top:1rem;padding-left:1rem;padding-bottom:1rem}.top-details{padding-right:2rem;padding-bottom:2rem}.top-details .top-details-row .top-details-column{max-width:50%;min-width:50%}.top-details .top-details-row .top-details-column .card{min-height:calc(100% - 2rem)}.top-details .top-details-row:nth-child(1) .top-details-column{margin-bottom:1rem}.top-details .top-details-row:nth-child(1) .top-details-column:nth-child(1){margin-right:1rem}.top-details .top-details-row:nth-child(1) .top-details-column:nth-child(2){margin-left:1rem}.top-details .top-details-row:nth-child(2) .top-details-column{margin-top:1rem}.top-details .top-details-row:nth-child(2) .top-details-column:nth-child(1){margin-right:1rem}.top-details .top-details-row:nth-child(2) .top-details-column:nth-child(2){margin-left:1rem}@media all and (max-width: 1028px){.top-details{padding-right:0px;padding-bottom:0px}.top-details .top-details-row{flex-direction:column}.top-details .top-details-row .top-details-column{min-width:100%;justify-content:center !important;margin-left:0px !important;margin-bottom:2rem !important;margin-top:0px !important;margin-right:0px !important}.top-details .top-details-row .top-details-column .total-return .return{margin-top:1rem;margin-bottom:2rem}}.total-return .return{font-size:35px;margin-top:10%;margin-bottom:15%;color:#0077b6}.total-return .percent-value{margin-bottom:0.5rem;text-align:center}.total-return .percent-text{text-align:center;font-size:14px}.what-is{font-size:18px}.main-graph-card{margin-bottom:2rem}.main-graph-card #main-graph{padding:2rem;height:60vh}@media all and (max-width: 1028px){.main-graph-card #main-graph{padding:0rem}}.main-graph-helper-row{margin-bottom:2rem}.main-graph-helper-row .main-graph-helper-column .card{min-height:calc(100% - 2rem)}.main-graph-helper-row .main-graph-helper-column .color-circle{min-width:20px;min-height:20px;max-width:20px;border-radius:50%;display:inline-block;float:right}.main-graph-helper-row .main-graph-helper-column:nth-child(1){padding-right:1rem}.main-graph-helper-row .main-graph-helper-column:nth-child(1) .color-circle{background-color:rgba(79,42,180,0.6)}.main-graph-helper-row .main-graph-helper-column:nth-child(2){padding-right:1rem;padding-left:1rem}.main-graph-helper-row .main-graph-helper-column:nth-child(2) .color-circle{background-color:rgba(247,184,51,0.6)}.main-graph-helper-row .main-graph-helper-column:nth-child(3){padding-left:1rem}.main-graph-helper-row .main-graph-helper-column:nth-child(3) .color-circle{background-color:rgba(252,75,26,0.6)}.main-graph-helper-row .main-graph-helper-column .content{padding-left:5vw;padding-right:5vw;margin-bottom:1rem}.main-graph-helper-row .main-graph-helper-column .content .custom-interest{font-size:18px;color:#565e66;border:#f0f4fd solid 1px;background-color:#fff;border-radius:0.2rem;padding:1rem;padding-left:2rem;max-width:calc(100% - 4rem);width:calc(100% - 4rem);display:block;outline:none}.main-graph-helper-row .main-graph-helper-column .on-off{position:absolute;bottom:1rem}.main-graph-helper-row .main-graph-helper-column .on-off .switch{position:relative;display:inline-block;width:60px;height:34px}.main-graph-helper-row .main-graph-helper-column .on-off .switch input{display:none}.main-graph-helper-row .main-graph-helper-column .on-off .switch .slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#dfdce4;transition:.4s}.main-graph-helper-row .main-graph-helper-column .on-off .switch .slider:before{position:absolute;content:"";height:26px;width:26px;left:4px;bottom:4px;background-color:#fff;transition:.4s}.main-graph-helper-row .main-graph-helper-column .on-off .switch .slider.round{border-radius:16px}.main-graph-helper-row .main-graph-helper-column .on-off .switch .slider.round:before{border-radius:50%}.main-graph-helper-row .main-graph-helper-column .on-off .switch input:checked+.slider{background-color:#6fdcca}.main-graph-helper-row .main-graph-helper-column .on-off .switch input:checked+.slider:before{transform:translateX(26px)}@media all and (max-width: 1028px){.main-graph-helper-row{flex-direction:column;margin-bottom:0px}.main-graph-helper-row .main-graph-helper-column{width:100%;justify-content:center !important;padding-right:0px !important;padding-left:0px !important;padding-bottom:2rem}}.table-card{margin-bottom:2rem}.table-card .table{padding:2rem}.table-card .table .table-body .row:nth-child(odd){background-color:rgba(223,220,228,0.4);border-radius:3px}.table-card .table .row{display:flex;flex-direction:row}.table-card .table .row .cell{flex:1}.table-card .table .row .cell:first-child{flex:0.5}@media all and (max-width: 1028px){.table-card .table{padding:0px}}.tiles .row{display:flex;flex-direction:row;justify-content:space-between;margin-bottom:2rem}.tiles .row .tile{flex:1;text-align:center;color:#2f3640;text-decoration:none}.tiles .row .tile:nth-child(1),.tiles .row .tile:nth-child(2){margin-right:1rem}.tiles .row .tile:nth-child(2),.tiles .row .tile:nth-child(3){margin-left:1rem}@media all and (max-width: 1028px){.tiles .row .tile{margin-right:0px !important;margin-left:0px !important}}.how-card h2,.how-card h3{color:#0077b6}.how-card .principal-formula,.how-card .monthly-formula{display:block;max-height:60px}.footer{color:#2f3640;background-color:#fff;box-shadow:#edeef1 2px -2px 2px;padding:1rem;margin-top:2rem;text-align:center;font-size:14px}.cookie-notification{position:fixed;left:0;right:0;bottom:0;background:#f7b833;color:#2f3640;text-align:center;line-height:2.5}

/* ---- accessibility & polish overrides ---- */
.visually-hidden {
  position: absolute;
  width: 1px; height: 1px;
  padding: 0; margin: -1px;
  overflow: hidden; clip: rect(0 0 0 0);
  clip-path: inset(50%); white-space: nowrap; border: 0;
}

/* Keep the toggle checkbox in the tab order (was display:none) but hidden */
.switch input {
  display: inline-block !important;
  position: absolute;
  opacity: 0;
  width: 1px;
  height: 1px;
  margin: 0;
}

/* Visible keyboard focus */
a:focus-visible,
select:focus-visible,
input:focus-visible {
  outline: 3px solid #0077b6;
  outline-offset: 2px;
}

.switch input:focus-visible + .slider {
  outline: 3px solid #0077b6;
  outline-offset: 2px;
}

/* Match the smaller sub-heading size now that they are <h3> for correct order */
.how-card h3 {
  font-size: 20px;
  font-weight: 500;
  margin-bottom: 0.25rem;
}