@keyframes glow{from{text-shadow:0 0 1rem rgba(255, 255, 255, 0.8)}to{text-shadow:0 0 1rem rgba(255, 255, 255, 0)}}.visualiser[data-version="2.0"]{background-color:#333;height:100vh;width:100vw}.visualiser[data-version="2.0"].legacy .v_main .visualiser-window img{object-fit:contain;object-position:top center}.visualiser[data-version="2.0"][data-type="unit"]{background-color:#FFFFFF}.visualiser[data-version="2.0"][data-type="unit"] main.v_main{display:flex;flex-direction:row-reverse}.visualiser[data-version="2.0"][data-type="unit"] main.v_main div.visualiser-window.fullview{width:50%}.visualiser[data-version="2.0"][data-type="unit"] main.v_main div.visualiser-window.fullview img{object-fit:contain}.visualiser[data-version="2.0"][data-type="unit"] main.v_main .ui{position:relative;width:50%;height:100%;overflow-y:scroll}.visualiser[data-version="2.0"][data-type="unit"] main.v_main .ui .accordion .accordion-item{border-left:0;border-right:0;border-radius:0}.visualiser[data-version="2.0"][data-type="unit"] main.v_main .ui .accordion .accordion-item .accordion-button{font-weight:bold;color:#000000;font-size:1.5rem}.visualiser[data-version="2.0"][data-type="unit"] main.v_main .ui .accordion .swatch{height:100%;opacity:0.8}.visualiser[data-version="2.0"][data-type="unit"] main.v_main .ui .accordion .swatch.active,.visualiser[data-version="2.0"][data-type="unit"] main.v_main .ui .accordion .swatch:hover{opacity:1}.visualiser[data-version="2.0"][data-type="unit"] main.v_main .ui .accordion .swatch.active .swatch_details,.visualiser[data-version="2.0"][data-type="unit"] main.v_main .ui .accordion .swatch:hover .swatch_details{opacity:1}.visualiser[data-version="2.0"][data-type="unit"] main.v_main .ui .accordion .swatch .swatch_details{height:100%;opacity:0;transition:0.5s;color:#FFFFFF}.visualiser[data-version="2.0"] .sub-title p{color:#FFFFFF}.visualiser[data-version="2.0"] p a{color:#0097c3}.visualiser[data-version="2.0"] .button,.visualiser[data-version="2.0"] .ui #visualise-nav .nav .nav-item .nav-link,.visualiser[data-version="2.0"] .v_main .ui .side_nav button{padding:1rem;background-color:rgba(0, 0, 0, 0.6);transform:translate3d(0, 0, 0);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:0;color:#FFF;text-align:left;transition:0.5s;line-height:1;border:0 !important;font-size:14px}.visualiser[data-version="2.0"] .button i+span,.visualiser[data-version="2.0"] .ui #visualise-nav .nav .nav-item .nav-link i+span,.visualiser[data-version="2.0"] .v_main .ui .side_nav button i+span{margin-left:0.5em}.visualiser[data-version="2.0"] .button:hover,.visualiser[data-version="2.0"] .ui #visualise-nav .nav .nav-item .nav-link:hover,.visualiser[data-version="2.0"] .v_main .ui .side_nav button:hover{background-color:rgba(0, 0, 0, 0.4)}.visualiser[data-version="2.0"] .offcanvas{width:300px;max-width:100vw;padding-bottom:6rem;overflow-x:hidden}.visualiser[data-version="2.0"] .offcanvas .offcanvas-action{position:absolute;bottom:0;left:0;right:0;padding:1rem}.visualiser[data-version="2.0"] .offcanvas .offcanvas-action .btn{width:100%;background-color:#0097c3 !important;color:#FFFFFF}.visualiser[data-version="2.0"] .offcanvas .group_title{margin-bottom:0;color:#FFFFFF}.visualiser[data-version="2.0"] .loading-screen{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0, 0, 0, 0.8);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:999}.visualiser[data-version="2.0"] .loading-screen .loading-text{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%)}.visualiser[data-version="2.0"] .loading-screen strong{animation:glow 0.5s infinite alternate}.visualiser[data-version="2.0"] .ui{max-height:100%;max-width:100%;z-index:99}.visualiser[data-version="2.0"] .ui .logo{height:100px;width:100px;max-height:10vh;max-width:10vh;opacity:1;transition:1s}.visualiser[data-version="2.0"] .ui .logo:hover{opacity:0.8}.visualiser[data-version="2.0"] .ui #visualise-nav .nav{display:flex;flex-direction:row;gap:1px}.visualiser[data-version="2.0"] .ui #visualise-nav .nav .nav-item{display:block}.visualiser[data-version="2.0"] .ui .ui-top{position:absolute;left:1rem;top:1rem;right:1rem;width:calc(100% - 2rem)}.visualiser[data-version="2.0"] .ui .ui-left{position:absolute;left:1rem;bottom:1rem}.visualiser[data-version="2.0"] .ui .ui-right{position:absolute;display:flex;top:0;right:0;bottom:0;height:auto;max-height:100%}.visualiser[data-version="2.0"] .ui .ui-bottom{position:absolute;right:0;left:0;bottom:0;width:100%}@media screen and (min-width:996px){.visualiser[data-version="2.0"] .ui .ui-right{top:1rem;right:1rem;bottom:1rem;height:calc(100vh - 2rem)}.visualiser[data-version="2.0"] .ui .ui-bottom{left:1rem;bottom:1rem;right:1rem;width:calc(100% - 2rem)}}.visualiser[data-version="2.0"] .v_header{border-bottom:1px solid #EEE}.visualiser[data-version="2.0"] .v_header h1{margin-bottom:0;line-height:1}.visualiser[data-version="2.0"] .v_main{position:relative;overflow:hidden;height:100%;width:100%}.visualiser[data-version="2.0"] .v_main .visualiser-window{overflow:auto;position:relative;height:auto;height:100%;width:100%}.visualiser[data-version="2.0"] .v_main .visualiser-window .watermark{position:absolute;bottom:0;left:0;right:0;z-index:999;background:rgba(0, 0, 0, 0.5)}.visualiser[data-version="2.0"] .v_main .visualiser-window .watermark img{width:100% !important;max-width:60px;position:relative !important}.visualiser[data-version="2.0"] .v_main .visualiser-window img.base{width:100%}.visualiser[data-version="2.0"] .v_main .visualiser-window img:not(.base){width:100%;position:absolute;top:0;left:0}.visualiser[data-version="2.0"] .v_main .visualiser-window img{height:100%;width:100%;object-fit:cover}.visualiser[data-version="2.0"] .v_main .visualiser-window.fullview{height:100vh;width:100vw}.visualiser[data-version="2.0"] .v_main .ui{position:fixed;top:0;left:0;height:100vh;width:100vw}.visualiser[data-version="2.0"] .v_main .ui .side_nav{list-style:none;margin:0 !important;padding:0 !important;display:flex;flex-direction:column;gap:1px;overflow:scroll;max-height:100vh;border-radius:6px;z-index:99}.visualiser[data-version="2.0"] .v_main .ui .side_nav.expanded .btn-expand i{transition:0.5s;transform:rotate(180deg)}.visualiser[data-version="2.0"] .v_main .ui .side_nav.expanded button .title{height:auto;width:auto;margin-left:0.5rem !important}.visualiser[data-version="2.0"] .v_main .ui .side_nav.expanded button .selection{height:auto;width:auto}.visualiser[data-version="2.0"] .v_main .ui .side_nav.expanded .title,.visualiser[data-version="2.0"] .v_main .ui .side_nav.expanded .selection{display:inline-block}.visualiser[data-version="2.0"] .v_main .ui .side_nav button{width:100%;position:relative;white-space:nowrap;display:flex;flex-direction:row;align-items:center;justify-content:start}.visualiser[data-version="2.0"] .v_main .ui .side_nav button .title{display:none;height:0px;width:0px;margin-left:0 !important}.visualiser[data-version="2.0"] .v_main .ui .side_nav button .selection{display:none;height:0px;width:0px}.visualiser[data-version="2.0"] .v_main .ui .side_nav button.active .selection{display:inline-block}.visualiser[data-version="2.0"] .v_main .ui .side_nav button.active:before{width:10px}.visualiser[data-version="2.0"] .v_main .ui .side_nav button:before{content:"";display:block;height:100%;width:0;background:#00a4ca;position:absolute;top:0;left:0}.visualiser[data-version="2.0"] .v_main .ui .side_nav button i.svg{display:inline-block;width:30px;height:30px;background-size:30px 30px;background-position:center;margin-right:0.5em}@media screen and (min-width:996px){.visualiser[data-version="2.0"] .v_main .ui .side_nav{max-height:calc(100vh - 2rem)}}.visualiser[data-version="2.0"] .v_main .ui .offcanvas{border:0 !important;background-color:rgba(0, 0, 0, 0.6);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);overflow:scroll;color:#FFF;font-size:14px}.visualiser[data-version="2.0"] .v_main .ui .offcanvas .offcanvasLabel{color:#FFF}.visualiser[data-version="2.0"] .v_main .ui .offcanvas .swatches-title{color:#FFFFFF;font-family:"Open Sans", arial, sans-serif !important}.visualiser[data-version="2.0"] .v_main .ui .offcanvas .swatch-filters{border-radius:0;overflow:hidden}.visualiser[data-version="2.0"] .v_main .ui .offcanvas .swatch-filters input{border-radius:0 !important;border:0 !important}.visualiser[data-version="2.0"] .v_main .ui .offcanvas .swatch-filters input,.visualiser[data-version="2.0"] .v_main .ui .offcanvas .swatch-filters .btn{padding:0.75rem 1rem 0.75rem}.visualiser[data-version="2.0"] .v_main .ui .offcanvas .input-group{border-radius:5px;overflow:hidden}.visualiser[data-version="2.0"] .v_main .ui .offcanvas .btn{border-radius:3px}.offcanvas-backdrop{background:transparent !important}.swatch-library .swatch{position:relative;height:auto;width:100%;background-color:#EEE;border-radius:4px !important;overflow:hidden}.swatch-library .swatch.active{outline:3px solid #00a4ca}.swatch-library .swatch .sample_image img{position:absolute;top:0;left:0;height:100%;width:100%;object-fit:cover}.swatch-library .swatch .swatch_action{position:absolute;left:0;top:0;height:auto;width:100%;padding:0.5rem;z-index:1;color:#FFF}.swatch-library .swatch .swatch_action .form-check-input{opacity:0}.swatch-library .swatch .swatch_details{position:relative;height:auto;width:100%;text-align:left;padding:3rem 0.5rem 0.5rem 0.5rem;background:black;background:linear-gradient(90deg, rgba(0, 0, 0, 0.35) 0%, rgba(0, 0, 0, 0) 100%);transition:all 0.5s ease-out;font-size:14px}.swatch-library .swatch .swatch_details .sample_title{font-weight:400;text-shadow:0 0 3px rgba(0, 0, 0, 0.2)}.swatch-library .swatch:hover .swatch_details{background:black;background:linear-gradient(90deg, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0) 100%);transition:all 0.5s ease-out}.swatch-library .swatch .sample_info{font-size:0.8em}@media print{.ui-bottom,.ui-right,.side_nav{display:none !important}}