.product-grout-calculator{display:contents}.product-grout-calculator__dialog{position:fixed;inset-block:0;inset-inline-end:0;inset-inline-start:auto;width:100%;max-width:340px;height:100%;margin:0 0 0 auto;padding:0;border-radius:0;border-left:var(--style-border-drawer);box-shadow:var(--shadow-drawer);overflow:hidden}.product-grout-calculator__dialog:modal{max-height:100dvh}@media screen and (min-width:750px){.product-grout-calculator__dialog{width:var(--drawer-width);max-width:var(--drawer-max-width)}}.product-grout-calculator__inner{display:flex;flex-direction:column;height:100%;min-height:0;overflow:hidden}.product-grout-calculator__header{display:flex;flex-shrink:0;align-items:center;justify-content:space-between;gap:var(--gap-lg);padding-block:var(--gap-lg);padding-inline:var(--drawer-padding);background-color:var(--color-background)}@media screen and (min-width:750px){.product-grout-calculator__header{position:sticky;top:0;z-index:1}}.product-grout-calculator__title{margin:0}.product-grout-calculator__close{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:var(--icon-size-sm);height:var(--icon-size-sm);cursor:pointer}.product-grout-calculator__close:focus-visible{outline:none}.product-grout-calculator__divider{width:calc(100% - var(--drawer-padding) * 2);margin:0 auto;border:none;border-top:1px solid var(--color-border)}.product-grout-calculator__body{display:flex;flex:1 1 auto;flex-direction:column;gap:var(--gap-xl);min-height:0;overflow-y:auto;padding-block:var(--gap-1-5xl);padding-inline:var(--drawer-padding)}.product-grout-calculator__simple{display:flex;flex-direction:column;gap:var(--gap-xl)}.product-grout-calculator__dialog[open]{display:flex;flex-direction:column;--start-x: 100%;--end-x: 0px;--start-opacity: 1;--end-opacity: 1;margin-top:0;animation:move-and-fade var(--drawer-animation-speed) var(--animation-easing) forwards}.product-grout-calculator__dialog[open].dialog-closing{--start-x: 0px;--end-x: 100%;animation:move-and-fade var(--drawer-animation-speed) var(--animation-easing)}.product-grout-calculator__fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.product-grout-calculator__field{display:flex;flex-direction:column;gap:8px;min-width:0}.product-grout-calculator__label{margin:0;letter-spacing:.02em;line-height:1.33;color:var(--color-foreground, rgb(var(--color-foreground-rgb)))}.product-grout-calculator__input-row{display:flex;align-items:center;gap:8px;min-width:0;padding-block:8px;border-bottom:1px solid var(--color-foreground, rgb(var(--color-foreground-rgb)))}.product-grout-calculator__input{flex:1 1 auto;min-width:0;padding:0;border:0;background:transparent;font-size:12px;line-height:1.33;text-align:start;color:var(--color-foreground, rgb(var(--color-foreground-rgb)));-webkit-appearance:textfield;appearance:textfield}.product-grout-calculator__input::placeholder{color:rgb(var(--color-foreground-rgb) / .7)}.product-grout-calculator__input:focus-visible{outline:none}.product-grout-calculator__input::-webkit-outer-spin-button,.product-grout-calculator__input::-webkit-inner-spin-button{margin:0;-webkit-appearance:none;appearance:none}.product-grout-calculator__suffix{flex-shrink:0;letter-spacing:.02em;line-height:1.33;color:var(--color-foreground, rgb(var(--color-foreground-rgb)))}.product-grout-calculator__guide{display:flex;flex-direction:column;gap:8px}.product-grout-calculator__guide-heading{margin:0;line-height:1.33;color:var(--color-foreground, rgb(var(--color-foreground-rgb)))}.product-grout-calculator__recommendations{margin:0;padding:0}.product-grout-calculator__recommendation{display:grid;grid-template-columns:minmax(0,1fr) auto;column-gap:12px;align-items:center;padding-block:12px;border-bottom:1px solid var(--color-border)}.product-grout-calculator__recommendation-content{display:flex;flex-direction:column;gap:4px;min-width:0}.product-grout-calculator__recommendation-title{margin:0;font-weight:500;line-height:1.33;color:var(--color-foreground, rgb(var(--color-foreground-rgb)))}.product-grout-calculator__recommendation-subtitle{margin:0;line-height:1.33;color:rgb(var(--color-foreground-rgb) / .7)}.product-grout-calculator__recommendation-value{flex-shrink:0;font-weight:500;line-height:1.33;white-space:nowrap;color:var(--color-foreground, rgb(var(--color-foreground-rgb)))}.product-grout-calculator__summary{display:flex;flex-direction:column;gap:8px}.product-grout-calculator__summary-primary,.product-grout-calculator__summary-secondary{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0}.product-grout-calculator__summary-primary{line-height:1.5;letter-spacing:.02em}.product-grout-calculator__summary-secondary{margin-top:-.25rem;line-height:1.33}.product-grout-calculator__summary-primary span:last-child,.product-grout-calculator__summary-secondary span:last-child{text-align:end;white-space:nowrap}.product-grout-calculator__summary-primary span:last-child[data-empty=true],.product-grout-calculator__summary-secondary span:last-child[data-empty=true]{color:rgb(var(--color-foreground-rgb) / .7)}.product-grout-calculator__upsell{display:flex;flex-direction:column;gap:10px;padding:12px 12px 16px;background:var(--product-grout-calculator-upsell-bg, rgb(var(--color-foreground-rgb) / .08));border:1px solid var(--color-border)}.product-grout-calculator__upsell-heading{margin:0;font-weight:500;line-height:1.6;letter-spacing:.02em;text-transform:uppercase;color:var(--color-foreground, rgb(var(--color-foreground-rgb)))}.product-grout-calculator__upsell-content{display:flex;flex-direction:column;gap:15px}.product-grout-calculator__upsell-subtitle{margin:0;font-size:10px;line-height:1.33;color:var(--color-foreground, rgb(var(--color-foreground-rgb)))}.product-grout-calculator__upsell-list{display:flex;flex-direction:column;gap:0;margin:0;padding:0}.product-grout-calculator__upsell-item{display:flex;align-items:center;justify-content:space-between;gap:16px;padding-block:6px;padding-inline:4px 12px}.product-grout-calculator__upsell-item-info{display:flex;flex:1 1 auto;align-items:center;gap:16px;min-width:0}.product-grout-calculator__upsell-swatch{flex-shrink:0;width:48px;height:48px;border-radius:50%;background-color:var(--color-border)}.product-grout-calculator__upsell-label{margin:0;min-width:0;line-height:1.33;color:var(--color-foreground, rgb(var(--color-foreground-rgb)))}.product-grout-calculator__add-bags.button-secondary{flex-shrink:0;height:29px;padding-block:9px 8px;padding-inline:8px;font-size:10px;letter-spacing:.02em;line-height:1;white-space:nowrap}.product-grout-calculator__add-bags.button-secondary:disabled{opacity:.5;cursor:not-allowed}.product-grout-calculator__shop-all{width:fit-content;font-size:10px;font-weight:500;letter-spacing:.02em;line-height:1;text-transform:uppercase;text-decoration:underline;text-underline-offset:2px;color:var(--color-foreground, rgb(var(--color-foreground-rgb)))}.product-grout-calculator__shop-all:hover{text-decoration-color:transparent}.product-grout-calculator__shop-all:focus-visible{outline:2px solid var(--color-foreground);outline-offset:2px}.product-grout-calculator__upsell-error{margin:0;font-size:12px;line-height:1.33;color:var(--color-error, #b02a37)}.product-grout-calculator__upsell-error[hidden]{display:none}.product-grout-calculator [hidden]{display:none!important}.product-grout-calculator__advanced{display:flex;flex-direction:column;gap:var(--gap-lg)}.product-grout-calculator__section-heading{margin:0;font-size:12px;font-weight:500;line-height:1.33;text-transform:uppercase;color:var(--color-foreground)}.product-grout-calculator__search-help{margin:0;font-size:12px;line-height:1.33;color:rgb(var(--color-foreground-rgb) / .7)}.product-grout-calculator__search{display:flex;flex-direction:column;gap:var(--gap-md)}.product-grout-calculator__search-field{position:relative}.product-grout-calculator__search-input{width:100%;padding:8px 40px 8px 0;font-family:var(--font-paragraph--family);font-size:12px;line-height:1.33;color:var(--color-foreground);background-color:transparent;border:0;border-bottom:1px solid var(--color-foreground);border-radius:0;-webkit-appearance:none;appearance:none}.product-grout-calculator__search-input::placeholder{color:rgb(var(--color-foreground-rgb) / .7)}.product-grout-calculator__search-icon{position:absolute;inset-block-start:50%;inset-inline-end:0;transform:translateY(-50%);pointer-events:none}.product-grout-calculator__search-results{display:flex;flex-direction:column;gap:0}.product-grout-calculator__tile-result{display:grid;grid-template-columns:80px minmax(0,1fr);column-gap:var(--gap-lg);row-gap:var(--gap-md);padding-block:var(--padding-md);border-bottom:1px solid #c9c9c8}.product-grout-calculator__tile-result-media{grid-column:1;grid-row:1}.product-grout-calculator__tile-result-info{grid-column:2;grid-row:1;align-self:center;display:flex;flex-direction:column;gap:4px}.product-grout-calculator__tile-result-info:first-child{grid-column:1 / -1}.product-grout-calculator__tile-result-select{grid-column:1 / -1;grid-row:2}.product-grout-calculator__tile-result-media img{display:block;width:80px;height:94px;object-fit:cover}.product-grout-calculator__tile-result-title{margin:0;font-size:12px;line-height:1.33;color:var(--color-foreground)}.product-grout-calculator__tile-result-dimensions,.product-grout-calculator__tile-result-sku{margin:0;font-size:10px;line-height:1.3;color:rgb(var(--color-foreground-rgb) / .7)}.product-grout-calculator__tile-result-select.button-secondary{width:100%;min-height:29px;padding:6px 12px;font-size:10px;font-weight:500;letter-spacing:.02em;line-height:1;text-transform:uppercase}.product-grout-calculator__search-empty{margin:0;padding-block:var(--padding-md);font-size:12px;line-height:1.33;color:rgb(var(--color-foreground-rgb) / .7)}.product-grout-calculator__tile-select-error,.product-grout-calculator__basket-error{margin:0;font-size:12px;line-height:1.33;color:var(--color-error, #b02a37)}.product-grout-calculator__tile-select-error[hidden],.product-grout-calculator__basket-error[hidden]{display:none}.product-grout-calculator__tile-dimensions{display:grid;grid-template-columns:1fr 1fr;gap:var(--gap-lg)}.product-grout-calculator__tile-dimensions .product-grout-calculator__field--full{grid-column:1 / -1}.product-grout-calculator__summary--with-cta{gap:var(--gap-lg)}.product-grout-calculator__add-basket.button-primary{width:100%;min-height:37px;padding:10px 16px;font-size:12px;font-weight:500;letter-spacing:.04em;line-height:1;text-transform:uppercase}.product-grout-calculator__add-basket.button-primary:disabled{opacity:.5;cursor:not-allowed}
/*# sourceMappingURL=/cdn/shop/t/2/assets/product-grout-calculator.css.map */