.nook-roi__header{text-align:var(--header-align, center);margin-bottom:4rem}.nook-roi__heading{margin:0}.nook-roi__subheading{margin:.8rem 0 0;max-width:64rem;opacity:.8}.nook-roi__header[style*="--header-align: center"] .nook-roi__subheading,[style*="--header-align: center"] .nook-roi__subheading{margin-left:auto;margin-right:auto}.nook-roi__body{display:grid;grid-template-columns:1fr;gap:3.2rem}@media(min-width:768px){.nook-roi__body{grid-template-columns:1fr 1fr;gap:4.8rem}.nook-roi__body>xo-animate{display:contents}}.nook-roi__inputs{display:flex;flex-direction:column;gap:2.4rem}.nook-roi__field{display:flex;flex-direction:column;gap:.8rem}.nook-roi__label{font-size:1.4rem;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--color-foreground);opacity:.7}.nook-roi__select{appearance:none;-webkit-appearance:none;background-color:var(--color-background);border:1px solid rgba(var(--color-foreground-rgb, 0, 0, 0),.15);border-radius:.8rem;padding:1.2rem 4rem 1.2rem 1.6rem;font-size:1.6rem;font-family:inherit;color:var(--color-foreground);cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg width='12' height='8' viewBox='0 0 12 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1.5L6 6.5L11 1.5' stroke='%23666' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 1.6rem center;transition:border-color .2s ease}.nook-roi__select:hover,.nook-roi__select:focus{border-color:rgba(var(--color-foreground-rgb, 0, 0, 0),.4);outline:none}.nook-roi__slider-wrap{display:flex;align-items:center;gap:1.6rem}.nook-roi__range{flex:1;-webkit-appearance:none;appearance:none;height:.8rem;background:linear-gradient(to right,#4d6959 0%,#4d6959 var(--fill, 50%),rgba(var(--color-foreground-rgb, 0, 0, 0),.1) var(--fill, 50%),rgba(var(--color-foreground-rgb, 0, 0, 0),.1) 100%);border-radius:.4rem;outline:none;cursor:pointer}.nook-roi__range::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:2.8rem;height:2.8rem;border-radius:50%;background:#4d6959;cursor:pointer;border:3px solid #fff;box-shadow:0 2px 6px #00000040,0 0 0 1px #4d69594d;transition:transform .15s ease,box-shadow .15s ease}.nook-roi__range::-webkit-slider-thumb:hover{transform:scale(1.15);box-shadow:0 2px 8px #0000004d,0 0 0 2px #4d695966}.nook-roi__range::-webkit-slider-thumb:active{transform:scale(1.1);background:#3d5749}.nook-roi__range::-moz-range-thumb{width:2.8rem;height:2.8rem;border-radius:50%;background:#4d6959;cursor:pointer;border:3px solid #fff;box-shadow:0 2px 6px #00000040,0 0 0 1px #4d69594d}.nook-roi__range::-moz-range-progress{background:#4d6959;border-radius:.4rem;height:.8rem}.nook-roi__range-value{min-width:6rem;text-align:right;font-size:1.6rem;font-weight:600;font-variant-numeric:tabular-nums;color:var(--color-foreground)}.nook-roi__results{display:flex;flex-direction:column;gap:1.6rem}.nook-roi__result-card{display:flex;justify-content:space-between;align-items:center;padding:1.6rem 2rem;border-radius:1.2rem;background:rgba(var(--color-foreground-rgb, 0, 0, 0),.03);border:1px solid rgba(var(--color-foreground-rgb, 0, 0, 0),.06);transition:background-color .2s ease}.nook-roi__result-card--highlight{background:rgba(var(--color-foreground-rgb, 0, 0, 0),.08);border-color:rgba(var(--color-foreground-rgb, 0, 0, 0),.12);padding:2rem 2.4rem}.nook-roi__result-card--negative .nook-roi__result-value--accent{color:#c0392b}.nook-roi__result-label{font-size:1.4rem;opacity:.7;font-weight:500}.nook-roi__result-card--highlight .nook-roi__result-label{font-size:1.6rem;opacity:1;font-weight:600}.nook-roi__result-value{font-size:1.8rem;font-weight:700;font-variant-numeric:tabular-nums;text-align:right}.nook-roi__result-value--large{font-size:2.8rem;letter-spacing:-.02em}.nook-roi__result-value--accent{color:#27ae60}.nook-roi__disclaimer{font-size:1.2rem;opacity:.5;text-align:center;margin:.8rem 0 0;font-style:italic}.nook-roi__cta{margin-top:1.6rem;text-align:center}.nook-roi__unit-price{display:flex;align-items:baseline;gap:.8rem;margin-top:.8rem;padding:0 .4rem}.nook-roi__unit-price-value{font-size:2rem;font-weight:700;color:#4d6959;font-variant-numeric:tabular-nums}.nook-roi__unit-price-meta{font-size:1.3rem;opacity:.5;font-weight:400}.nook-roi__result-label--with-tooltip{display:flex;align-items:center;gap:.6rem;position:relative}.nook-roi__tooltip-btn{display:inline-flex;align-items:center;justify-content:center;width:2rem;height:2rem;padding:0;margin:0;border:none;background:none;color:inherit;opacity:.4;cursor:pointer;transition:opacity .15s ease;flex-shrink:0}.nook-roi__tooltip-btn:hover{opacity:.8}.nook-roi__tooltip{display:none;position:absolute;top:calc(100% + .8rem);left:0;z-index:10;background:var(--color-foreground, #1a1a1a);color:var(--color-background, #fff);font-size:1.3rem;font-weight:400;line-height:1.5;padding:1rem 1.4rem;border-radius:.8rem;max-width:28rem;box-shadow:0 4px 12px #00000026;opacity:0;pointer-events:none}.nook-roi__tooltip--visible{display:block;opacity:1;pointer-events:auto;animation:nook-roi-tooltip-in .15s ease}@keyframes nook-roi-tooltip-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.nook-roi__formula-details{margin-top:.8rem;border-radius:.8rem;overflow:hidden}.nook-roi__formula-summary{display:flex;align-items:center;gap:.6rem;font-size:1.3rem;font-weight:500;opacity:.5;cursor:pointer;padding:.8rem 0;list-style:none;transition:opacity .15s ease}.nook-roi__formula-summary::-webkit-details-marker{display:none}.nook-roi__formula-summary:after{content:"";display:inline-block;width:.6rem;height:.6rem;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:rotate(-45deg);transition:transform .2s ease;margin-left:auto}.nook-roi__formula-details[open] .nook-roi__formula-summary:after{transform:rotate(45deg)}.nook-roi__formula-summary:hover{opacity:.8}.nook-roi__formula-summary svg{opacity:.6;flex-shrink:0}.nook-roi__formula-body{padding:1.2rem 0 .4rem;display:flex;flex-direction:column;gap:.8rem}.nook-roi__formula-line{display:flex;flex-direction:column;gap:.2rem;padding:.6rem 0;border-bottom:1px solid rgba(var(--color-foreground-rgb, 0, 0, 0),.06)}.nook-roi__formula-line:last-child{border-bottom:none}.nook-roi__formula-label{font-size:1.2rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;opacity:.45}.nook-roi__formula-eq{font-size:1.4rem;font-variant-numeric:tabular-nums;opacity:.7}.nook-roi__formula-eq strong{opacity:1;color:var(--color-foreground)}@media(max-width:767px){.nook-roi__header{margin-bottom:2.4rem}.nook-roi__result-value--large{font-size:2.2rem}.nook-roi__result-card{flex-direction:column;align-items:flex-start;gap:.4rem}.nook-roi__result-card--highlight{flex-direction:row;align-items:center}.nook-roi__result-value{text-align:left}.nook-roi__tooltip{max-width:calc(100vw - 6rem);right:0;left:auto}.nook-roi__formula-eq{font-size:1.2rem;word-break:break-word}.nook-roi__unit-price-value{font-size:1.8rem}}@media(prefers-reduced-motion:reduce){.nook-roi__range::-webkit-slider-thumb{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/12/assets/section-nook-roi-calculator.css.map */