.representative-example-box{background-color:#eaedf5;border-radius:8px;margin:0 auto;padding:1rem}.representative-example-box.dark{background-color:#343b3b;border:#596464;color:#bdced0}.representative-example-box.dark .heading{color:#fff}.representative-example-box.dark .subheading{color:#bdced0}.representative-example-box.dark .finance-item{background:#242929}.representative-example-box.dark .finance-term{color:#bdced0}.representative-example-box.dark .finance-amount{color:#fff}.representative-example-box.dark .header-container .link,.representative-example-box.dark .link{color:#7eabff}.representative-example-box .header-container{align-items:center;display:flex;flex-direction:column;justify-content:space-between;margin-bottom:1rem}@media only screen and (min-width:767px){.representative-example-box .header-container{flex-direction:row}}.representative-example-box .header-container .link{color:blue}.representative-example-box .heading{color:#222627;padding-bottom:.5rem;text-align:center}.representative-example-box .subheading{color:#4e585a;font-size:.875rem;padding-bottom:0}.representative-example-box .heading,.representative-example-box .subheading{text-align:center}@media only screen and (min-width:767px){.representative-example-box .heading,.representative-example-box .subheading{text-align:left}}.representative-example-box .link{display:block;font-size:.875rem;margin-top:.813rem}.representative-example-box .finance-list{align-items:center;display:flex;flex-wrap:wrap;gap:.5rem;padding-bottom:0}@media only screen and (min-width:1025px){.representative-example-box .finance-list{gap:.25rem}}.representative-example-box .finance-item{align-items:center;align-self:stretch;background:#fff;border-radius:8px;display:flex;flex-basis:calc(50% - 0.5rem);flex-direction:column;flex-grow:1;justify-content:center;padding:1.2rem 1rem;position:relative;width:100%}@media only screen and (min-width:767px){.representative-example-box .finance-item{padding:.6rem 1rem}}@media only screen and (min-width:1025px){.representative-example-box .finance-item{flex-basis:calc(20% - 0.25rem);padding:1.3rem 1rem}}.representative-example-box .finance-amount{color:#222627;font-size:.875rem}@media only screen and (min-width:1025px){.representative-example-box .finance-amount{font-size:1rem}}.representative-example-box .finance-term{color:#4e585a;font-size:.75rem;padding-bottom:.25rem}@media only screen and (min-width:1025px){.representative-example-box .finance-term{font-size:.875rem}}.representative-example-box .finance-amount,.representative-example-box .finance-term{text-align:center}.representative-example-box .modal-icon{position:absolute;right:.25rem;top:.25rem}.representative-example-box .tooltip{position:absolute;right:.281rem;top:.281rem}.representative-example-box .tooltip.inverted:before{background:#596464;color:#fff}.representative-example-box .tooltip.inverted:after{border-top:.625rem solid #596464}.representative-example-box .tooltip:before{background:#fff;border-radius:8px;bottom:.8rem;box-shadow:0 8px 24px 0 rgba(0,0,0,.15);color:#222627;content:attr(data-text);font-size:.75rem;left:100%;padding:.25rem;position:absolute;right:-.25rem;text-align:center;transform:translateX(-50%);width:18.125rem;z-index:800}@media screen and (min-width:1025px){.representative-example-box .tooltip:before{font-size:.875rem;max-width:18.125rem;padding:.5rem}}.representative-example-box .tooltip:after{border-left:.625rem solid transparent;border-right:.625rem solid transparent;border-top:.625rem solid #fff;content:"";position:absolute;right:-.25rem;top:-.5rem;transform:translateY(-50%);z-index:999}.representative-example-box .backdrop{align-items:center;bottom:0;display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:center;left:0;margin:auto;position:fixed;right:0;top:0;z-index:800}.representative-example-box .backdrop.inverted .container{background:#242929;box-shadow:0 8px 24px 0 rgba(0,0,0,.4)}.representative-example-box .backdrop.inverted h4{color:#fff}.representative-example-box .backdrop.inverted .modal-content p{color:#bdced0}.representative-example-box .backdrop.inverted .close{background:#596464}.representative-example-box .backdrop.inverted .close .icon [fill^="#"]{fill:#fff!important;transition:.3s}.representative-example-box .backdrop.inverted .close .icon [stroke^="#"]{stroke:#fff!important;transition:.3s}.representative-example-box .backdrop .holder{border-radius:8px;box-shadow:0 8px 24px 0 rgba(0,0,0,.15)}.representative-example-box .backdrop .container{background:#fff;border-radius:inherit;max-width:20.188rem;padding:.813rem;position:relative;width:100%}@media screen and (min-width:767px){.representative-example-box .backdrop .container{max-width:34.75rem;padding:1.625rem}}.representative-example-box .backdrop .header-holder{align-items:center;display:flex;flex-direction:row;justify-content:space-between;margin-bottom:.813rem}@media screen and (min-width:767px){.representative-example-box .backdrop .header-holder{margin-bottom:.5rem}}.representative-example-box .backdrop h4{font-size:1.125rem;margin-bottom:0;padding-bottom:0}.representative-example-box .backdrop .close{border-radius:100%;height:1.5rem;margin-left:auto;padding:0;position:relative;width:1.5rem}.representative-example-box .backdrop .close .icon{margin-right:0}.representative-example-box .backdrop .close .icon [fill^="#"]{fill:#222627!important;transition:.3s}.representative-example-box .backdrop .close .icon [stroke^="#"]{stroke:#222627!important;transition:.3s}.representative-example-box .backdrop .modal-content{color:#1d345f;max-height:50vh;overflow:auto}.representative-example-box .backdrop .modal-content p{font-size:.875rem;padding-bottom:0}.representative-example-box .backdrop .modal-icon{cursor:pointer;padding-left:.313rem}.toggle-switch{align-items:center;background-color:#d5d9e1;border:1px solid #d5d9e1;border-radius:8px;display:inline-flex;width:100%}@media screen and (min-width:767px){.toggle-switch{width:auto}}.toggle-switch.dark{background-color:#596464;border:1px solid #596464}.toggle-switch.dark li.circle .indicator{color:#bdced0}.toggle-switch.dark li.circle .indicator.active{background-color:#242929;border:1px solid #596464;color:#fff}.toggle-switch.dark li.circle .indicator:hover{color:#fff}.toggle-switch li{padding:0}.toggle-switch li.circle{align-items:center;cursor:pointer;display:flex;flex:auto;height:auto;margin:0;position:relative;width:inherit}.toggle-switch li.circle .indicator{align-items:center;border:1px solid transparent;border-radius:8px;color:#4e585a;display:flex;height:100%;justify-content:center;left:0;line-height:1.125rem;padding:.25rem .75rem;text-align:center;transition:.3s;white-space:nowrap;width:100%}.toggle-switch li.circle .indicator.active{background-color:#fff;color:#222627}.toggle-switch li.circle .indicator:hover{color:#222627}