.sealant-visualiser{--visualiser-sealant-colour: #d9d9d9;--visualiser-tile-light: #f6f1e8;--visualiser-tile-mid: #ebe2d3;--visualiser-tile-dark: #ddd0bc;--visualiser-grout-width: 6px;--sv-text-primary: var(--color-text-primary, #171512);--sv-text-secondary: var(--color-text-secondary, #3c372f);--sv-text-subtle: var(--color-text-subtle, #61594d);--sv-bg-primary: var(--color-background-primary, #fffdf8);--sv-bg-secondary: var(--color-background-secondary, #f6efe3);--sv-bg-tertiary: color-mix(in srgb, var(--sv-bg-primary) 84%, #ffffff);--sv-border: var(--color-border-default, #d8cdba);--sv-border-strong: var(--color-border-strong, #1f1c18);--sv-focus: var(--color-adheseal-red, #1f1c18);--sv-shadow-soft: 0 8px 22px rgba(30, 28, 25, .07);--sv-shadow-strong: 0 16px 34px rgba(30, 28, 25, .11);--sv-font-body: var(--font-body-family, inherit);--sv-font-heading: var(--font-heading-family, var(--font-body-family, inherit));--sv-transition-fast: var(--duration-short, .16s);--sv-transition-base: var(--duration-normal, .22s);padding-top:var(--sealant-visualiser-padding-top, 48px);padding-bottom:var(--sealant-visualiser-padding-bottom, 48px);color:var(--sv-text-primary);font-family:var(--sv-font-body);background:radial-gradient(circle at 8% 5%,rgba(179,139,95,.12),transparent 32%),linear-gradient(180deg,#f4efe3,#f5f2ea 46%,#f0ebdf)}.sealant-visualiser .container{max-width:var(--container-2xl, 1360px)}.sealant-visualiser__header{max-width:860px;margin-inline:auto;text-align:center;margin-bottom:28px}.sealant-visualiser__title{margin:0;font-family:var(--sv-font-heading);font-weight:var(--font-heading-weight, 600);font-size:clamp(1.9rem,3.5vw,2.9rem);line-height:1.02;letter-spacing:.04em;text-transform:uppercase}.sealant-visualiser__subtitle{margin:10px 0 0;font-size:clamp(.98rem,1.8vw,1.16rem);color:var(--sv-text-subtle)}.sealant-visualiser__stage,.sealant-visualiser__rail{display:grid;gap:16px}.sealant-visualiser__panel,.sealant-visualiser__chips-wrap,.sealant-visualiser__controls-card{border:1px solid var(--sv-border);background:var(--sv-bg-primary)}.sealant-visualiser__panel{overflow:hidden}.sealant-visualiser__panel--preview{box-shadow:var(--sv-shadow-strong)}.sealant-visualiser__panel--details{display:grid;gap:14px;padding:14px;align-content:start;box-shadow:var(--sv-shadow-soft)}.visually-hidden{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.sealant-visualiser__picker{display:grid;gap:10px}.sealant-visualiser__tone-label,.sealant-visualiser__colour-search span,.sealant-visualiser__control span,.sealant-visualiser__control--range legend,.sealant-scene__eyebrow{margin:0;font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--sv-text-secondary)}.sealant-visualiser__ctas{display:grid;gap:10px}.sealant-visualiser__cta{min-height:42px;display:inline-flex;align-items:center;justify-content:center;width:100%;text-decoration:none;padding:10px 14px;border-radius:var(--btn-1-border-radius, 0);transition:background-color var(--sv-transition-base) ease,color var(--sv-transition-base) ease,border-color var(--sv-transition-base) ease,transform var(--sv-transition-fast) ease;letter-spacing:.06em;text-transform:uppercase;font-family:var(--btn-1-font-family, var(--font-body-family, inherit));font-size:var(--btn-1-font-size, 12px);font-weight:var(--btn-1-font-weight, 600);line-height:var(--btn-1-line-height, 1.2)}.sealant-visualiser__cta:hover{transform:translateY(-1px)}.sealant-visualiser__cta--primary{border:var(--btn-1-border-width, 1px) solid var(--btn-1-border, #181613);background:var(--btn-1-bg, #181613);color:var(--btn-1-color, #fff)}.sealant-visualiser__cta--primary.is-disabled{pointer-events:none;opacity:.45}.sealant-visualiser__cta--secondary{border:var(--btn-2-border-width, 1px) solid var(--btn-2-border, #181613);color:var(--btn-2-color, #181613);background:var(--btn-2-bg, #fff)}.sealant-visualiser__controls-card{display:grid;gap:14px;padding:12px;background:color-mix(in srgb,var(--sv-bg-primary) 88%,#fff)}.sealant-visualiser__control,.sealant-visualiser__control-group{display:flex;flex-direction:column;gap:6px}.sealant-visualiser__control select,.sealant-visualiser__control input,.sealant-visualiser__colour-search input{min-height:45px;border:1px solid var(--form-input-border, var(--sv-border));border-radius:var(--btn-1-border-radius, 0);background:var(--form-input-bg, #fff);color:var(--form-input-color, var(--sv-text-primary));font-family:var(--font-body-family, inherit);font-size:var(--font-body-size, 1rem);line-height:var(--body-line-height, 1.45);letter-spacing:var(--body-letter-spacing, normal);padding:10px 12px;margin:0}.sealant-visualiser__control--range{margin:0;padding:12px;min-width:0;border:1px solid var(--sv-border);background:var(--sv-bg-tertiary)}.sealant-visualiser__grout-head{margin-top:4px;margin-bottom:8px}.sealant-visualiser__control--range output{font-size:14px;font-weight:var(--font-weight-semibold, 600);color:var(--sv-text-secondary)}.sealant-visualiser__grout-presets{margin-top:10px;display:flex;gap:8px;flex-wrap:wrap}.sealant-visualiser__grout-preset{min-height:38px;border:1px solid var(--sv-border);background:var(--sv-bg-primary);color:var(--sv-text-primary);padding:6px 10px;font-family:var(--font-body-family, inherit);font-size:12px;cursor:pointer}.sealant-visualiser__grout-preset.is-active{border-color:var(--sv-border-strong);box-shadow:inset 0 0 0 1px var(--sv-border-strong)}.sealant-visualiser__tone-palette{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.sealant-visualiser__tone-chip{min-height:52px;border:1px solid var(--sv-border);background:var(--sv-bg-primary);cursor:pointer;display:flex;align-items:center;gap:10px;text-align:start;padding:8px 10px;transition:transform var(--sv-transition-fast) ease,box-shadow var(--sv-transition-fast) ease}.sealant-visualiser__tone-chip span{width:28px;height:28px;border-radius:999px;border:1px solid color-mix(in srgb,var(--sv-border-strong) 28%,transparent);background:linear-gradient(140deg,var(--tone-light, #f4f4f4) 0 36%,var(--tone-mid, #ddd) 36% 68%,var(--tone-dark, #cfcfcf) 68% 100%);flex:0 0 auto}.sealant-visualiser__tone-chip em{font-style:normal;font-size:12px;color:var(--sv-text-secondary)}.sealant-visualiser__tone-chip.is-active{border-color:var(--sv-border-strong);box-shadow:inset 0 0 0 1px var(--sv-border-strong)}.sealant-visualiser__tone-chip.is-active em{color:var(--sv-text-primary)}.sealant-visualiser__rail{margin-top:0}.sealant-visualiser__colour-search{display:flex;flex-direction:column;gap:6px}.sealant-visualiser__chips-wrap{padding:10px;overflow:hidden;background:color-mix(in srgb,var(--sv-bg-primary) 86%,#fff)}.sealant-visualiser__chips{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(148px,72%);gap:10px;overflow-x:auto;overflow-y:hidden;padding-bottom:4px;scroll-snap-type:x proximity;-webkit-overflow-scrolling:touch}.sealant-visualiser__chip{min-height:56px;border:1px solid var(--sv-border);background:var(--sv-bg-primary);display:flex;align-items:center;gap:10px;padding:10px 12px;text-align:start;cursor:pointer;transition:transform var(--sv-transition-fast) ease,box-shadow var(--sv-transition-fast) ease;scroll-snap-align:start}.sealant-visualiser__chip[hidden]{display:none}.sealant-visualiser__chip-swatch{width:24px;height:24px;border-radius:999px;background:var(--chip-colour, #d9d9d9);border:1px solid color-mix(in srgb,var(--sv-border-strong) 25%,transparent);flex:0 0 auto}.sealant-visualiser__chip-name{font-size:12px;color:var(--sv-text-secondary)}.sealant-visualiser__chip.is-active{border-color:var(--sv-border-strong);box-shadow:inset 0 0 0 1px var(--sv-border-strong)}.sealant-visualiser__chip.is-active .sealant-visualiser__chip-name{color:var(--sv-text-primary);font-weight:var(--font-weight-semibold, 600)}.sealant-scene{background:var(--sv-bg-primary)}.sealant-scene__header{display:flex;flex-direction:column;gap:6px;padding:14px 14px 12px;border-bottom:1px solid var(--sv-border)}.sealant-scene__header h3{margin:4px 0 0;font-family:var(--sv-font-heading);font-weight:var(--font-weight-semibold, 600);font-size:clamp(1rem,2vw,1.18rem);letter-spacing:.05em;text-transform:uppercase}.sealant-scene__header p{margin:0;color:var(--sv-text-subtle);font-size:13px}.sealant-scene__canvas{aspect-ratio:var(--sealant-visualiser-scene-ratio-mobile, 4 / 3);min-height:280px;height:auto;position:relative;overflow:hidden;background:color-mix(in srgb,var(--sv-bg-secondary) 82%,#d9d9d9)}.sealant-scene__canvas:before,.sealant-scene__canvas:after{content:none!important}.sealant-scene__canvas>svg{width:100%;height:100%;display:block}.sealant-visualiser__status{margin:12px 0 0;font-size:12px;color:var(--sv-text-secondary)}.sealant-visualiser__empty{margin:0}.sealant-visualiser__chip:focus-visible,.sealant-visualiser__tone-chip:focus-visible,.sealant-visualiser__grout-preset:focus-visible,.sealant-visualiser__cta:focus-visible,.sealant-visualiser__colour-search input:focus-visible,.sealant-visualiser__control select:focus-visible,.sealant-visualiser__control input:focus-visible{outline:2px solid var(--sv-focus);outline-offset:2px}@media(min-width:576px){.sealant-visualiser__ctas{grid-template-columns:repeat(2,minmax(0,1fr))}.sealant-visualiser__chips{grid-auto-columns:minmax(170px,34%)}}@media(min-width:768px){.sealant-visualiser__tone-palette{grid-template-columns:repeat(3,minmax(0,1fr))}.sealant-visualiser__chips{grid-auto-flow:row;grid-template-columns:repeat(3,minmax(0,1fr));grid-auto-columns:auto;overflow:visible}}@media(min-width:992px){.sealant-visualiser__stage{grid-template-columns:minmax(300px,1fr) minmax(0,2fr);align-items:start}.sealant-visualiser__panel--preview{order:2}.sealant-visualiser__panel--details{order:1;padding:18px}.sealant-visualiser__controls-card{padding:14px}.sealant-scene__canvas{aspect-ratio:var(--sealant-visualiser-scene-ratio-desktop, 16 / 9);min-height:520px}.sealant-visualiser__tone-palette{grid-template-columns:repeat(2,minmax(0,1fr))}.sealant-visualiser__rail{margin-top:20px;gap:12px}.sealant-visualiser__chips{grid-template-columns:repeat(auto-fit,minmax(170px,1fr))}}@media(prefers-reduced-motion:reduce){.sealant-visualiser__chip,.sealant-visualiser__tone-chip,.sealant-visualiser__cta{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/25/assets/section-sealant-colour-visualiser.css.map */