.calc-sheet{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1100;pointer-events:none;opacity:0;transition:opacity .2s ease}.calc-sheet.is-open{pointer-events:auto;opacity:1}.calc-sheet__backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:#0006;backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px)}.calc-sheet__container{position:absolute;bottom:0;left:0;right:0;background:var(--background, #fff);border-radius:1.25rem 1.25rem 0 0;padding:1.5rem 1.25rem 1.75rem;padding-bottom:calc(1.75rem + env(safe-area-inset-bottom,0px));transform:translateY(100%);transition:transform .3s cubic-bezier(.4,0,.2,1);box-shadow:0 -10px 40px #0000001f}.calc-sheet.is-open .calc-sheet__container{transform:translateY(0)}.calc-sheet__content{max-width:25rem;margin:0 auto}.calc-sheet__title{margin:0 0 .25rem;font-size:1.125rem;font-weight:600;color:var(--heading-color, #000);text-align:center}.calc-sheet__subtitle{margin:0 0 1.25rem;font-size:.875rem;color:rgba(var(--text-color-rgb, 0, 0, 0),.6);text-align:center}.calc-sheet__row{display:flex;align-items:flex-start;gap:.75rem;margin-bottom:1rem}.calc-sheet__field{display:flex;flex-direction:column;align-items:center;position:relative}.calc-sheet__field input{width:100%;padding:.875rem .75rem .375rem;font-size:1.25rem;font-weight:600;border:1px solid rgba(var(--text-color-rgb, 0, 0, 0),.15);border-radius:.75rem;background:rgba(var(--text-color-rgb, 0, 0, 0),.03);color:var(--text-color, #000);text-align:center;transition:border-color .15s,background-color .15s;-moz-appearance:textfield;position:relative;z-index:1}.calc-sheet__field input::-webkit-outer-spin-button,.calc-sheet__field input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.calc-sheet__field input:focus{outline:none;border-color:var(--heading-color, #000);background:var(--background, #fff)}.calc-sheet__field input:focus-visible{border-color:var(--heading-color, #000);outline:none}.calc-sheet__field label{font-size:.75rem;font-weight:500;color:rgba(var(--text-color-rgb, 0, 0, 0),.5);text-transform:uppercase;letter-spacing:.03em;pointer-events:none}.calc-sheet__x,.calc-sheet__eq{font-size:1.125rem;color:rgba(var(--text-color-rgb, 0, 0, 0),.4);flex-shrink:0;margin-top:.875rem}.calc-sheet__result{flex-shrink:0;text-align:center;min-width:4.375rem;max-width:6rem;margin-top:.25rem}.calc-sheet__qty{display:block;font-size:clamp(1.5rem,5vw,2rem);font-weight:700;line-height:1;color:var(--heading-color, #000)}.calc-sheet__label{font-size:.6875rem;color:rgba(var(--text-color-rgb, 0, 0, 0),.5);text-transform:uppercase;letter-spacing:.03em}.calc-sheet__sqft{display:block;margin-top:.25rem;font-size:.5625rem;color:rgba(var(--text-color-rgb, 0, 0, 0),.4);white-space:nowrap}.calc-sheet__btn{width:100%;padding:1rem;font-size:1rem;font-weight:600;color:var(--primary-button-text-color, #fff);background:var(--primary-button-background, #000);border:none;border-radius:.75rem;cursor:pointer;transition:background-color .15s,opacity .15s}.calc-sheet__btn:hover:not(:disabled){background:var(--primary-button-background-hover, #222)}.calc-sheet__btn:disabled{opacity:.35;cursor:not-allowed}.calc-sheet__btn:focus-visible{outline:2px solid var(--primary-button-text-color, #fff);outline-offset:-4px}.calc-sheet__clear{display:block;width:100%;margin-top:.75rem;padding:.875rem;min-height:2.75rem;font-size:.875rem;font-weight:500;color:rgba(var(--text-color-rgb, 0, 0, 0),.6);background:none;border:none;cursor:pointer;transition:color .15s ease}.calc-sheet__clear:hover{color:var(--text-color, #000)}.calc-sheet__clear:focus-visible{outline:2px solid var(--heading-color, #000);outline-offset:2px}.calc-sheet__note{margin:.5rem 0 1rem;font-size:.8125rem;color:rgba(var(--text-color-rgb, 0, 0, 0),.5);text-align:center}.calc-sheet__note-separator{margin:0 .375rem;opacity:.5}.product-sticky-atc__qty-controls{display:inline-flex;align-items:center;gap:0;background:rgba(var(--text-color-rgb, 0, 0, 0),.06);border:1px solid rgba(var(--text-color-rgb, 0, 0, 0),.12);border-radius:.5rem;overflow:hidden}.product-sticky-atc__qty-btn{display:flex;align-items:center;justify-content:center;width:2.75rem;height:2.75rem;padding:0;background:transparent;border:none;cursor:pointer;color:var(--text-color, #000);transition:background-color .15s ease;-webkit-tap-highlight-color:transparent}.product-sticky-atc__qty-btn:hover{background:rgba(var(--text-color-rgb, 0, 0, 0),.08)}.product-sticky-atc__qty-btn:active{background:rgba(var(--text-color-rgb, 0, 0, 0),.12)}.product-sticky-atc__qty-btn:focus-visible{outline:2px solid var(--accent-color);outline-offset:-2px}.product-sticky-atc__qty-btn svg{width:1rem;height:1rem}.product-sticky-atc__qty-input{width:3rem;height:2.75rem;padding:0;font:inherit;font-weight:600;font-size:.9375rem;text-align:center;color:var(--text-color, #000);background:transparent;border:none;border-left:1px solid rgba(var(--text-color-rgb, 0, 0, 0),.1);border-right:1px solid rgba(var(--text-color-rgb, 0, 0, 0),.1);-moz-appearance:textfield}.product-sticky-atc__qty-input::-webkit-outer-spin-button,.product-sticky-atc__qty-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.product-sticky-atc__qty-input:focus{outline:none;background:rgba(var(--text-color-rgb, 0, 0, 0),.03)}.product-sticky-atc__qty-input:focus-visible{outline:2px solid var(--accent-color);outline-offset:-2px}.product-sticky-atc__calc-link{display:inline-flex;align-items:center;justify-content:center;gap:.25rem;margin-left:.25rem;padding:.875rem;min-width:2.75rem;min-height:2.75rem;font-size:.75rem;font-weight:500;color:rgba(var(--text-color-rgb, 0, 0, 0),.6);background:none;border:none;border-radius:.5rem;cursor:pointer;transition:color .15s ease,background-color .15s ease;-webkit-tap-highlight-color:transparent}.product-sticky-atc__calc-link:hover{color:var(--text-color, #000);background:rgba(var(--text-color-rgb, 0, 0, 0),.04)}.product-sticky-atc__calc-link:active{background:rgba(var(--text-color-rgb, 0, 0, 0),.08)}.product-sticky-atc__calc-link:focus-visible{outline:2px solid var(--accent-color);outline-offset:2px}.product-sticky-atc__calc-link .product-sticky-atc__calc-icon{width:1.125rem;height:1.125rem;opacity:.7}.product-sticky-atc__qty-trigger{display:inline-flex;align-items:center;gap:.375rem;min-height:2.75rem;padding:.5rem .875rem;font:inherit;font-weight:600;color:inherit;background:rgba(var(--text-color-rgb, 0, 0, 0),.06);border:1px solid rgba(var(--text-color-rgb, 0, 0, 0),.12);border-radius:1.375rem;cursor:pointer;transition:background-color .15s ease,border-color .15s ease}.product-sticky-atc__qty-trigger:hover{background:rgba(var(--text-color-rgb, 0, 0, 0),.1);border-color:rgba(var(--text-color-rgb, 0, 0, 0),.2)}.product-sticky-atc__qty-trigger:active{background:rgba(var(--text-color-rgb, 0, 0, 0),.14)}.product-sticky-atc__calc-icon{flex-shrink:0;width:1rem;height:1rem;opacity:.7}.product-sticky-atc__qty-text{white-space:nowrap}@media (prefers-reduced-motion: reduce){.calc-sheet,.calc-sheet__container{transition:none}}@media (prefers-contrast: more){.calc-sheet__field input{border-color:var(--text-color, #000);border-width:2px}.calc-sheet__tab{border:1px solid transparent}.calc-sheet__tab.is-active{border-color:var(--heading-color, #000)}}@media screen and (max-width: 374px){.calc-sheet__container{padding:.75rem 1rem 1.5rem;padding-bottom:calc(1.5rem + env(safe-area-inset-bottom,0px))}.calc-sheet__row{gap:.5rem}.calc-sheet__field input{font-size:1.125rem;padding:.75rem .5rem .375rem}.calc-sheet__qty{font-size:1.75rem}.calc-sheet__result{min-width:3.75rem}.calc-sheet__x,.calc-sheet__eq{font-size:1rem;margin-top:.75rem}.product-sticky-atc__qty-input{width:2.25rem}.product-sticky-atc__qty-btn{width:2.5rem;height:2.5rem}.product-sticky-atc__calc-text{display:none}.product-sticky-atc__calc-link{margin-left:.125rem;min-width:2.75rem;min-height:2.75rem}}@media screen and (min-width: 640px){.calc-sheet__container{padding:1rem 2rem 2rem;padding-bottom:calc(2rem + env(safe-area-inset-bottom,0px))}.calc-sheet__content{max-width:28rem}.calc-sheet__field input{font-size:1.5rem;padding:1rem 1rem .5rem}.calc-sheet__qty{font-size:2.5rem}.calc-sheet__btn{font-size:1.0625rem;padding:1.125rem}.calc-sheet__x,.calc-sheet__eq{margin-top:1.125rem}}
/*# sourceMappingURL=/cdn/shop/t/21/assets/sqft-calculator.css.map */