.title-container{width:100%;margin-bottom:2rem}.title-content{font-size:38px}.title-content,.title-version{color:#3f51b5;font-weight:500}.title-under{color:#ff4081;font-size:17px}.block-title{font-size:20px;color:#3f51b5;font-weight:500}.text-field-container{height:40px;margin-left:1rem;width:100px}.field-description{color:#8c8c8c;font-size:14px}.result-container{border:4px solid #a3ade5;height:100%;min-height:350px;border-radius:10px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;min-height:500px}.result-center-text{color:#a3ade5;font-size:23px;max-width:250px;text-align:center}.period-element-view{background:#eff2fd;padding:.5rem 1rem;border-radius:10px}.period-element-view,.period-yearmoney{-webkit-box-flex:1;-ms-flex:1;flex:1;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.period-yearmoney{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.period-year{font-size:20px}.period-money{font-size:14px;color:#3f51b5}.result-title{color:#3f51b5;font-size:20px;font-weight:500}.result-points{font-size:24px;font-weight:500}.error-year{font-size:14px;font-weight:500;color:#ff5252}