.grout-calc{font-family:inherit;color:inherit}.grout-calc__section-heading{font-size:1.25rem;font-weight:600;margin-bottom:1.25rem;color:var(--color-foreground, #1a1a1a)}.grout-calc__card{background:var(--color-background, #ffffff);border:1px solid var(--color-border, #e0e0e0);border-radius:var(--inputs-radius, 6px);padding:1.5rem;margin-bottom:1rem}.grout-calc__card-heading{font-size:18px;font-weight:600;margin-bottom:1rem;color:#0b79d3}.grout-calc__open-page{text-align:right;margin-top:.5rem;font-size:13px}.grout-calc__grid{display:grid;gap:.75rem;margin-bottom:.875rem}.grout-calc__grid--3{grid-template-columns:repeat(3,1fr)}.grout-calc__grid--2{grid-template-columns:repeat(2,1fr)}.grout-calc__grid--1{grid-template-columns:1fr}.grout-calc__frac-wrap{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:4px}.grout-calc__input--whole{width:70px;text-align:center;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;-moz-appearance:textfield}.grout-calc__input--whole::-webkit-inner-spin-button,.grout-calc__input--whole::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.grout-calc__frac-select{-webkit-box-flex:1;-ms-flex:1;flex:1;padding-left:4px;padding-right:4px}.grout-calc__field{display:flex;flex-direction:column;gap:.25rem}.grout-calc__label{font-size:14px;font-weight:500;color:#555}.grout-calc__input,.grout-calc__select{padding:.5625rem .75rem;border:1px solid var(--inputs-border-color, #dddddd);border-radius:var(--inputs-radius, 6px);font-size:15px;color:inherit;background:var(--color-background, #ffffff);width:100%;-webkit-appearance:auto;appearance:auto}.grout-calc__input::placeholder{color:#bbb;font-style:italic;opacity:1}.grout-calc__input::-webkit-input-placeholder{color:#bbb;font-style:italic;opacity:1}.grout-calc__input::-moz-placeholder{color:#bbb;font-style:italic;opacity:1}.grout-calc__input:focus,.grout-calc__select:focus{outline:2px solid #0b79d3;outline-offset:1px;border-color:#0b79d3}.grout-calc__hint{font-size:12px;color:#666;margin-top:.125rem}.grout-calc__error{background:#fff0f0;color:#c0392b;padding:.625rem .875rem;border-radius:var(--inputs-radius, 6px);font-size:15px;margin-top:.5rem;display:none}.grout-calc__error--visible{display:block}.grout-calc__btn{display:block;width:fit-content;min-width:180px;padding:.8125rem 1.75rem;background:#0b79d3;color:#fff;border:none;border-radius:var(--inputs-radius, 6px);font-size:17px;font-weight:600;cursor:pointer;margin:.5rem auto 0;text-align:center;text-decoration:none;-webkit-transition:background .15s ease;transition:background .15s ease}.grout-calc__btn:hover{background:#0960a8}.grout-calc__btn--purchase{background:#f94f00;margin-top:0}.grout-calc__btn--purchase:hover{background:#d94400;color:#fff}.grout-calc__results{display:none}.grout-calc__results--visible{display:block}.grout-calc__stats{display:grid;grid-template-columns:repeat(2,1fr);gap:.625rem;margin-bottom:1rem}.grout-calc__stat{background:#f7f8fa;border-radius:var(--inputs-radius, 6px);padding:.75rem;text-align:center}.grout-calc__stat-label{font-size:14px;color:#555;margin-bottom:.25rem}.grout-calc__stat-value{font-size:24px;font-weight:700;color:#0b79d3}.grout-calc__stat-unit{font-size:12px;color:#aaa;margin-top:2px}.grout-calc__recommendation{background:#e8f3fc;border-radius:var(--inputs-radius, 6px);padding:1rem;margin-bottom:1rem}.grout-calc__rec-top{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:1rem;margin-bottom:.875rem}.grout-calc__rec-qty{background:#0b79d3;color:#fff;border-radius:var(--inputs-radius, 6px);padding:.75rem 1.5rem;text-align:center;min-width:80px;-ms-flex-negative:0;flex-shrink:0}.grout-calc__rec-qty-num{font-size:2.25rem;font-weight:700;line-height:1}.grout-calc__rec-qty-label{font-size:14px;opacity:.8;margin-top:.125rem}.grout-calc__rec-text{font-size:15px;color:#444;line-height:1.7}.grout-calc__disclaimer{font-size:13px;color:#666;margin-top:.75rem;line-height:1.6}.grout-calc-page__intro{margin-bottom:1.5rem;font-size:1rem;line-height:1.7;color:var(--color-foreground, #1a1a1a)}.grout-calc-page__section{margin-bottom:2rem}.grout-calc-page__h2{font-size:1.375rem;font-weight:700;margin-bottom:.875rem;color:var(--color-foreground, #1a1a1a)}.grout-calc-page__body{font-size:.9375rem;line-height:1.75;color:var(--color-foreground, #444444)}.grout-calc-page__body p{margin-bottom:.875rem}.grout-calc-page__body ul{padding-left:1.25rem;margin-top:.5rem;margin-bottom:.875rem}.grout-calc-page__body li{margin-bottom:.375rem}.grout-calc-page__table{width:100%;border-collapse:collapse;margin-top:.75rem;font-size:15px}.grout-calc-page__table th,.grout-calc-page__table td{text-align:left;padding:.625rem .875rem;border:1px solid var(--color-border, #e0e0e0)}.grout-calc-page__table thead th{background:#1a3a6b;color:#fff;font-weight:600}.grout-calc-page__table tbody tr:nth-child(2n){background:#f7f8fa}.grout-calc-page__table-note{font-size:13px;color:#666;margin-top:.5rem}.grout-calc-page__faq-item{border-bottom:1px solid var(--color-border, #e0e0e0)}.grout-calc-page__faq-question{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:100%;background:none;border:none;text-align:left;padding:1rem 0;font-size:15px;font-weight:600;cursor:pointer;color:var(--color-foreground, #1a1a1a);gap:1rem}.grout-calc-page__faq-icon{font-size:1.25rem;line-height:1;-ms-flex-negative:0;flex-shrink:0;-webkit-transition:-webkit-transform .2s ease;transition:transform .2s ease;display:inline-block}.grout-calc-page__faq-question[aria-expanded=true] .grout-calc-page__faq-icon{-webkit-transform:rotate(45deg);transform:rotate(45deg)}.grout-calc-page__faq-answer{display:none;padding-bottom:1rem;font-size:15px;line-height:1.7;color:#444}.grout-calc-page__faq-answer--open{display:block}.grout-calc-page__cta{background:#1a3a6b;color:#fff;border-radius:var(--inputs-radius, 8px);padding:2rem;margin-top:2rem}.grout-calc-page__cta h2{font-size:22px;font-weight:700;margin-bottom:.75rem;color:#fff}.grout-calc-page__cta p{font-size:17px;line-height:1.6;margin-bottom:1.25rem;opacity:.9}.grout-calc-page__cta-links{list-style:none;padding:0;margin:0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:.5rem}.grout-calc-page__cta-links a{color:#fff;text-decoration:underline;font-weight:600;font-size:16px}@media screen and (max-width:600px){.grout-calc__grid--3,.grout-calc__stats{grid-template-columns:1fr 1fr}.grout-calc__rec-top{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}.grout-calc-page__cta{padding:1.25rem}}html.theme-dark .grout-calc-page__h1,html.theme-dark .grout-calc-page__intro,html.theme-dark .grout-calc-page__h2{color:#e0e0e0}html.theme-dark .grout-calc-page__body{color:#d0d0d0}html.theme-dark .grout-calc__card{background:#252525;border-color:#404040}html.theme-dark .grout-calc__card-heading{color:#9ad9ed}html.theme-dark .grout-calc__label{color:#b0b0b0}html.theme-dark .grout-calc__input,html.theme-dark .grout-calc__select{background:#2e2e2e;border-color:#505050;color:#e0e0e0}html.theme-dark .grout-calc__hint{color:#888}html.theme-dark .grout-calc__stat{background:#2e2e2e}html.theme-dark .grout-calc__stat-label{color:#b0b0b0}html.theme-dark .grout-calc__stat-value{color:#9ad9ed}html.theme-dark .grout-calc__recommendation{background:#1a2d40}html.theme-dark .grout-calc__rec-text{color:#d0d0d0}html.theme-dark .grout-calc__disclaimer{color:#888}html.theme-dark .grout-calc-page__table th,html.theme-dark .grout-calc-page__table td{border-color:#404040;color:#d0d0d0}html.theme-dark .grout-calc-page__table thead th{background:#1a3a6b;color:#fff}html.theme-dark .grout-calc-page__table tbody tr{background:#252525}html.theme-dark .grout-calc-page__table tbody tr:nth-child(2n){background:#1e1e1e}html.theme-dark .grout-calc-page__table-note{color:#999}html.theme-dark .grout-calc-page__faq-item{border-bottom-color:#404040}html.theme-dark .grout-calc-page__faq-question{color:#e0e0e0}html.theme-dark .grout-calc-page__faq-answer{color:#d0d0d0}
/*# sourceMappingURL=/cdn/shop/t/94/assets/grout-calculator.css.map */