.cic-service-card{width:100%;display:flex;flex-direction:row;column-gap:8px;justify-content:center}.cic-service-sub-card{background-color:var(--panel-bg-color);border-radius:8px;overflow:hidden;width:100%;max-width:420px;&.grow{flex-grow:1}&.small-screen-results{display:block}&.big-screen-results{max-width:460px;display:none}}.flex-wrap-extras{display:flex;flex-direction:column;gap:8px;flex-wrap:wrap;max-width:100%}.cic-service-extra-card{background-color:var(--panel-bg-color);border-radius:8px;width:420px;max-width:100%;box-sizing:border-box;&.cic-service-extra-linkbox{display:flex;flex-direction:column;flex-grow:1;overflow:hidden;max-height:fit-content;align-self:flex-end}}.cic-service-result-table-container{overflow:hidden;padding:8px;box-sizing:border-box}.cic-service-result-table-wrapper{overflow:auto}.cic-service-card-title{font-family:Fraunces;font-size:1.5rem;color:var(--static-font-light-color);background-color:var(--primary-bg-color);padding:8px;box-sizing:border-box}.cic-service-inputs-container{padding-left:8px;padding-right:8px;padding-bottom:20px}.cic-service-inputs-table{font-family:"Source Sans 3",sans-serif;width:100%;td{padding-top:16px}td.label-cell{width:50%}td.right-justified{display:flex;justify-content:right}}.cic-service-input-label{width:100%;height:100%;display:flex;flex-direction:column;box-sizing:border-box;justify-content:center;.label-text{margin-top:-2px;height:23px}.label-hint-text{color:var(--font-hint-color);font-size:13px;margin-top:-4px;height:19px}}.number-currency-input-wrapper{position:relative;width:100%;display:flex;align-items:center}.main-input{font-family:Fraunces;font-size:16px;width:100%;height:36px;border:2px solid var(--primary-color);background-color:var(--bg-color);color:var(--font-light-color);outline:none;box-sizing:border-box;border-radius:8px;padding-bottom:2px;padding-top:2px;&.padded-left-24px{padding-left:24px}&.padded-right-24px{padding-left:8px;padding-right:24px}&.padded-right-56px{padding-left:8px;padding-right:56px}}.input-abso-left-unit{position:absolute;font-family:Fraunces;font-size:16px;color:var(--primary-color);left:8px}.input-abso-right-unit{position:absolute;font-family:Fraunces;font-size:16px;color:var(--primary-color);right:8px}.select-input{font-family:Fraunces;font-size:16px;width:100%;height:36px;border:2px solid var(--primary-color);background-color:var(--bg-color);color:var(--font-light-color);outline:none;box-sizing:border-box;border-radius:8px;padding-bottom:2px;padding-top:2px;padding-left:6px}.left-jutified-button-panel{display:flex;flex-direction:row;justify-content:center;padding:8px 8px 16px;box-sizing:border-box;width:100%}.cic-service-button{font-family:"Source Sans 3";font-size:14px;height:36px;border:2px solid var(--primary-color);background-color:var(--bg-color);color:var(--font-light-color);outline:none;box-sizing:border-box;border-radius:8px;padding:2px 12px;cursor:pointer}.down-arrow-accent{color:var(--primary-bg-color);font-weight:900;margin-top:-8px;margin-bottom:-8px;&:before{content:"stat_minus_1"}}.share-results-title{font-family:Fraunces;padding:8px 8px 0;box-sizing:border-box}.share-results-panel{display:flex;padding:8px;box-sizing:border-box;flex-direction:column;row-gap:8px}@media only screen and (min-width: 992px){.cic-service-sub-card.small-screen-results,#down-arrow{display:none}.cic-service-sub-card.big-screen-results{display:block}.cic-service-extra-card{max-width:640px;width:auto}.flex-wrap-extras{flex-direction:row-reverse;flex-wrap:wrap-reverse;max-width:888px;width:100%}.cic-service-extra-linkbox{max-width:unset}}.toggle-button{position:relative;.toggle-button__input{position:absolute;inset:0;width:100%;height:100%;margin:0;opacity:0;z-index:1}.toggle-button__label{display:block;position:relative;width:calc(100px * var(--theme-switcher-size-scale));height:calc(50px * var(--theme-switcher-size-scale));background-color:var(--panel-bg-color-100);border-radius:25px;transition:.4s;&:before{display:flex;align-items:center;justify-content:center;position:absolute;inset:0 auto 0 0;width:calc(50px * var(--theme-switcher-size-scale));height:calc(50px * var(--theme-switcher-size-scale));border-radius:100%;border:calc(2px * var(--theme-switcher-size-scale)) var(--panel-bg-color-100) solid;background-color:var(--primary-color);color:var(--theme-switcher-dark-bg-color);transition:.4s;font-size:calc(30px * var(--theme-switcher-size-scale));font-weight:900;box-sizing:border-box;content:""}}.toggle-button__input:checked+.toggle-button__label{background-color:var(--primary-color);&:before{left:calc(100% - (50px * var(--theme-switcher-size-scale)));border-color:var(--primary-color);background-color:var(--theme-switcher-light-bg-color);color:var(--theme-switcher-light-bg-color);content:""}}}.cic-service-chart-container{margin-top:8px;width:100%;height:240px;position:relative}.cic-service-chart-canvas{width:100%!important;height:100%}.cic-service-chart-title{font-family:Fraunces;text-align:center;margin-bottom:8px}.cic-service-results-chart-container{padding-left:8px;padding-right:8px}.cic-service-results-container{display:flex;flex-direction:column;flex-wrap:wrap;gap:8px;padding-left:8px;padding-right:8px;margin-top:8px;margin-bottom:8px;box-sizing:border-box;.cic-service-results-component{display:flex;flex-direction:row;justify-content:space-between;align-items:center}.cic-service-results-component.important-result{flex-grow:1;align-items:flex-end;border-top:1px solid var(--primary-bg-color);padding-top:8px;padding-bottom:8px;box-sizing:border-box}.cic-service-result-label{font-family:Fraunces}.cic-service-currency-result{font-family:Fraunces;font-size:20px}.principal-or-contri{color:var(--secondary-color)}.compounded{color:var(--primary-color)}}.cic-service-result-table{width:max-content;border:1px solid var(--panel-bg-color-100);border-spacing:0;border-radius:4px;thead{td{padding-left:8px;padding-right:8px;border:1px solid var(--panel-bg-color-100);font-family:Fraunces;font-size:14px}tr{background-color:var(--panel-bg-color)}}tbody{td{padding-left:8px;padding-right:8px;border:1px solid var(--panel-bg-color-100);text-align:end}tr:nth-child(odd){background-color:var(--bg-color)}}}