html{background-color:#EEEEEE !important;color:#686364 !important}body.single-visualiser{background-color:#EEEEEE !important;color:#686364 !important}.visualise-container.unit{margin-left:auto;margin-right:auto}.visualise-container .viewport{position:relative;height:auto;padding-top:100%;width:100%}.visualise-container .viewport img{display:block;object-fit:contain;height:100%;width:100%;position:absolute;top:0;left:0}.visualise-container .navmenu{overflow-x:hidden;overflow-y:scroll;background-color:#FFFFFF}.visualise-container .navmenu .accordion{overflow:hidden}.visualise-container .navmenu .accordion .accordion-header .accordion-button{color:#686364;font-size:1.5rem}.visualise-container .navmenu .accordion .accordion-body{padding-top:0 !important}.visualise-container .swatch{color:#FFFFFF}.visualise-container .swatch a{color:#FFFFFF !important;text-decoration:underline}.visualise-container .swatch .sample_image:before{content:"";display:block;height:auto;width:100%;padding-top:60%;position:relative !important}.visualise-container .swatch .sample_image img{display:block;height:100%;width:100%;position:absolute !important;object-fit:cover;object-position:center;top:0;left:0}.visualise-container .swatch .swatch_details{display:flex !important;flex-direction:column !important;justify-content:end !important;text-align:left !important;height:100% !important;width:100% !important;position:absolute !important;top:0;left:0;margin-bottom:0 !important;margin-right:0 !important;box-sizing:border-box !important;background:linear-gradient(0deg, rgba(0, 0, 0, 0.35) 0%, rgba(0, 0, 0, 0) 60%) !important}.visualise-container .swatch-library{display:flex;flex-direction:column;gap:0.5rem}.visualise-container .swatch-containers{display:grid;grid-template-columns:1fr 1fr 1fr;gap:0.2rem}#offcanvasOptions{background:transparent;border:0;width:75vw;box-shadow:0 0 1rem rgba(0, 0, 0, 0.5);z-index:9999}@media screen and (min-width:992px){#offcanvasOptions{width:41.66666667%;box-shadow:none}}