.product-calculator-section{padding-top:var(--space-19);padding-bottom:var(--space-19);background-color:rgb(var(--primary-tint-25))}.product-calculator-subtitle{margin-top:0;font-size:var(--text-size-2xl);font-weight:var(--font-weight-light-condensed);line-height:var(--space-6);letter-spacing:var(--tracking-small);text-transform:uppercase;color:rgb(var(--secondary-two));margin-bottom:var(--space-8)}.product-calculator-title{font-size:var(--text-size-4xl);font-weight:var(--font-weight-bold-condensed);line-height:var(--space-13);letter-spacing:var(--tracking-wide);text-transform:uppercase;margin-bottom:var(--space-12)}.product-calculator-container{display:grid;grid-template-columns:1fr;gap:var(--space-12);align-items:start}.product-calculator-section .input-wrapper{display:flex;align-items:center}@media screen and (min-width: 1440px){.product-calculator-container{display:grid;grid-template-columns:.7fr 1fr;gap:var(--space-12);align-items:start}}.product-calculator-guide-container{padding:var(--space-10) var(--space-12);background:rgb(var(--color-base-brand));border-radius:var(--space-2)}.product-calculator-guide-container *{color:rgb(var(--primary-tint-10))}.product-calculator-guide-title{text-transform:uppercase;margin-bottom:var(--space-6);font-size:var(--text-size-3xl);line-height:var(--leading-tight);font-weight:var(--font-weight-normal-condensed)}.product-calculator-guide-content *{font-size:var(--text-size-lg);font-weight:var(--font-weight-medium);line-height:var(--leading-loose);letter-spacing:var(--tracking-small);margin:0 0 var(--space-6)}.product-calculator-guide-wrapper{display:grid;grid-template-columns:1fr var(--space-48);gap:var(--space-3);align-items:center}.product-calculator-diagram-mobile{display:block;max-width:100%;object-fit:contain}.product-calculator-diagram-desktop{display:none}.product-calculator-guide-indicator{position:relative;padding-left:2.6rem;font-size:var(--text-size-lg);font-weight:var(--font-weight-medium);line-height:var(--leading-loose);letter-spacing:var(--tracking-small)}.product-calculator-guide-indicator:before{content:"";width:var(--space-10);height:var(--space-2);position:absolute;left:0;top:calc(50% - var(--space-1))}.product-calculator-guide-indicator:nth-child(1):before{background:#e91f24}.product-calculator-guide-indicator:nth-child(2):before{background:#3c7dc0}.product-calculator-guide-indicator:nth-child(3):before{background:#eb9c21}.product-calculator-configurator-head{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:var(--space-6);background:rgb(var(--primary-tint-50));padding:var(--space-6) var(--space-8)}.product-calculator-configurator-note{padding:var(--space-6);background:rgb(var(--secondary-tint-50));font-size:var(--text-size-xs);font-weight:var(--font-weight-medium);line-height:var(--space-9)}.product-calculator-configurator-wrapper{display:flex;flex-direction:column;gap:var(--space-9);padding:var(--space-8) var(--space-9)}.product-calculator-guide-indicators{display:flex;flex-direction:column;gap:var(--space-8)}.product-calculator-configurator{border:1px solid rgb(var(--primary-tint-100));border-radius:var(--space-2);overflow:hidden}.product-calculator-configurator-title{font-size:var(--text-size-base);font-weight:var(--font-weight-medium);line-height:var(--space-12)}.product-calculator-question{display:flex;align-items:center;gap:var(--space-3);font-size:var(--text-size-base);font-weight:var(--font-weight-medium);line-height:var(--space-13);position:relative;margin-bottom:var(--space-6);pointer-events:unset}.product-calculator-answer{display:inline-flex;font-size:var(--text-size-lg);font-weight:var(--font-weight-bold-condensed);line-height:var(--space-11);border-radius:var(--space-1);border:1px solid rgb(var(--color-base-brand));margin-right:var(--space-3);padding:var(--space-5) var(--space-9);cursor:pointer;min-width:7rem;width:7rem;justify-content:center;align-items:center}.product-calculator-answer.is-active{color:rgb(var(--primary-tint-10));background:rgb(var(--color-base-brand))}.product-calculator-configurator-toggle{display:flex;align-items:center;gap:var(--space-3);-webkit-user-select:none;user-select:none}.icon-unit-ft{display:none}.product-calculator-show-results{width:100%;max-width:100%}.product-calculator-configurator-field-container{display:grid;grid-template-columns:1fr;gap:var(--space-8)}.product-calculator-configurator-field-wrapper{max-width:100%}@media screen and (min-width: 768px){.product-calculator-configurator-field-container{display:grid;grid-template-columns:1fr 1fr 1fr;gap:var(--space-12)}.product-calculator-configurator-field-wrapper{max-width:29rem}}.product-calculator-configurator-field-wrapper input{height:var(--space-25);border:1px solid rgb(var(--primary-tint-100));font-size:var(--text-size-base);font-weight:var(--font-weight-normal);line-height:var(--space-12);letter-spacing:var(--tracking-small);color:rgb(var(--color-base-brand));background:transparent;width:calc(100% - var(--space-14));padding:0 var(--space-10)}.product-calculator-section input::-webkit-outer-spin-button,.product-calculator-section input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.product-calculator-section input[type=number]{-moz-appearance:textfield}.product-calculator-configurator-field-wrapper input::placeholder{font-size:var(--text-size-xl);font-weight:var(--font-weight-normal);line-height:var(--space-12);letter-spacing:var(--tracking-small);color:rgb(var(--primary-three))}.product-calculator-configurator-field-wrapper span{font-size:var(--text-size-base);font-weight:var(--font-weight-normal);line-height:var(--space-12);letter-spacing:var(--tracking-small);margin-left:var(--space-6)}.product-calculator-configurator-field-title{display:flex;align-items:center;gap:var(--space-3);font-size:var(--text-size-base);font-weight:var(--font-weight-medium);line-height:var(--space-13);position:relative;margin-bottom:var(--space-6)}.product-calculator-results-container{display:flex;flex-direction:column;gap:var(--space-9);padding:var(--space-9) var(--space-8)}.product-calculator-results-title{font-size:var(--text-size-base);font-weight:var(--font-weight-medium);line-height:var(--space-13)}.product-calculator-results-field{font-size:var(--text-size-base);font-weight:var(--font-weight-normal);line-height:var(--space-13)}.product-calculator-results-field span{margin-left:var(--space-2);font-weight:var(--font-weight-medium)}.product-calculator-results-field-wrapper{padding-bottom:var(--space-12);border-bottom:1px solid rgb(var(--primary-tint-100))}.product-calculator-results-footer .button{width:100%;max-width:100%}.product-calculator-results-product-radio-button{border-radius:50%;border:1px solid rgb(var(--primary-tint-100));width:var(--space-12);height:var(--space-12);margin:0;display:flex;align-items:center;justify-content:center}.product-calculator-results-product-input:checked+label .product-calculator-results-product-radio-button{background-color:rgb(var(--color-white))}.product-calculator-results-product-input:checked+label .product-calculator-results-product-radio-button .radio-tick{display:flex;width:var(--space-11);height:var(--space-11);border:var(--space-3) solid rgb(var(--color-base-brand));margin:0;background:rgb(var(--color-white));border-radius:50%}.product-calculator-results-product-input:checked+label .product-calculator-results-product-radio-button svg{display:none}.product-calculator-results-product-container{display:grid;align-items:center;background:rgb(var(--primary-tint-10));border-radius:var(--space-2);grid-template-columns:1fr;gap:var(--space-3);padding:var(--space-3)}.product-calculator-results-product-wrapper{padding:var(--space-3) var(--space-4)}.product-calculator-results-product-input{display:none}.product-calculator-results-product-wrapper label{display:grid;grid-template-columns:var(--space-12) 1fr;align-items:center;gap:var(--space-5);cursor:pointer}.product-calculator-results-product-info{display:grid;grid-template-columns:var(--space-31) 1fr;gap:var(--space-5);align-items:center}.product-calculator-results-product-wrapper img{width:100%;height:var(--space-19);object-fit:cover;border-radius:var(--space-2);overflow:hidden}.product-calculator-results-configurator-wrapper{display:flex;flex-wrap:wrap;gap:var(--space-3);align-items:center}.product-calculator-results-configurator-wrapper input{height:var(--space-25);border:1px solid rgb(var(--primary-tint-100));font-size:var(--text-size-base);font-weight:var(--font-weight-normal);line-height:var(--space-12);letter-spacing:var(--tracking-small);color:rgb(var(--color-base-brand));width:var(--space-48);padding:0 var(--space-10);background:transparent;border-radius:var(--space-2)}.product-calculator-results-product-title{font-size:var(--text-size-lg);line-height:var(--space-12);letter-spacing:var(--tracking-small);font-weight:var(--font-weight-bold-condensed)}.product-calculator-question span,.product-calculator-configurator-field-title span{position:absolute;top:-4.4rem;font-size:var(--text-size-s);line-height:var(--space-8);letter-spacing:var(--tracking-small);font-weight:var(--font-weight-normal);padding:var(--space-5);background:rgb(var(--primary-tint-25));border-radius:var(--space-2);opacity:0;pointer-events:none;transition:all .3s ease;border:1px solid rgb(var(--color-base-brand))}.product-calculator-question svg,.product-calculator-configurator-field-title svg{cursor:pointer}.product-calculator-question svg:hover+span,.product-calculator-configurator-field-title svg:hover+span{opacity:1}.product-calculator-results-product-price{font-size:var(--text-size-xxs);line-height:var(--space-10);letter-spacing:var(--tracking-small);grid-area:2 / 2 / 3 / 3;margin-left:var(--space-35);transform:translateY(-10px)}.product-calculator-results-configurator-details,.product-calculator-results-configurator-wrapper .measure,.product-calculator-results-configurator-total{font-size:var(--text-size-lg);line-height:var(--space-12);letter-spacing:var(--tracking-small)}.product-calculator-results-configurator-total{display:flex}.product-calculator-results-configurator-total span{font-size:var(--text-size-xl);font-weight:var(--font-weight-medium);line-height:var(--space-13);margin-left:var(--space-2)}.product-calculator-results-products-container{display:flex;flex-direction:column;gap:var(--space-3);margin-top:var(--space-6)}product-calculator .icon-unit-m,product-calculator .icon-unit-ft{display:none}product-calculator[data-unit=m] .icon-unit-m,product-calculator[data-unit=ft] .icon-unit-ft{display:block}product-calculator[data-unit=ft] .product-calculator-configurator-toggle span:first-child,product-calculator[data-unit=m] .product-calculator-configurator-toggle span:last-child{text-decoration:underline}.product-calculator-results-configurator-details{width:100%}.product-calculator-results-footer{display:grid;grid-template-columns:1fr;gap:var(--space-3)}@media screen and (min-width: 768px){.product-calculator-results-product-wrapper img{height:var(--space-29)}.product-calculator-section{padding-top:var(--space-38);padding-bottom:var(--space-38)}.product-calculator-guide-wrapper{grid-template-columns:1fr 1fr;gap:var(--space-12)}.product-calculator-diagram-desktop{max-width:25rem;display:block;margin-left:auto}.product-calculator-diagram-mobile{display:none}.product-calculator-guide-content *{margin:0}.product-calculator-guide-indicator{padding-left:var(--space-25)}.product-calculator-guide-indicator:before{width:var(--space-19)}.product-calculator-guide-title{margin-bottom:var(--space-12)}.product-calculator-guide-container{padding:var(--space-19) var(--space-29)}.product-calculator-subtitle{line-height:2.6rem}.product-calculator-title{line-height:var(--space-22);margin-bottom:var(--space-24)}.product-calculator-configurator-head{gap:var(--space-12);padding:var(--space-7) var(--space-12)}.product-calculator-configurator-note{font-size:var(--text-size-lg);line-height:var(--space-6)}.product-calculator-configurator-wrapper,.product-calculator-results-container{gap:var(--space-12);padding:var(--space-12)}.product-calculator-results-product-container{grid-template-columns:1fr auto;gap:var(--space-12);padding:var(--space-5)}.product-calculator-results-product-wrapper{padding:var(--space-3) var(--space-6);border:1px solid rgb(var(--primary-tint-100));border-radius:var(--space-2)}.product-calculator-results-configurator-details{width:auto}.product-calculator-results-configurator-wrapper{flex-wrap:nowrap;gap:var(--space-6)}.product-calculator-results-footer{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-5)}.product-calculator-results-configurator-wrapper input{font-size:var(--text-size-lg);font-weight:var(--font-weight-normal);line-height:var(--space-12)}.product-calculator-configurator-field-wrapper input::placeholder{font-size:var(--text-size-lg);font-weight:var(--font-weight-normal);line-height:var(--space-12)}.product-calculator-results-product-wrapper label{grid-template-columns:var(--space-12) 1fr auto;gap:var(--space-6)}.product-calculator-results-product-info{grid-template-columns:var(--space-45) 1fr;gap:var(--space-6)}.product-calculator-results-product-price{font-size:var(--text-size-xs);grid-area:1 / 3 / 2 / 4;transform:none;margin-left:auto}.product-calculator-results-configurator-total span{font-size:var(--text-size-base);font-weight:var(--font-weight-medium);line-height:var(--space-13);margin-left:var(--space-2)}}@media screen and (min-width: 550px){.product-calculator-configurator-head{justify-content:space-between}}.product-calculator-answer-input{position:absolute;opacity:0;width:1px;height:1px;overflow:hidden}.product-calculator-answer-input:checked+.product-calculator-answer{background-color:#00421c;color:#fff}.product-calculator-answer-input:focus+.product-calculator-answer{outline:2px solid #005a25;outline-offset:2px}.product-calculator-section .info-tooltip{position:absolute;background:#333;color:#fff;padding:8px 12px;border-radius:4px;font-size:14px;z-index:1000;box-shadow:0 2px 8px #00000026;max-width:250px}.product-calculator-section .info-tooltip[hidden]{display:none}.product-calculator-section .info-button{background:none;border:none;padding:4px;cursor:pointer;display:inline-flex;align-items:center;justify-content:center}.product-calculator-section .info-button:focus{outline:2px solid #005a25;outline-offset:2px;border-radius:2px}.product-calculator-section .input-wrapper{display:flex;align-items:center;gap:8px}.product-calculator-section input[type=number]:focus{outline:2px solid #005a25;outline-offset:2px}.product-calculator-section .product-calculator-configurator-toggle:focus{outline:2px solid #005a25;outline-offset:2px;border-radius:4px}.product-calculator-section button:focus{outline:2px solid #005a25;outline-offset:2px}.product-calculator-section fieldset{border:none;margin:0;padding:0}.product-calculator-section legend{padding:0;margin-bottom:1rem}.product-calculator-section .radio-group{display:flex;gap:1rem}
/*# sourceMappingURL=/cdn/shop/t/2/assets/product-calculator.css.map */