#compound-interest{max-width:24rem;width:100%;margin:0 auto;font-family:Arial,sans-serif;border-radius:10px;box-shadow:0 2px 10px rgba(0,0,0,.1);padding:1rem}#compound-interest>div:not(:last-child) {margin-bottom:20px}#compound-interest>div>div{display:flex;flex-direction:row;justify-content:space-between;align-items:center}#compound-interest label{color:#555}#compound-interest span{color:#607d8b}#compound-interest input[type="text"],#compound-interest input[type="number"]{width:175px;padding:5px 10px;margin-bottom:10px;text-align:right}#compound-interest input[type="range"]{width:100%;cursor:pointer}#compound-interest .column-2{display:flex;margin-bottom:10px;column-gap:20px}#compound-interest .column.box{border-radius:6px;border:1px solid #ccc;padding:10px;display:flex;justify-content:center;text-align:center;cursor:pointer;position:relative;align-items:center;flex:1;line-height:1.4}#compound-interest .column.box:hover{border:1px solid #c69b00}#compound-interest .column.box.selected{border:1px solid #007bff}#compound-interest .check-icon{position:absolute;top:0;right:3px;width:20px;height:20px;fill:#007bff;display:none}#compound-interest .column.box.selected .check-icon{display:block}#compound-interest button{width:100%;padding:15px 20px;background-color:#0366d6;color:#fff;border:none;border-radius:4px;font-size:16px;cursor:pointer}#compound-interest button:hover{background-color:#004694}#compound-interest .fade-loop{animation:fade 1s infinite alternate}#compound-interest .result{display:none;grid-template-columns:repeat(2,1fr);grid-column-gap:20px;grid-row-gap:10px}#compound-interest .result .title{grid-column:span 2;text-align:center;font-weight:600}#compound-interest .result>span:not(:first-child):nth-child(odd) {text-align:right}@keyframes fade {
    from {
        opacity: 1;
    }

    to {
        opacity: 0.5;
    }
}@media only screen and (max-width:480px){#compound-interest{padding:10px}#compound-interest input[type="text"]{max-width:150px}#compound-interest input[type="number"]{max-width:100px}}