.input-row,.row,.summary{display:flex}.calculator,.summary-block{box-shadow:0 0 10px rgba(0,0,0,.1)}.summary-block,.tooltiptext{text-align:left;color:#163b74}#copy-button,button{padding:10px 20px;background-color:#163b74;color:#fff;cursor:pointer;transition:background-color .3s}*{box-sizing:border-box}body,html{height:100%;margin:0;font-family:Nunito;background-color:#f4f4f4}.calculator{background:#fff;padding:20px;border-radius:8px;width:100%}.row{justify-content:space-between;margin-bottom:20px;flex-wrap:wrap}.input-container{display:flex;flex-direction:column;width:48%}.input-container label{font-weight:700;margin-bottom:5px}.input-row{align-items:center;gap:10px}input[type=range]{-webkit-appearance:none;width:calc(100% - 60px);height:10px;background:#e1e1e1;outline:0;opacity:.9;transition:opacity .2s;background:linear-gradient(to right,#0078c7 0,#0078c7 var(--value),#e1e1e1 var(--value),#e1e1e1 100%);border-radius:10px}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:15px;height:15px;background:#06152d;border-radius:50%;cursor:pointer;border:2px solid #fff}input[type=range]::-moz-range-thumb{width:15px;height:15px;background:#06152d;border-radius:50%;cursor:pointer;border:2px solid #fff}input[type=number]{flex-grow:1;border:none;width:60px;text-align:right}.chart-container{margin-top:20px;width:100%;height:50vh;position:relative}.result-container{margin-top:5%}.summary{justify-content:space-evenly;flex-wrap:wrap}.summary-block{background:#e1e1e1;padding:10px;border-radius:4px;border-left-width:20px;border-left-style:solid;flex-grow:1;margin:1%}.summary-block p{margin:0}.summary-number{font-weight:700;font-size:1em}.tooltip{position:relative;cursor:pointer}.notification,.tooltiptext{position:absolute;left:50%;z-index:1}.tooltiptext{visibility:hidden;width:300px;background-color:#fff;border:1px solid #163b74;border-radius:6px;padding:5px;top:150%;margin-left:-100px;opacity:0;transition:opacity .3s;font-size:17px;font-weight:400}.tooltip:hover .tooltiptext{visibility:visible;opacity:1}.investment-table-container{margin-top:20px;width:100%;overflow-x:auto;display:none}.table-wrapper{max-width:100%;overflow-x:auto}#investment-table{width:100%;border-collapse:collapse;min-width:100%}#investment-table td,#investment-table th{border:1px solid #ddd;padding:8px;text-align:center;white-space:nowrap}#investment-table th{background-color:#f2f2f2;font-weight:700}#copy-button{margin-top:10px;border:none;border-radius:4px}#copy-button:hover{background-color:#0078c7}.notification{transform:translateX(-50%);padding:10px;background-color:#d4edda;color:#155724;border:1px solid #c3e6cb;border-radius:4px;text-align:center;display:none}#show-table-button:hover,button:hover{background-color:#2c5898}.dev-block{display:flex;align-items:center;justify-content:center;margin-top:20px}.button-block{display:flex;align-items:center;justify-content:center}.tooltip::before{content:"i";display:inline-block;width:17px;height:17px;line-height:15px;text-align:center;background-color:#c8e2f3;color:#163b74;border-radius:50%;vertical-align:middle;border:1px solid #163b74}#show-table-button{background-color:#163b74;width:100%}button{margin-top:5px;margin-bottom:10px;border:none;border-radius:4px;width:100%}@media screen and (max-width:500px){.container{width:90%}.input-container{margin-top:3%;width:100%}.row{flex-direction:column}.summary-block{width:100%}.chart-container{margin-top:2%;height:50vh;margin-left:10px}.summary{margin-top:25%}#copy-chart-button{display:none}}canvas{width:100%;height:100%}