.section-tiles-calculator{position:relative;z-index:2;margin-bottom:12rem}@media screen and (min-width: 1024px){.section-tiles-calculator{margin-bottom:15rem}}.section-tiles-calculator .wrapper{background-color:var(--white);margin-top:-16rem;padding:4.8rem 1.6rem}@media screen and (min-width: 1024px){.section-tiles-calculator .wrapper{padding:8rem 1.6rem}}.section-tiles-calculator .wrapper .content{width:100%;max-width:69.6rem;margin:0 auto}.section-tiles-calculator .wrapper .content .pre-title{font-size:1.8rem;font-weight:400;line-height:2.8rem;letter-spacing:-.2px;text-align:center;color:var(--black);margin-bottom:5.6rem}@media screen and (min-width: 1024px){.section-tiles-calculator .wrapper .content .pre-title{font-size:2rem;margin-bottom:8rem}}tiles-calculator{display:block}.section-tiles-calculator .wrapper .content tiles-calculator{margin-bottom:4.8rem}@media screen and (min-width: 1024px){.section-tiles-calculator .wrapper .content tiles-calculator{margin-bottom:5.6rem}}tiles-calculator .calculator-heading{display:flex;flex-direction:column;margin-bottom:4rem}@media screen and (min-width: 1024px){tiles-calculator .calculator-heading{flex-direction:row;justify-content:space-between;margin-bottom:4.8rem}}tiles-calculator .calculator-heading h2{font-size:2.2rem;font-weight:600;line-height:2.2rem;letter-spacing:0px;color:var(--black)}@media screen and (min-width: 1024px){tiles-calculator .calculator-heading h2{font-size:2.4rem;line-height:2.4rem}}tiles-calculator .calculator-heading .unit{display:flex;align-items:center;margin-top:3.2rem}@media screen and (min-width: 1024px){tiles-calculator .calculator-heading .unit{margin-top:0rem}}tiles-calculator .calculator-heading .unit input{display:none}tiles-calculator .calculator-heading .unit input:checked+label:before{border-color:var(--yellow-400)}tiles-calculator .calculator-heading .unit input:checked+label:after{display:block}tiles-calculator .calculator-heading .unit label{display:flex;align-items:center;font-size:1.4rem;font-weight:600;line-height:2rem;letter-spacing:-.2px;color:var(--black);position:relative;isolation:isolate;cursor:pointer}tiles-calculator .calculator-heading .unit label:not(:last-child){margin-right:2.4rem}@media screen and (min-width: 1024px){tiles-calculator .calculator-heading .unit label:not(:last-child){margin-right:1.6rem}}tiles-calculator .calculator-heading .unit label:before{content:"";display:block;width:2rem;height:2rem;border-radius:100%;border:1.5px solid var(--grey-400);margin-right:.8rem}tiles-calculator .calculator-heading .unit label:after{content:"";display:none;width:1.2rem;height:1.2rem;border-radius:100%;background-color:var(--yellow-400);margin-right:.8rem;position:absolute;top:50%;left:.4rem;transform:translateY(-50%)}tiles-calculator .calculator-body{margin-bottom:4.8rem}@media screen and (min-width: 1024px){tiles-calculator .calculator-body{margin-bottom:6.4rem}}tiles-calculator .calculator-fields{display:grid;grid-template-columns:repeat(1,minmax(0,1fr));gap:2.4rem}@media screen and (min-width: 1024px){tiles-calculator .calculator-fields{grid-template-columns:repeat(2,minmax(0,1fr))}}tiles-calculator .calculator-fields label{display:flex;flex-direction:column;font-size:1.4rem;font-weight:500;line-height:2rem;letter-spacing:-.2px;color:var(--black)}tiles-calculator .calculator-fields label input{width:100%;padding:1.4rem 1.6rem;border:1.5px solid var(--grey-400);border-radius:4px;margin-top:.8rem;font-size:1.4rem;font-weight:400;line-height:2rem;letter-spacing:-.2px;color:var(--black);transition:border-color .2s ease}tiles-calculator .calculator-fields label input:focus,tiles-calculator .calculator-fields label input:focus-visible{border-color:var(--black);box-shadow:none;outline:none}tiles-calculator .calculator-fields label input[type=number]::-webkit-outer-spin-button,tiles-calculator .calculator-fields label input[type=number]::-webkit-inner-spin-button{appearance:none;-webkit-appearance:none;-moz-appearance:textfield}tiles-calculator .calculator-body .information{display:none;font-size:1.4rem;font-weight:400;line-height:2rem;letter-spacing:-.2px;color:var(--grey-700);margin-top:1.6rem}@media screen and (min-width: 1024px){tiles-calculator .calculator-body .information{font-size:1.6rem;margin-top:2.4rem}}tiles-calculator .check-wrapper{background-color:var(--grey-300);margin-top:3.2rem}tiles-calculator .check-wrapper input{display:none}tiles-calculator .check-wrapper input:checked+.check-label .checkbox{border-color:var(--blue-400);background-color:var(--blue-400)}tiles-calculator .check-wrapper input:checked+.check-label .checkbox:before{opacity:1;transform:translate(-50%,-50%) rotate(-45deg) scale(1)}tiles-calculator .check-wrapper .check-label{display:flex;padding:1.6rem;cursor:pointer;-webkit-user-select:none;user-select:none}tiles-calculator .check-wrapper .check-label .checkbox{display:block;width:2rem;height:2rem;border-radius:3px;color:var(--white);border:1.5px solid var(--grey-700);margin-right:1.2rem;position:relative;transition:background-color .2s ease}tiles-calculator .check-wrapper .check-label .checkbox:before{content:"";display:block;width:1.2rem;height:.6rem;border-left:1.5px solid var(--white);border-bottom:1.5px solid var(--white);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) rotate(-45deg) scale(.9);margin-top:-.2rem;opacity:0;transition:opacity .2s ease,transform .2s ease}tiles-calculator .check-wrapper .check-label .label-wrapper{display:flex;flex-direction:column}tiles-calculator .check-wrapper .check-label .label-wrapper .label{font-size:1.6rem;font-weight:600;line-height:2rem;letter-spacing:-.2px;color:var(--black);margin-bottom:.4rem}tiles-calculator .check-wrapper .check-label .label-wrapper .info{font-size:1.4rem;font-weight:400;line-height:2rem;letter-spacing:-.2px;color:var(--black);opacity:.7}tiles-calculator .calculator-bottom{display:flex;flex-direction:column;align-items:center}@media screen and (min-width: 1024px){tiles-calculator .calculator-bottom{flex-direction:row;justify-content:space-between}}tiles-calculator .calculator-bottom .clear-btn{font-size:1.6rem;font-weight:400;line-height:2rem;letter-spacing:-.2px;color:var(--black);text-align:center;text-decoration:underline;text-underline-offset:2px;cursor:pointer}@media screen and (max-width: 1023px){tiles-calculator .calculator-bottom .clear-btn{order:2;margin-top:2.4rem}}tiles-calculator .calculator-bottom .btn{width:100%;max-width:32rem}tiles-calculator .calculator-results{margin-top:5.6rem}@media screen and (min-width: 1024px){tiles-calculator .calculator-results{margin-top:4.8rem;border-top:1px solid var(--grey-400);padding-top:4.8rem}}tiles-calculator .calculator-results h2{font-size:2.2rem;font-weight:600;line-height:2.2rem;letter-spacing:0px;color:var(--blue-400);margin-bottom:3.2rem}@media screen and (min-width: 1024px){tiles-calculator .calculator-results h2{font-size:2.4rem;line-height:2.4rem}}tiles-calculator .results-grid{display:grid;grid-template-columns:repeat(1,minmax(0,1fr));gap:2.4rem}@media screen and (min-width: 1024px){tiles-calculator .results-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:1.5rem}}tiles-calculator .result-field{display:flex;flex-direction:column}tiles-calculator .result-field label{font-size:1.4rem;font-weight:500;line-height:2rem;letter-spacing:-.2px;color:var(--black)}tiles-calculator .result-field label>span{color:var(--grey-700)}tiles-calculator .result-field input{width:100%;padding:1.4rem 1.6rem;border:1.5px solid var(--grey-400);border-radius:4px;margin-top:.8rem;font-size:1.4rem;font-weight:400;line-height:2rem;letter-spacing:-.2px;color:var(--black);transition:border-color .2s ease}tiles-calculator .result-field input:focus,tiles-calculator .result-field input:focus-visible{border-color:var(--black);box-shadow:none;outline:none}.section-tiles-calculator .wrapper .content .contact-banner{display:flex;align-items:center;padding:2.4rem;background-color:var(--blue-400);margin-bottom:4.8rem}@media screen and (min-width: 1024px){.section-tiles-calculator .wrapper .content .contact-banner{padding:3.2rem;margin-bottom:7.2rem}}.section-tiles-calculator .wrapper .content .contact-banner>svg{width:auto;height:5rem;flex-shrink:0;margin-right:2rem}@media screen and (min-width: 1024px){.section-tiles-calculator .wrapper .content .contact-banner>svg{height:6.7rem;margin-right:2.4rem}}.section-tiles-calculator .wrapper .content .contact-banner .banner-content{display:flex;flex-direction:column}.section-tiles-calculator .wrapper .content .contact-banner .banner-content a{width:fit-content;display:block;color:var(--white);text-decoration:none}.section-tiles-calculator .wrapper .content .contact-banner .banner-content a:hover{text-decoration:underline}.section-tiles-calculator .wrapper .content .contact-banner .banner-content p{margin-top:.8rem;font-size:1.4rem;font-weight:500;line-height:2rem;letter-spacing:-.2px;color:var(--white)}.section-tiles-calculator .wrapper .content .instructions .highlight{color:var(--black)}
/*# sourceMappingURL=/cdn/shop/t/2/assets/section-tiles-calculator.css.map */