.calc{justify-content:center;align-items:center;min-height:100vh;padding:14rem 7rem 4rem;display:flex;position:relative;overflow-x:clip}.calc .calc-container{grid-template-rows:repeat(6,1fr);grid-template-columns:repeat(6,1fr);gap:1rem;width:100%;height:fit-content;display:grid}.calc .calc-heading{grid-area:5/1/span 3/span 3;align-self:end}.calc .calc-heading__title{width:72rem;display:grid}.calc .calc-heading__title span{text-transform:uppercase;font-size:7rem;font-weight:500}.calc .calc-heading__title .is--top{margin-left:4.5rem}.calc .calc-heading__title .is--center{margin-left:12rem}.calc .calc-cards{grid-area:1/2/span 6/span 4;gap:3rem;display:flex}.calc .calc-options__wrap,.calc .calc-params__wrap{isolation:isolate;background-repeat:no-repeat;background-size:100% 100%;border-radius:4rem;width:55.5rem;height:fit-content;margin-bottom:4rem;padding:.75rem;position:relative;overflow:hidden}.calc .calc-options__wrap{background-image:url(/assets/images/calc-glow-01.avif)}.calc .calc-params__wrap{background-image:url(/assets/images/calc-glow-02.avif)}.calc .calc-meta{grid-area:2/6/span 2;place-self:center;width:25rem;display:none}.calc .calc-meta__title{align-items:start;gap:1rem;display:flex}.calc .calc-meta__title-text{color:#fff;text-transform:uppercase;margin-bottom:2rem;font-family:Atkinson;font-size:1.6rem;font-weight:500;line-height:1.2}.calc .calc-meta__desc{color:#fff9;padding-left:1.5rem;font-size:1.8rem;line-height:1.2}.calc .square{margin-top:.5rem}.calc .calc-options__inner{background:#000000fa;border-radius:3.5rem;height:100%;padding:2rem}.calc .calc-options__list{grid-template-rows:repeat(3,1fr);gap:2rem;display:grid}.calc .calc-options__button{isolation:isolate;cursor:pointer;border:1px solid #fff5;border-radius:2rem;padding:2rem 2.5rem;position:relative;overflow:hidden}.calc .calc-options__button:before{content:"";z-index:-1;opacity:0;transition:opacity .6s var(--ease);pointer-events:none;background:linear-gradient(95deg,#ec5a0045 8.15%,#86330045 90.09%);position:absolute;inset:0}.calc .calc-options__button.is--active:before{opacity:1}.calc .calc-options__button-inner{align-content:start;justify-items:start;gap:2rem;display:grid}.calc .calc-options__button-top{color:#fff;text-transform:uppercase;text-align:left;font-family:Atkinson;font-size:1.6rem;font-weight:500;line-height:1}.calc .calc-options__button-center{color:#fff;text-transform:uppercase;font-size:4rem;line-height:1}.calc .calc-options__button-bottom{color:#ffffff82;text-transform:uppercase;text-align:left;font-family:Atkinson;font-size:1.2rem;line-height:1}.calc .calc-params__inner{background:#000000fa;border-radius:3.5rem;grid-template-rows:repeat(4,auto);gap:2rem;padding:2rem;display:grid}.calc .calc-params__inner-title{color:#fff6;text-transform:uppercase;padding-left:2.5rem;font-size:1.8rem;font-weight:500}.calc .calc-params__block{background:#d9d9d905;border:1px solid #ffffff1a;border-radius:2rem;align-content:start;gap:2rem;padding:2.5rem;display:grid}.calc .calc-params__block-top{justify-content:space-between;align-items:center;gap:.5rem;display:flex}.calc .calc-params__block-label{color:#fff;text-transform:uppercase;font-family:Atkinson;font-size:1.6rem;font-weight:500;line-height:1.2}.calc .calc-params__block-value{text-align:right;text-transform:uppercase;font-size:4rem}.calc .calc-params__progress-wrap{isolation:isolate;width:100%;height:1.6rem;margin-block:1rem 0;position:relative}.calc .calc-params__progress-track{z-index:-1;background:#d9d9d914;border-radius:1.5rem;position:absolute;inset:0;overflow:hidden}.calc .calc-params__progress-fill{pointer-events:none;background:linear-gradient(90deg,#ec5a0000 0%,#ec5a00cc 100%);width:0;position:absolute;inset:0 auto 0 0}.calc .calc-params__progress-input{appearance:none;cursor:pointer;background:0 0;border:none;width:100%;height:100%;margin:0;padding:0;position:absolute;inset:0}.calc .calc-params__progress-thumb{pointer-events:none;z-index:1;width:8.7rem;height:4.1rem;position:absolute;top:50%;left:0;transform:translate(-50%,-50%)}.calc .calc-params__progress-thumb svg{width:100%;height:100%;display:block;overflow:visible}.calc .calc-params__progress-input::-webkit-slider-thumb{appearance:none;cursor:grab;background:0 0;border:none;border-radius:50%;width:2.6rem;height:2.6rem}.calc .calc-params__progress-input::-moz-range-thumb{cursor:grab;background:0 0;border:none;border-radius:50%;width:2.6rem;height:2.6rem}.calc .calc-params__progress-input:active::-webkit-slider-thumb{cursor:grabbing}.calc .calc-params__progress-input::-moz-range-track{background:0 0}.calc .calc-params__stats{justify-content:space-between;align-items:center;gap:.5rem;display:flex}.calc .calc-params__stats span{color:#fff9;font-size:1.8rem;line-height:1}.calc .calc-params__desc{color:#ffffff82;text-transform:uppercase;font-family:Atkinson;font-size:1.2rem;line-height:1.2}.calc .calc-params__grid{grid-template-columns:repeat(3,1fr);gap:1rem;display:grid}.calc .calc-params__grid-btn{isolation:isolate;background:#d9d9d905;border:1px solid #ec5a0017;border-radius:2rem;justify-content:center;align-items:center;padding:2.5rem;display:flex;position:relative;overflow:hidden}.calc .calc-params__grid-btn.is--active:before{opacity:1}.calc .calc-params__grid-btn:before{content:"";z-index:-1;opacity:0;transition:opacity .6s var(--ease);pointer-events:none;background:linear-gradient(95deg,#ec5a0045 8.15%,#86330045 90.09%);position:absolute;inset:0}.calc .calc-params__grid-btn span{color:#fff;text-transform:uppercase;padding-bottom:.25rem;font-family:Atkinson;font-size:1.6rem;font-weight:500}@media (orientation:landscape) and (height<=1200px){.calc{padding:14rem 7rem 6rem}.calc .calc-heading__title span{font-size:6rem}.calc .calc-options__button-inner,.calc .calc-params__block{gap:1.5rem}.calc .calc-params__block,.calc .calc-options__button{padding:1.5rem 2.5rem}.calc .calc-params__inner-title{padding-left:2.5rem}.calc .calc-params__block,.calc .calc-options__button-inner{gap:2rem}.calc .calc-options__button-center{font-size:3rem}.calc .calc-params__block-value{font-size:3.5rem}.calc .calc-params__grid-btn{padding:2rem}}@media (orientation:landscape) and (height<=900px){.calc{padding:14rem 7rem 4rem}.calc .calc-heading__title span{font-size:5.5rem}.calc .calc-params__block,.calc .calc-options__button-inner{gap:1rem}.calc .calc-params__inner{padding:1.5rem}.calc .calc-params__inner-title{padding-left:2rem}}@media (orientation:portrait){.calc{align-items:start;height:100svh;padding:10rem 2rem 6rem;overflow-y:scroll}.calc .calc-container{grid-template-rows:repeat(3,auto);grid-template-columns:1fr;gap:3.5rem;height:auto;display:grid}.calc .calc-heading{grid-area:1/1;align-self:start}.calc .calc-heading__title{width:37rem}.calc .calc-heading__title span{font-size:4rem}.calc .calc-heading__title .is--top{margin-left:0}.calc .calc-heading__title .is--center{margin-left:3rem}.calc .calc-heading__title .is--bottom{margin-left:1.5rem}.calc .calc-cards{flex-direction:column;grid-area:2/1;align-items:center;gap:2rem}.calc .calc-options__wrap,.calc .calc-params__wrap{border-radius:3rem;width:100%;margin-bottom:0;padding:.5rem}.calc .calc-meta{grid-area:3/1;justify-self:center}.calc .calc-meta__title-text{margin-bottom:1.5rem;font-size:1.4rem}.calc .calc-meta__desc{padding-left:1.5rem;font-size:1.4rem}.calc .calc-options__inner{border-radius:2.5rem}.calc .calc-options__list{gap:1rem}.calc .calc-options__button{padding:2rem}.calc .calc-options__button-inner{gap:1.5rem}.calc .calc-options__button-top{font-size:1.3rem}.calc .calc-options__button-center{font-size:2.5rem}.calc .calc-options__button-bottom{font-size:1.1rem}.calc .calc-params__inner{border-radius:2.5rem;gap:1rem}.calc .calc-params__inner-title{margin-bottom:1rem;padding-left:2rem;font-size:1.4rem}.calc .calc-params__block{gap:1.5rem;padding:2rem}.calc .calc-params__block-label{max-width:12rem;font-size:1.2rem}.calc .calc-params__block-value{font-size:2.5rem}.calc .calc-params__progress-wrap{height:1.5rem;margin-block:.5rem 0}.calc .calc-params__stats span{font-size:1.4rem}.calc .calc-params__desc{font-size:1.1rem}.calc .calc-params__grid{gap:.5rem}.calc .calc-params__grid-btn{border-radius:1rem;padding:1.5rem}.calc .calc-params__grid-btn span{font-size:1.2rem}}
