#beginBtn{animation:wiggle 1s ease infinite}#calcContainer{align-items:center;background-color:#fff;display:flex;flex-direction:column;justify-content:center;margin:auto;max-width:600px;min-height:395px;overflow:hidden;padding:25px;position:relative;width:fit-content}#calcContainer,#calcFrontImg{border-radius:12px;height:auto}#calcFrontImg{width:310px}#containerHeader{font-size:1.5rem;margin-bottom:5px}#page1{display:flex}#detailAside{align-items:flex-start;display:none;flex-direction:column;height:100%;padding:15px;width:130px}#pAndIInput{display:none}.asideElement{display:flex;flex-direction:column;font-size:.67rem;margin:auto auto 5px;text-align:center}.asideLbl{font-weight:550}#coCalcForm button,.calcBtn{background-color:var(--lightBlue);border:none;border-radius:12px;box-shadow:2px 2px 4px #aaa;color:#fff;font-size:1.3rem;font-weight:400;margin:20px 5px 5px;padding:10px 24px}#coCalcForm button:hover,.calcBtn:hover{background-color:var(--darkBlue);font-weight:500}.calcInputs{background:linear-gradient(#fafafa,#fafafa) padding-box,linear-gradient(to bottom,var(--darkBlue),var(--lightBlue)) border-box!important;border:2px solid transparent!important;border-radius:8px!important;margin:3px 5px 15px;min-width:300px;opacity:100%!important;padding:8px!important;text-align:center!important;transform:scale(1)!important}.centerText{text-align:center}.contentAndAsideWrapper{display:flex;justify-content:space-between;position:relative}.contentWrapper{align-items:center;display:flex;flex:1;justify-content:center;margin:0 auto;padding:15px;position:relative;width:100%}.errMsg{color:red;font-size:.8rem;font-weight:600;text-align:center}.flexClassCol{flex-direction:column}.flexClassCol,.flexClassRow{align-items:center;display:flex;justify-content:center}.flexClassRow{flex-direction:row}.calcSec{display:none}.calcSec label{font-size:.8rem;font-weight:600}.hasGradientBorder:after{background:linear-gradient(0deg,#054368,#01aed7);bottom:0;content:"";position:absolute;right:0;top:0;width:2px}#resultsP{background:hsla(60,50%,99%,.9);border-radius:8px}#resultsP h3{font-weight:700;text-shadow:2px 2px 3px #c8d2d4}#resultsP p{font-weight:400}.loadingContainer *,.loadingContainer:after,.loadingContainer:before{box-sizing:border-box;touch-action:none;transform-style:preserve-3d}:root{--rotation-y:0;--rotation-x:0;--size:40vmin;--segment:calc(var(--size)/100);--loading-speed:10s;--color:var(--lightBlue);--total-length:350;--segments-per-second:calc(var(--loading-speed)/var(--total-length))}.loadingContainer{animation:rotateContainer 2.2s infinite alternate;aspect-ratio:16/1.25;display:flex;height:300px;padding:5px;position:relative;width:var(--size)}.scene{align-items:center;display:flex;height:20%;justify-content:center;margin:auto;transform:translateZ(100vmin) rotateX(calc(var(--rotation-y, 0)*1deg)) rotateY(calc(var(--rotation-x, 0)*1deg));transition:transform .25s;width:100%}.bar{display:grid;grid-template-columns:var(--columns);height:100%;width:100%}.bar__segment{background:#ddd;border:calc(var(--segment)*.5) solid #ccc;transform:translateZ(calc(var(--depth)*var(--segment)))}.bar__segment:after{animation-duration:var(--loading-speed);animation-fill-mode:both;animation-iteration-count:infinite;animation-name:var(--name);animation-timing-function:linear;background:var(--color);content:"";inset:0;position:absolute;transform-origin:0 50%}@keyframes reveal{0%{transform:scaleX(0)}}.bar__segment:not(:first-of-type,:last-of-type){border-left:transparent;border-right:transparent}.bar__segment:first-of-type{border-right:transparent}.bar__segment:last-of-type{border-left:transparent}.bar__segment:not(.bar__segment--aligned){filter:brightness(.78);transform:translateZ(calc(var(--depth)*var(--segment))) rotateY(var(--rotation,0deg));transform-origin:0 50%;width:calc(var(--segment)*var(--length))}.bar__segment--front{--rotation:-90deg}.bar__segment--back{--rotation:90deg}@keyframes segment-1{0%{transform:scaleX(0)}5%,to{transform:scaleX(1)}}@keyframes segment-2{0%,5%{transform:scaleX(0)}12.5%,to{transform:scaleX(1)}}@keyframes segment-3{0%,12.5%{transform:scaleX(0)}15%,to{transform:scaleX(1)}}@keyframes segment-4{0%,15%{transform:scaleX(0)}27.5%,to{transform:scaleX(1)}}@keyframes segment-5{0%,27.5%{transform:scaleX(0)}30%,to{transform:scaleX(1)}}@keyframes segment-6{0%,30%{transform:scaleX(0)}45%,to{transform:scaleX(1)}}@keyframes segment-7{0%,45%{transform:scaleX(0)}47.5%,to{transform:scaleX(1)}}@keyframes segment-8{0%,47.5%{transform:scaleX(0)}65%,to{transform:scaleX(1)}}@keyframes segment-9{0%,65%{transform:scaleX(0)}70%,to{transform:scaleX(1)}}@keyframes segment-10{0%,70%{transform:scaleX(0)}82.5%,to{transform:scaleX(1)}}@keyframes segment-11{0%,82.5%{transform:scaleX(0)}90%,to{transform:scaleX(1)}}@keyframes segment-12{0%,90%{transform:scaleX(0)}95%,to{transform:scaleX(1)}}@keyframes segment-13{0%,95%{transform:scaleX(0)}to{transform:scaleX(1)}}@keyframes rotateContainer{0%{--rotation-y:0;--rotation-x:0;transform:scale(1)}to{--rotation-y:-24;--rotation-x:-24;transform:scale(1.05)}}@keyframes wiggle{10%{transform:rotate(-5deg)}20%{transform:rotate(5deg)}30%{transform:rotate(-5deg)}40%{transform:rotate(5deg)}50%{transform:rotate(0)}}@media (max-width:1200px){#calcContainer{max-width:100%}#containerHeader{font-size:24pt}#detailAside{display:none!important}.hasGradientBorder:after{background:transparent;bottom:0;content:"";display:none;position:absolute;right:0;top:0;width:0}.pageHeader{font-size:18pt}.pageSubhead{font-size:13pt}}