.page-content{background:#fff}.page-content .parameters{padding:20px;border-right:solid #ccc 1px;background:rgba(0,0,0,.05)}.page-content .parameters:has(input:placeholder-shown) .button{opacity:.5;pointer-events:none}.page-content .parameters section{overflow:hidden;clear:both;float:none;margin-bottom:40px;text-align:center}.page-content .parameters section .block{overflow:hidden;padding:10px;text-align:left}.page-content .parameters section .block label{text-align:left;display:block;font-size:13px;opacity:.7}.page-content .parameters section .block .unit{color:#777;text-align:right;width:20px;display:inline-block;transition:.25s}.page-content .parameters section .block input,.page-content .parameters section .block select{background:rgba(0,0,0,0);font-size:18px;color:#777;border-width:1px;border-color:currentColor;border-style:none none solid none;padding:5px 0px;width:calc(100% - 20px);outline:none;transition:.25s}.page-content .parameters section .block input:focus,.page-content .parameters section .block select:focus{color:#333}.page-content .parameters section .block input:focus~.unit,.page-content .parameters section .block select:focus~.unit{color:#333}.page-content .parameters section .block .button{margin:10px 0}.result-section{overflow:hidden;padding:10px}#result ul{list-style:none;margin:0;padding:0;overflow:hidden}#result .item{overflow:hidden;text-align:center;margin:20px;width:120px}#result .item .value{width:115px;height:115px;line-height:115px;border:dashed 2px currentColor;background:rgba(0,0,0,.1);border-radius:50%;font-size:15pt}#result .item label{font-size:10pt}#result .item#result-periodic-payments{width:auto;height:auto}#result .item#result-periodic-payments .value{width:320px;height:320px;line-height:320px;font-size:35pt}#result .item#result-periodic-payments label{font-size:25pt}#result .item .value.high{color:#0865c1}#result .item .value.critical{color:#000}#result .item .value.standard{color:#d26906}