.spine-calculator{max-width:80rem;margin:0 auto}.spine-calculator h2{margin-bottom:1.5rem}.spine-calculator .text-body{margin-bottom:3rem}.spine-calculator__form{position:relative}.spine-calculator .field{margin-bottom:2rem}.spine-calculator .button{margin-top:1rem;width:100%}@media screen and (min-width: 750px){.spine-calculator .field{margin-bottom:2.5rem}.spine-calculator .button{width:auto;min-width:20rem}}.spine-calculator__result{position:sticky;top:2rem;padding:2rem;background:rgb(var(--color-background));border:.1rem solid rgba(var(--color-foreground),.1);border-radius:var(--border-radius);box-shadow:var(--shadow-horizontal-offset) var(--shadow-vertical-offset) var(--shadow-blur-radius) rgba(var(--color-shadow),var(--shadow-opacity))}@media screen and (max-width: 749px){.spine-calculator__result{position:static;margin-top:3rem;padding:1.5rem}}.spine-calculator__result-content{min-height:10rem;display:flex;flex-direction:column;justify-content:center}.spine-calculator__result-content h3{margin-bottom:1rem;color:rgb(var(--color-base-accent-1))}.spine-calculator__result-content p{margin-bottom:.5rem}.spine-calculator__result-content .caption{margin-bottom:.3rem;color:rgba(var(--color-foreground),.7)}.spine-calculator__formula{margin-top:1.5rem;padding-top:1.5rem;border-top:.1rem solid rgba(var(--color-foreground),.1)}.spine-calculator__formula .caption{font-style:italic}.spine-calculator__result-content .color-accent-1{color:rgb(var(--color-base-accent-1))}.spine-calculator__result-content strong{font-size:1.8rem;font-weight:var(--font-weight-bold);color:rgb(var(--color-base-accent-1))}@media screen and (min-width: 750px){.spine-calculator__result-content strong{font-size:2.4rem}}.spine-calculator__recommendations{margin-top:3rem;padding:2rem;background:rgb(var(--color-background));border:.1rem solid rgba(var(--color-foreground),.1);border-radius:var(--border-radius)}.spine-calculator__recommendations h3{margin-bottom:2rem;color:rgb(var(--color-base-accent-1))}.spine-calculator__size-group{margin-bottom:2rem;padding:1.5rem;background:rgba(var(--color-foreground),.02);border-radius:var(--border-radius);border:.1rem solid rgba(var(--color-foreground),.08)}.spine-calculator__size-group--recommended{background:rgba(var(--color-base-accent-1),.05);border-color:rgba(var(--color-base-accent-1),.2)}.spine-calculator__size-group h4{margin-bottom:1rem;display:flex;align-items:center;gap:1rem}.spine-calculator__size-group--recommended h4{color:rgb(var(--color-base-accent-1))}.spine-calculator__finishes{display:flex;flex-wrap:wrap;gap:1rem}.spine-calculator__finish-link{display:inline-block;padding:.8rem 1.5rem;background:rgb(var(--color-background));color:rgb(var(--color-foreground));text-decoration:none;border:.1rem solid rgba(var(--color-foreground),.2);border-radius:var(--border-radius);transition:all .2s ease;font-weight:var(--font-weight-medium)}.spine-calculator__finish-link:hover{background:rgb(var(--color-base-accent-1));color:rgb(var(--color-base-background-1));border-color:rgb(var(--color-base-accent-1));transform:translateY(-.1rem)}.spine-calculator__size-group--recommended .spine-calculator__finish-link{border-color:rgba(var(--color-base-accent-1),.3)}@media screen and (max-width: 749px){.spine-calculator__recommendations{margin-top:2rem;padding:1.5rem}.spine-calculator__size-group{padding:1rem}.spine-calculator__size-group h4{flex-direction:column;align-items:flex-start;gap:.5rem}.spine-calculator__finish-link{padding:.6rem 1.2rem;font-size:.9rem}}.spine-calculator__disclaimer{margin-top:3rem;padding:1.5rem;background:rgba(var(--color-base-accent-2),.05);border:.1rem solid rgba(var(--color-base-accent-2),.2);border-radius:var(--border-radius)}.spine-calculator__disclaimer p{margin-bottom:0;color:rgba(var(--color-foreground),.8)}@media screen and (max-width: 749px){.spine-calculator__disclaimer{margin-top:2rem;padding:1rem}}.spine-calculator__explainer{margin-top:3rem}@media screen and (max-width: 749px){.spine-calculator__explainer{margin-top:2rem}}
/*# sourceMappingURL=/cdn/shop/t/6/assets/section-spine-calculator.css.map */