.cost-calc *{box-sizing:border-box}.cost-calc__product-selector{margin-top:3.2rem}.cost-calc__product-label{font-family:var(--font-body-family);font-size:1.3rem;font-weight:500;color:rgba(var(--color-foreground),.6);text-transform:uppercase;letter-spacing:.05em;display:block;margin-bottom:1.2rem}.cost-calc__product-buttons{display:grid;grid-template-columns:repeat(auto-fit,minmax(18rem,1fr));gap:1.2rem}.cost-calc__product-btn{display:flex;flex-direction:column;align-items:flex-start;gap:.2rem;padding:1.6rem 2rem;background:rgb(var(--color-background));border:.15rem solid rgba(var(--color-border));border-radius:1.2rem;cursor:pointer;transition:border-color .2s ease,background .2s ease,box-shadow .2s ease;text-align:left;font-family:var(--font-body-family)}.cost-calc__product-btn:hover{border-color:rgba(var(--color-foreground),.3)}.cost-calc__product-btn--active{border-color:rgb(var(--color-foreground));background:rgba(var(--color-foreground),.04);box-shadow:0 0 0 .1rem rgb(var(--color-foreground))}.cost-calc__product-btn-name{font-size:1.4rem;font-weight:600;color:rgb(var(--color-foreground));line-height:1.3}.cost-calc__product-btn-sub{font-size:1.2rem;color:rgba(var(--color-foreground),.5);line-height:1.3}.cost-calc__layout{display:grid;grid-template-columns:1fr;gap:3.2rem;margin-top:4rem}@media screen and (min-width:990px){.cost-calc__layout{grid-template-columns:1fr 1fr;gap:4.8rem;align-items:start}}.cost-calc__inputs-heading,.cost-calc__results-heading{font-family:var(--font-heading-family);font-weight:var(--font-heading-weight);font-style:var(--font-heading-style);font-size:1.4rem;text-transform:uppercase;letter-spacing:.05em;color:rgb(var(--color-foreground));margin:0 0 2.4rem}.cost-calc__field{margin-bottom:2.4rem}.cost-calc__field:last-child{margin-bottom:0}.cost-calc__field-header{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:1rem;gap:1rem}.cost-calc__field label{font-family:var(--font-body-family);font-size:1.3rem;font-weight:500;color:rgb(var(--color-foreground));letter-spacing:.02em}.cost-calc__field-value{font-family:var(--font-body-family);font-size:1.3rem;font-weight:600;color:rgb(var(--color-foreground));background:rgba(var(--color-foreground),.06);padding:.3rem 1rem;border-radius:10rem;white-space:nowrap;flex-shrink:0}.cost-calc__range{-webkit-appearance:none;appearance:none;width:100%;height:.4rem;border-radius:.2rem;background:linear-gradient(to right,rgb(var(--color-foreground)) 0%,rgb(var(--color-foreground)) var(--range-progress, 50%),rgba(var(--color-border)) var(--range-progress, 50%),rgba(var(--color-border)) 100%);outline:none;cursor:pointer;margin:0;border:none}.cost-calc__range::-webkit-slider-thumb{-webkit-appearance:none;width:2rem;height:2rem;border-radius:50%;background:rgb(var(--color-foreground));border:.3rem solid rgb(var(--color-background));box-shadow:0 .1rem .4rem #00000026;cursor:pointer;transition:transform .15s ease,box-shadow .15s ease}.cost-calc__range::-webkit-slider-thumb:hover{transform:scale(1.15);box-shadow:0 .2rem .8rem #0003}.cost-calc__range::-moz-range-thumb{width:2rem;height:2rem;border-radius:50%;background:rgb(var(--color-foreground));border:.3rem solid rgb(var(--color-background));box-shadow:0 .1rem .4rem #00000026;cursor:pointer}.cost-calc__range::-moz-range-track{height:.4rem;border-radius:.2rem;background:transparent;border:none}.cost-calc__range-labels{display:flex;justify-content:space-between;margin-top:.6rem;font-size:1.1rem;color:rgba(var(--color-foreground),.4);font-family:var(--font-body-family)}.cost-calc__select-wrap{position:relative;margin-top:.8rem}.cost-calc__select{font-family:var(--font-body-family);font-size:1.4rem;color:rgb(var(--color-foreground));padding:1.2rem 4rem 1.2rem 1.6rem;border:.1rem solid rgba(var(--color-border));border-radius:1rem;background-color:rgb(var(--color-background));width:100%;-webkit-appearance:none;appearance:none;cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1.5L6 6.5L11 1.5' stroke='%23666' stroke-width='1.5' fill='none' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 1.4rem center;background-size:1.2rem;transition:border-color .15s ease}.cost-calc__select:focus{outline:none;border-color:rgb(var(--color-foreground))}.cost-calc__select:hover{border-color:rgb(var(--color-foreground))}.cost-calc__field--toggle{display:flex;justify-content:space-between;align-items:center}.cost-calc__toggle{display:flex;align-items:center;gap:.8rem;background:none;border:none;cursor:pointer;padding:0;font-family:var(--font-body-family)}.cost-calc__toggle-track{width:4.4rem;height:2.4rem;border-radius:1.2rem;background:rgba(var(--color-foreground),.15);position:relative;transition:background .2s ease;flex-shrink:0}.cost-calc__toggle--active .cost-calc__toggle-track{background:rgb(var(--color-foreground))}.cost-calc__toggle-thumb{position:absolute;top:.2rem;left:.2rem;width:2rem;height:2rem;border-radius:50%;background:rgb(var(--color-background));box-shadow:0 .1rem .3rem #0000001f;transition:transform .2s cubic-bezier(.22,1,.36,1)}.cost-calc__toggle--active .cost-calc__toggle-thumb{transform:translate(2rem)}.cost-calc__toggle-label{font-size:1.3rem;font-weight:500;color:rgb(var(--color-foreground))}.cost-calc__toggle-label[data-off]{display:inline}.cost-calc__toggle-label[data-on],.cost-calc__toggle--active .cost-calc__toggle-label[data-off]{display:none}.cost-calc__toggle--active .cost-calc__toggle-label[data-on]{display:inline}.cost-calc__results-inner{background:rgba(var(--color-foreground),.03);border:.1rem solid rgba(var(--color-border));border-radius:1.6rem;padding:3.2rem}@media screen and (min-width:990px){.cost-calc__results-inner{position:sticky;top:2rem}}.cost-calc__result-rows{display:flex;flex-direction:column}.cost-calc__result-row{display:flex;justify-content:space-between;align-items:baseline;gap:1.6rem;padding:1.4rem 0;border-bottom:.1rem solid rgba(var(--color-border))}.cost-calc__result-row:first-child{border-top:.1rem solid rgba(var(--color-border))}.cost-calc__result-row--hidden{display:none}.cost-calc__result-label{font-family:var(--font-body-family);font-size:1.4rem;line-height:1.5;color:rgb(var(--color-foreground))}.cost-calc__result-value{font-family:var(--font-body-family);font-size:1.4rem;font-weight:600;color:rgb(var(--color-foreground));text-align:right;flex-shrink:0;white-space:nowrap}.cost-calc__result-row--highlight{background:rgba(var(--color-foreground),.04);margin:0 -1.6rem;padding-left:1.6rem;padding-right:1.6rem;border-radius:.8rem;border-top:none;border-bottom:none}.cost-calc__result-row--highlight .cost-calc__result-value{color:#3f6ae2}.cost-calc__totals{display:grid;grid-template-columns:1fr 1fr;gap:2.4rem;margin-top:2.4rem;padding-top:2.4rem;border-top:.1rem solid rgba(var(--color-border))}.cost-calc__totals--single{grid-template-columns:1fr}.cost-calc__total-item{text-align:center}.cost-calc__total-label{font-family:var(--font-body-family);font-size:1.1rem;text-transform:uppercase;letter-spacing:.1em;color:rgba(var(--color-foreground),.5);margin-bottom:.4rem;display:block;font-weight:500}.cost-calc__total-value{font-family:var(--font-heading-family);font-weight:var(--font-heading-weight);font-style:var(--font-heading-style);font-size:2.4rem;line-height:1.2;color:rgb(var(--color-foreground))}@media screen and (min-width:750px){.cost-calc__total-value{font-size:2.8rem}}.cost-calc__total-suffix{font-size:1.4rem;font-weight:400;color:rgba(var(--color-foreground),.5)}.cost-calc__summary{margin-top:2.4rem;padding:2rem;background:rgb(var(--color-foreground));color:rgb(var(--color-background));border-radius:1.2rem}.cost-calc__summary-row{display:flex;justify-content:space-between;align-items:baseline;padding:.8rem 0;gap:1rem}.cost-calc__summary-row:first-child{border-bottom:.1rem solid rgba(var(--color-background),.15);padding-bottom:1.2rem;margin-bottom:.4rem}.cost-calc__summary-label{font-family:var(--font-body-family);font-size:1.3rem;color:rgba(var(--color-background),.7)}.cost-calc__summary-value{font-family:var(--font-heading-family);font-weight:var(--font-heading-weight);font-style:var(--font-heading-style);font-size:2rem;color:rgb(var(--color-background));white-space:nowrap}.cost-calc__projection{margin-top:2.4rem;text-align:center;padding-top:2.4rem;border-top:.1rem solid rgba(var(--color-border))}.cost-calc__projection-heading{font-family:var(--font-body-family);font-size:1.2rem;text-transform:uppercase;letter-spacing:.1em;color:rgba(var(--color-foreground),.5);margin:0 0 .8rem;font-weight:500}.cost-calc__projection-value{font-family:var(--font-heading-family);font-weight:var(--font-heading-weight);font-style:var(--font-heading-style);font-size:3.6rem;line-height:1.2;color:rgb(var(--color-foreground))}@media screen and (min-width:750px){.cost-calc__projection-value{font-size:4.8rem}}.cost-calc__projection-note{font-family:var(--font-body-family);font-size:1.2rem;line-height:1.5;color:rgba(var(--color-foreground),.4);display:block;margin-top:.8rem;max-width:40rem;margin-left:auto;margin-right:auto}.cost-calc__cta{display:block;width:100%;text-align:center;margin-top:2.4rem}.cost-calc__methodology{margin-top:3.2rem;border-top:.1rem solid rgba(var(--color-border))}.cost-calc__methodology-toggle{width:100%;display:flex;align-items:center;justify-content:space-between;gap:1.6rem;padding:2rem 0;cursor:pointer;background:none;border:none;color:rgb(var(--color-foreground));transition:opacity .15s ease}.cost-calc__methodology-toggle:hover{opacity:.7}.cost-calc__methodology-label{font-family:var(--font-body-family);font-size:1.4rem;font-weight:500;color:rgb(var(--color-foreground))}.cost-calc__methodology-icon{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:2rem;height:2rem;color:rgb(var(--color-foreground))}.cost-calc__methodology-icon .icon{width:2rem;height:2rem}.cost-calc__methodology-icon .icon-minus{display:none}.cost-calc__methodology-icon .icon-plus,.cost-calc__methodology.active .cost-calc__methodology-icon .icon-minus{display:block}.cost-calc__methodology.active .cost-calc__methodology-icon .icon-plus{display:none}.cost-calc__methodology-content{display:none;padding-bottom:3.2rem}.cost-calc__methodology-inner{font-size:1.4rem;line-height:1.6;color:rgb(var(--color-foreground-secondary));max-width:66.2rem}.cost-calc__methodology-inner p{margin:0 0 1rem;color:rgb(var(--color-foreground-secondary))}.cost-calc__methodology-inner p:last-child{margin-bottom:0}@media(prefers-reduced-motion:no-preference){.cost-calc__results-inner,.cost-calc__field{opacity:0;transform:translateY(1.2rem);transition:opacity .5s ease,transform .5s ease}.cost-calc--visible .cost-calc__results-inner,.cost-calc--visible .cost-calc__field{opacity:1;transform:translateY(0)}.cost-calc--visible .cost-calc__field:nth-child(1){transition-delay:0s}.cost-calc--visible .cost-calc__field:nth-child(2){transition-delay:.05s}.cost-calc--visible .cost-calc__field:nth-child(3){transition-delay:.1s}.cost-calc--visible .cost-calc__field:nth-child(4){transition-delay:.15s}.cost-calc--visible .cost-calc__field:nth-child(5){transition-delay:.2s}.cost-calc--visible .cost-calc__field:nth-child(6){transition-delay:.25s}.cost-calc--visible .cost-calc__field:nth-child(7){transition-delay:.3s}.cost-calc--visible .cost-calc__results-inner{transition-delay:.15s}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/section-cost-savings-calculator.css.map */