.aq-grout-finder,.aq-grout-pdp{color:#172238;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.aq-grout-finder{margin:0 auto;max-width:1240px;padding:4rem 1.5rem 5rem}.aq-grout-finder__header{margin-bottom:2rem}.aq-grout-finder__header h1{color:var(--color-primary,#1755b3);font-size:clamp(2rem,5vw,3.25rem);font-weight:800;letter-spacing:.03em;margin:0;text-transform:uppercase}.aq-grout-finder__header p{font-size:1.1rem;margin:.4rem 0 0}.aq-grout-finder__unavailable{background:#eaf2ff;border:1px solid var(--color-primary,#1755b3);padding:2rem}.aq-grout-step{border:2px solid var(--color-primary,#1755b3);margin-bottom:1.5rem;padding:clamp(1.25rem,3vw,2rem)}.aq-grout-step__heading{align-items:flex-start;display:flex;gap:1rem;margin-bottom:1.75rem}.aq-grout-step__heading h2{color:var(--color-primary,#1755b3);font-size:clamp(1.35rem,2.5vw,1.8rem);font-weight:650;margin:0}.aq-grout-step__heading p{margin:.25rem 0 0}.aq-grout-step__number{align-items:center;background:var(--color-primary,#1755b3);border-radius:50%;color:#fff;display:inline-flex;flex:0 0 2.35rem;font-size:1.2rem;font-weight:700;height:2.35rem;justify-content:center}.aq-grout-tile-layout{align-items:start;display:grid;gap:2rem;grid-template-columns:minmax(200px,.85fr) minmax(320px,1.5fr) minmax(170px,.65fr)}.aq-grout-selects{display:grid;gap:.5rem}.aq-grout-selects label{color:#172238;font-size:.95rem;font-weight:650;margin-top:.5rem}.aq-grout-selects label:first-of-type{margin-top:0}.aq-grout-selects select{background:#fff;border:1px solid #667080;border-radius:0;color:#172238;min-height:2.8rem;padding:.45rem .75rem;width:100%}.aq-grout-selects select:disabled{background:#f2f3f5;color:#707783}.aq-grout-preview-slot{min-width:0}.aq-grout-preview__image{--aq-grout-preview-color:#fff;align-items:center;aspect-ratio:1;background-color:var(--aq-grout-preview-color);border:1px solid #aeb8c6;box-sizing:border-box;display:flex;justify-content:center;overflow:hidden}.aq-grout-preview__image.has-grout-selection{background-blend-mode:multiply;background-image:url(../images/grout-cement-texture.png);background-repeat:repeat;background-size:256px 256px}.aq-grout-preview__image img{display:block;height:100%;-o-object-fit:contain;object-fit:contain;width:100%}.aq-grout-preview.is-layout-grid .aq-grout-preview__image{display:grid;gap:clamp(.25rem,1vw,.55rem);grid-auto-rows:minmax(0,1fr);grid-template-columns:repeat(2,minmax(0,1fr));padding:clamp(.25rem,1vw,.55rem)}.aq-grout-preview.is-layout-grid .aq-grout-preview__image img{-o-object-fit:contain;object-fit:contain}.aq-grout-preview.is-layout-crop .aq-grout-preview__image img{transform:scale(1.42)}.aq-grout-preview.is-layout-sheet .aq-grout-preview__image img{-o-object-fit:cover;object-fit:cover}.aq-grout-preview.is-layout-stack .aq-grout-preview__image{display:grid;gap:clamp(.25rem,1vw,.55rem);grid-template-rows:repeat(3,minmax(0,1fr));padding:clamp(.25rem,1vw,.55rem)}.aq-grout-preview.is-layout-stack .aq-grout-preview__image img{height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.aq-grout-preview:not(.is-live):not(.is-framed) .aq-grout-preview__image{background:#fff}.aq-grout-preview.is-framed:not(.is-layout-stack) .aq-grout-preview__image{padding:clamp(.5rem,2vw,.875rem)}.aq-grout-preview.is-framed:not(.is-layout-stack) .aq-grout-preview__image img{height:auto;width:100%}.aq-grout-preview.is-floating{background:#fff;bottom:1.5rem;box-shadow:0 .35rem 1.25rem rgba(23,34,56,.25);left:1.5rem;padding:.5rem;position:fixed;width:min(220px,22vw);z-index:50}.aq-grout-preview.is-floating .aq-grout-preview__note{display:none}.aq-grout-preview__placeholder{color:#687180;padding:1rem;text-align:center}.aq-grout-preview__note{font-size:.8rem;margin:.5rem 0 0}.aq-grout-selection{border:1px solid #6e7784;padding:1.25rem}.aq-grout-selection h3{color:#172238;font-size:1.1rem;font-weight:700;margin:0 0 1rem}.aq-grout-selection dd,.aq-grout-selection dl{margin:0}.aq-grout-selection dt{font-weight:650;margin-top:.75rem}.aq-grout-selection__product{color:var(--color-primary,#1755b3);display:inline-block;font-weight:650;margin-top:1rem;text-decoration:underline}.aq-grout-selection__product.disabled{opacity:.55;pointer-events:none}.aq-grout-choice-grid{display:grid;gap:1rem;grid-template-columns:repeat(3,minmax(0,1fr))}.aq-grout-choice-grid>*{container:aq-grout-choice/inline-size}.aq-grout-choice-grid--looks{grid-template-columns:repeat(4,minmax(0,1fr))}.aq-grout-choice{align-items:center;background:#fff;border:1px solid #aeb8c6;cursor:pointer;display:flex;flex-wrap:wrap;gap:1rem;min-height:9rem;padding:1.25rem;position:relative}@container aq-grout-choice (max-width: 260px){.aq-grout-choice{align-items:flex-start;flex-direction:column;gap:.75rem;min-height:0;padding:1rem}}.aq-grout-choice input{height:1px;opacity:0;position:absolute;width:1px}.aq-grout-choice:has(input:checked){border:3px solid var(--color-primary,#1755b3);padding:calc(1.25rem - 2px)}@container aq-grout-choice (max-width: 260px){.aq-grout-choice:has(input:checked){padding:calc(1rem - 2px)}}.aq-grout-choice:has(input:focus-visible){outline:3px solid #19b3d9;outline-offset:3px}.aq-grout-choice>span:not(.aq-grout-choice__swatch){flex:1 1 0;min-width:0}.aq-grout-choice small,.aq-grout-choice strong{display:block}.aq-grout-choice strong{color:#172238;font-size:1.15rem;margin-bottom:.4rem}.aq-grout-choice small{font-size:.9rem;line-height:1.45}.aq-grout-choice__swatch{background:#a6a6a6;border-radius:50%;flex:0 0 auto;height:4rem;width:4rem}@container aq-grout-choice (max-width: 260px){.aq-grout-choice__swatch{height:2.75rem;width:2.75rem}}.aq-grout-choice--warm .aq-grout-choice__swatch{background:#a69a8c}.aq-grout-choice--neutral .aq-grout-choice__swatch{background:#999a98}.aq-grout-choice--cool .aq-grout-choice__swatch{background:#8f9ba5}.aq-grout-choice--popular .aq-grout-choice__swatch{background:linear-gradient(135deg,#f8f5eb 0 50%,#8f8e88 50% 100%);border:1px solid #aeb8c6}.aq-grout-results__summary{font-weight:650;margin:0 0 1.25rem 3.35rem}.aq-grout-supplier-filter{border:0;display:flex;flex-wrap:wrap;gap:.75rem 1.25rem;margin:0 0 1.25rem 3.35rem;padding:0}.aq-grout-supplier-filter legend{font-weight:650;margin-bottom:.65rem}.aq-grout-supplier-filter label{align-items:center;display:inline-flex;gap:.4rem}.aq-grout-supplier-filter__clear{background:transparent;border:0;border-radius:0;color:var(--color-primary,#1755b3);font-size:.9rem;font-weight:650;padding:0;text-decoration:underline}.aq-grout-supplier-filter__clear:focus,.aq-grout-supplier-filter__clear:hover{background:transparent;color:#172238}.aq-grout-results{display:grid;gap:1rem;grid-template-columns:repeat(4,minmax(0,1fr))}.aq-grout-result{background:#fff;border:1px solid #aeb8c6;min-width:0;padding:1rem;text-align:center}.aq-grout-result:has([data-grout-preview-button]){cursor:pointer}.aq-grout-result.is-selected,.aq-grout-result:focus-visible{border:3px solid var(--color-primary,#1755b3);outline:0;padding:calc(1rem - 2px)}.aq-grout-result h3{color:#172238;font-size:1.15rem;font-weight:700;margin:.75rem 0 .25rem}.aq-grout-result p{font-size:.85rem;margin:.25rem 0}.aq-grout-result a{color:var(--color-primary,#1755b3);display:inline;font-size:.8rem;text-decoration:underline}.aq-grout-result p.aq-grout-result__link{margin-top:.8rem}.aq-grout-result__brand{background:#edf0f4;font-weight:700;padding:.6rem}.aq-grout-result__swatch{background:var(--aq-grout-swatch);border:1px solid rgba(0,0,0,.15);border-radius:50%;display:block;height:4.5rem;margin:1rem auto 0;width:4.5rem}button.aq-grout-result__swatch{padding:0}button.aq-grout-result__swatch:focus-visible{outline:3px solid #19b3d9;outline-offset:3px}.aq-grout-disclaimer{font-size:.8rem;margin:1.25rem 0 0}.aq-grout-share{border-top:1px solid #aeb8c6;margin-top:1.25rem;padding-top:1.25rem}.aq-grout-share p{margin:0 0 .75rem}.aq-grout-share__actions{display:flex;flex-wrap:wrap;gap:.75rem}.aq-grout-share__actions .button{background:var(--color-primary,#1755b3);border-radius:0;color:#fff}.aq-grout-share__actions .button.disabled{cursor:not-allowed;opacity:.5;pointer-events:none}.aq-grout-finder__form.is-loading{opacity:.75}.aq-grout-next{display:grid;gap:2rem;grid-template-columns:1.4fr repeat(3,1fr);padding-top:1.5rem}.aq-grout-next h2,.aq-grout-next h3{color:var(--color-primary,#1755b3);font-weight:650;margin:0 0 .6rem}.aq-grout-next h3{font-size:1.05rem}.aq-grout-next p{font-size:.9rem}.aq-grout-next a{color:var(--color-primary,#1755b3);font-weight:650;text-decoration:underline}.aq-grout-pdp{background:#dfebfc;clear:both;margin:2rem 0;width:100%}.aq-grout-pdp__toggle{align-items:center;background:transparent;border:0;border-radius:0;color:#172238;display:flex;justify-content:space-between;padding:1.5rem 2rem;text-align:left;width:100%}.aq-grout-pdp__toggle small,.aq-grout-pdp__toggle strong{display:block}.aq-grout-pdp__toggle strong{color:var(--color-primary,#1755b3);font-size:1.5rem}.aq-grout-pdp__toggle small{font-weight:400;margin-top:.3rem}.aq-grout-pdp__toggle:focus,.aq-grout-pdp__toggle:hover{background:transparent;color:#172238}.aq-grout-pdp__chevron{border-bottom:2px solid;border-right:2px solid;color:var(--color-primary,#1755b3);display:block;height:.6rem;margin:.4rem;transform:rotate(45deg);width:.6rem}.aq-grout-pdp__toggle{position:relative}.aq-grout-pdp__chevron{position:relative;z-index:1}.aq-grout-pdp__toggle[aria-expanded=true] .aq-grout-pdp__chevron{margin-top:.8rem;transform:rotate(225deg)}.aq-grout-pdp__panel{padding:1rem 2rem 2rem}.aq-grout-pdp__recommendations{align-items:start;display:grid;gap:2rem;grid-template-columns:minmax(220px,.7fr) minmax(0,2fr);margin-top:2rem}.aq-grout-pdp__preview-column{min-width:0}.aq-grout-pdp__preview-column h3{color:var(--color-primary,#1755b3);font-weight:650;margin:0 0 .75rem}.aq-grout-pdp__results{align-content:start;margin-top:0}.aq-grout-pdp__footer{align-items:end;display:grid;gap:2rem;grid-template-columns:1fr auto;margin-top:2rem}.aq-grout-pdp__footer h3{color:var(--color-primary,#1755b3);font-weight:650}.aq-grout-pdp__footer .button{background:var(--color-primary,#1755b3);border-radius:0;color:#fff}.blank-page-cta{margin:2rem 0;text-align:center}@media(max-width:900px){.aq-grout-choice-grid--looks{grid-template-columns:repeat(2,minmax(0,1fr))}.aq-grout-next{grid-template-columns:1fr 1fr}.aq-grout-tile-layout{grid-template-columns:minmax(0,1fr) minmax(280px,1.2fr)}.aq-grout-preview-slot{grid-column:2;grid-row:1/span 2}.aq-grout-selection{grid-column:1}.aq-grout-results{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:640px){.aq-grout-finder{padding:2rem 1rem 3rem}.aq-grout-choice-grid,.aq-grout-next,.aq-grout-pdp__footer,.aq-grout-pdp__recommendations,.aq-grout-results,.aq-grout-tile-layout{grid-template-columns:1fr}.aq-grout-preview-slot,.aq-grout-selection{grid-column:auto;grid-row:auto}.aq-grout-choice{min-height:0}.aq-grout-results__summary,.aq-grout-supplier-filter{margin-left:0}.aq-grout-preview.is-floating{bottom:1rem;left:1rem;padding:.3rem;width:104px}.aq-grout-pdp__panel,.aq-grout-pdp__toggle{padding-left:1rem;padding-right:1rem}.aq-grout-pdp__toggle{padding-right:4.5rem}}
/*# sourceMappingURL=grout-finder.min.css.map */