body{--menu-height:0px}.pb23-tool--mosaic-selector,.pb23-tool--mosaic-selector *,.pb23-tool--mosaic-simulator,.pb23-tool--mosaic-simulator *{--side-width:478px;--side-height:100dvh;text-align:left}@media (max-width:1180px){.pb23-tool--mosaic-selector,.pb23-tool--mosaic-selector *,.pb23-tool--mosaic-simulator,.pb23-tool--mosaic-simulator *{--side-width:100%;--side-height:33dvh}}.pb23-tool--mosaic-simulator{--still--color-01-v00:var(--clr-gray-200);--still--color-01-v01:var(--clr-gray-200);--still--color-01-v02:var(--clr-gray-200);--still--color-01-v03:var(--clr-gray-200);--still--color-02-v00:var(--clr-gray-200);--still--color-02-v01:var(--clr-gray-200);--still--color-02-v02:var(--clr-gray-200);--still--color-02-v03:var(--clr-gray-200);--still--color-03-v00:var(--clr-gray-200);--still--color-03-v01:var(--clr-gray-200);--still--color-03-v02:var(--clr-gray-200);--still--color-03-v03:var(--clr-gray-200)}body:has(.pb23-tool--mosaic-simulator.opened) .pb23-mainmenu--tool{--side-width:478px;--side-height:100dvh}.pb23-tool--mosaic-simulator{height:calc(100dvh - var(--menutool-height));display:grid;grid-template-rows:auto 1fr auto}.pb23-tool--mosaic-simulator.opened .stage--wrapper,.pb23-tool--mosaic-simulator.opened .tool--wrapper{margin-right:var(--side-width)}body:has(.pb23-tool--mosaic-simulator.opened) .pb23-mainmenu--tool{padding-right:var(--side-width)}.pb23-tool--mosaic-simulator .jsMosaicTemplate{display:block;position:fixed;top:0;left:0;opacity:0;z-index:-1;overflow:hidden}.pb23-tool--mosaic-simulator .still-1{fill:var(--still--color-01-v00);stroke-width:.5px}.pb23-tool--mosaic-simulator .still-1:nth-of-type(2n),.pb23-tool--mosaic-simulator g:nth-of-type(2n) .still-1{fill:var(--still--color-01-v01)}.pb23-tool--mosaic-simulator .still-1:nth-of-type(4n),.pb23-tool--mosaic-simulator g:nth-of-type(4n) .still-1{fill:var(--still--color-01-v02)}.pb23-tool--mosaic-simulator .still-1:nth-of-type(3n),.pb23-tool--mosaic-simulator g:nth-of-type(3n) .still-1{fill:var(--still--color-01-v03)}.pb23-tool--mosaic-simulator .still-2{fill:var(--still--color-02-v00);stroke-width:.5px}.pb23-tool--mosaic-simulator .still-2:nth-of-type(2n),.pb23-tool--mosaic-simulator g:nth-of-type(2n) .still-2{fill:var(--still--color-02-v01)}.pb23-tool--mosaic-simulator .still-2:nth-of-type(4n),.pb23-tool--mosaic-simulator g:nth-of-type(4n) .still-2{fill:var(--still--color-02-v02)}.pb23-tool--mosaic-simulator .still-2:nth-of-type(3n),.pb23-tool--mosaic-simulator g:nth-of-type(3n) .still-2{fill:var(--still--color-02-v03)}.pb23-tool--mosaic-simulator .still-3{fill:var(--still--color-03-v00);stroke-width:.5px}.pb23-tool--mosaic-simulator .still-3:nth-of-type(2n),.pb23-tool--mosaic-simulator g:nth-of-type(2n) .still-3{fill:var(--still--color-03-v01)}.pb23-tool--mosaic-simulator .still-3:nth-of-type(4n),.pb23-tool--mosaic-simulator g:nth-of-type(4n) .still-3{fill:var(--still--color-03-v02)}.pb23-tool--mosaic-simulator .still-3:nth-of-type(3n),.pb23-tool--mosaic-simulator g:nth-of-type(3n) .still-3{fill:var(--still--color-03-v03)}.pb23-tool--mosaic-simulator .still-1.over{fill:var(--still--color-01-v00-over)}.pb23-tool--mosaic-simulator .still-1.over-y{fill:var(--still--color-01-v00-over-y)}.pb23-tool--mosaic-simulator .still-2.over{fill:var(--still--color-02-v00-over)}.pb23-tool--mosaic-simulator .still-2.over-y{fill:var(--still--color-02-v00-over-y)}.pb23-tool--mosaic-simulator .still-3.over{fill:var(--still--color-03-v00-over)}.pb23-tool--mosaic-simulator .still-3.over-y{fill:var(--still--color-03-v00-over-y)}.pb23-tool--mosaic-simulator .header--wrapper{margin:60px 0 40px;display:grid;grid-template-columns:1fr auto;grid-template-areas:"header action"}.pb23-tool--mosaic-simulator .header--wrapper .pb23-header--tool{grid-area:header;display:flex;justify-content:flex-start;align-items:center;gap:calc(var(--spacer)/2)}.pb23-tool--mosaic-simulator .header--wrapper .pb23-header--tool ul{margin:0;padding:0;list-style:none;display:flex;justify-content:flex-start;align-items:center;gap:calc(var(--spacer)/2)}.pb23-tool--mosaic-simulator .header--wrapper .downloads{grid-area:action}.pb23-tool--mosaic-simulator .header--wrapper .downloads ul{margin:0;padding:0;list-style:none;display:flex;justify-content:flex-start;align-items:center;gap:calc(var(--spacer)/2)}.pb23-tool--mosaic-simulator .stage--wrapper{position:relative;display:flex;justify-content:center;align-items:center;padding:20px;background:var(--clr-gray-050)}.pb23-tool--mosaic-simulator .stage--wrapper .pb23-carousel{width:100%}.pb23-tool--mosaic-simulator .stage--wrapper .pb23-carousel .image{display:flex;justify-content:center;align-items:center}.pb23-tool--mosaic-simulator .stage--wrapper .pb23-carousel .image,.pb23-tool--mosaic-simulator .stage--wrapper .pb23-carousel .image>svg{width:100%;height:40dvh;max-height:60dvh}.pb23-tool--mosaic-simulator .stage--wrapper .footnote{position:absolute;bottom:22px;right:90px;display:flex;justify-content:flex-start;align-items:center;gap:8px;font-size:.75rem}.pb23-tool--mosaic-simulator .jsMosaicChooser.selected{border:1px solid Var(--clr-black)}.pb23-tool--mosaic-simulator .tool--wrapper .products--wrapper{padding:20px 0}.pb23-tool--mosaic-simulator .tool--wrapper .products--wrapper ul{margin:0;padding:0;list-style:none;display:flex;justify-content:center;align-items:center;gap:var(--spacer)}.pb23-tool--mosaic-simulator .tool--wrapper .baseline--wrapper{min-height:80px;padding:0 0 40px}.pb23-tool--mosaic-simulator .tool--wrapper .baseline--wrapper ul{margin:0;padding:0;list-style:none;display:flex;justify-content:center;align-items:center;gap:var(--spacer)}.pb23-tool--mosaic-simulator .baseline--wrapper li{display:none}.pb23-tool--mosaic-simulator[data-bases="1"] .baseline--wrapper li:has([data-step="1"]){display:block}.pb23-tool--mosaic-simulator[data-bases="2"] .baseline--wrapper li:has([data-step="1"]),.pb23-tool--mosaic-simulator[data-bases="2"] .baseline--wrapper li:has([data-step="2"]){display:block}.pb23-tool--mosaic-simulator[data-bases="3"] .baseline--wrapper li:has([data-step="1"]),.pb23-tool--mosaic-simulator[data-bases="3"] .baseline--wrapper li:has([data-step="2"]),.pb23-tool--mosaic-simulator[data-bases="3"] .baseline--wrapper li:has([data-step="3"]){display:block}.pb23-tool--mosaic-simulator[data-step="1"] .pb23-btn.jsBaselineChooser[data-step="1"],.pb23-tool--mosaic-simulator[data-step="2"] .pb23-btn.jsBaselineChooser[data-step="2"],.pb23-tool--mosaic-simulator[data-step="3"] .pb23-btn.jsBaselineChooser[data-step="3"]{border:1px solid var(--clr-black)}.pb23-tool--mosaic-simulator .pb23-btn.jsBaselineChooser .pendent{display:block}.pb23-tool--mosaic-simulator .pb23-btn.jsBaselineChooser .finished{display:none}.pb23-tool--mosaic-simulator:not([data-still1=""]) .pb23-btn.jsBaselineChooser[data-step="1"] .finished,.pb23-tool--mosaic-simulator:not([data-still2=""]) .pb23-btn.jsBaselineChooser[data-step="2"] .finished,.pb23-tool--mosaic-simulator:not([data-still3=""]) .pb23-btn.jsBaselineChooser[data-step="3"] .finished{display:block}.pb23-tool--mosaic-simulator:not([data-still1=""]) .pb23-btn.jsBaselineChooser[data-step="1"] .pendent,.pb23-tool--mosaic-simulator:not([data-still2=""]) .pb23-btn.jsBaselineChooser[data-step="2"] .pendent,.pb23-tool--mosaic-simulator:not([data-still3=""]) .pb23-btn.jsBaselineChooser[data-step="3"] .pendent{display:none}.pb23-tool--mosaic-simulator .pb23-carousel .splide__arrows{visibility:hidden}.pb23-tool--mosaic-simulator .pb23-carousel:has(.splide__track .splide__list > li + li ) .splide__arrows{visibility:visible}.pb23-tool--mosaic-selector{width:var(--side-width);height:var(--side-height);display:none;position:fixed;top:0;right:0;z-index:var(--z-700);background:var(--clr-white);box-shadow:-4px 0 10px rgba(0,0,0,.1)}.pb23-tool--mosaic-selector .header{height:60px;padding:20px;border-bottom:1px solid var(--clr-gray-100);display:flex;justify-content:flex-end;align-items:center}.pb23-tool--mosaic-selector .header>button{padding:0}.pb23-tool--mosaic-selector .body{height:calc(100dvh - 60px - var(--menutool-height));overflow:auto}.pb23-tool--mosaic-selector .body .colours--wrapper{height:100%;overflow-y:auto;overflow-x:hidden}.pb23-tool--mosaic-selector .body .colours--wrapper::-webkit-scrollbar{width:12px;border-radius:12px}.pb23-tool--mosaic-selector .body .colours--wrapper::-webkit-scrollbar-track{border-radius:12px;background:var(--clr-gray-100);padding:3px}.pb23-tool--mosaic-selector .body .colours--wrapper::-webkit-scrollbar-thumb{border-radius:6px;background:var(--clr-gray-300);border:3px solid var(--clr-gray-100)}.pb23-tool--mosaic-selector .body .colours{padding:20px}.pb23-tool--mosaic-selector .body .colours ul{display:grid;grid-template-columns:1fr 1fr;column-gap:50px;row-gap:20px;margin:0;padding:0;list-style:none}.pb23-tool--mosaic-selector .actions{height:var(--menutool-height);display:grid;grid-template-columns:auto 1fr auto;grid-template-areas:"action1 spacer action2";padding:20px;border-top:1px solid var(--clr-gray-100)}.pb23-tool--mosaic-selector label.pb23-btn{display:inline-grid}.pb23-tool--mosaic-selector label.pb23-btn:before{display:none}.pb23-tool--mosaic-selector .pb23-btn.mosaiccolor:has(input:checked) .thumb{border:1px solid var(--clr-black)}.pb23-tool--mosaic-simulator+.pb23-tool--mosaic-selector .actions .pb23-btn{display:none}.pb23-tool--mosaic-simulator[data-step="1"]+.pb23-tool--mosaic-selector .actions .jsActionApplyall{display:inline-flex;justify-self:start}.pb23-tool--mosaic-simulator[data-step="1"][data-bases="1"]+.pb23-tool--mosaic-selector .actions .jsActionFinish,.pb23-tool--mosaic-simulator[data-step="2"][data-bases="2"]+.pb23-tool--mosaic-selector .actions .jsActionFinish,.pb23-tool--mosaic-simulator[data-step="3"][data-bases="3"]+.pb23-tool--mosaic-selector .actions .jsActionFinish{display:inline-flex;justify-self:end}.pb23-tool--mosaic-simulator[data-step="1"][data-bases="2"]+.pb23-tool--mosaic-selector .actions .jsActionNext,.pb23-tool--mosaic-simulator[data-step="1"][data-bases="3"]+.pb23-tool--mosaic-selector .actions .jsActionNext{display:inline-flex;justify-self:end}.pb23-tool--mosaic-simulator[data-step="2"][data-bases="3"]+.pb23-tool--mosaic-selector .actions .jsActionNext{display:inline-flex;justify-self:end}.pb23-tool--mosaic-simulator[data-step="2"][data-bases="2"]+.pb23-tool--mosaic-selector .actions .jsActionPrev,.pb23-tool--mosaic-simulator[data-step="2"][data-bases="3"]+.pb23-tool--mosaic-selector .actions .jsActionPrev,.pb23-tool--mosaic-simulator[data-step="3"][data-bases="3"]+.pb23-tool--mosaic-selector .actions .jsActionPrev{display:inline-flex;justify-self:start}.pb23-tool--mosaic-simulator[data-step="1"] .still-1,.pb23-tool--mosaic-simulator[data-step="2"] .still-2,.pb23-tool--mosaic-simulator[data-step="3"] .still-3{stroke:var(--clr-black)}@media (max-width:1180px){.pb23-tool--mosaic-selector{top:auto;bottom:0}.pb23-tool--mosaic-simulator.opened .stage--wrapper,.pb23-tool--mosaic-simulator.opened .tool--wrapper{margin-right:0}body:has(.pb23-tool--mosaic-simulator.opened) .pb23-mainmenu--tool{padding-right:0}.pb23-tool--mosaic-simulator{max-height:100dvh;grid-template-rows:auto 1fr auto 0}.pb23-tool--mosaic-simulator.opened{grid-template-rows:auto 1fr auto calc(var(--side-height) - var(--menutool-height))}.pb23-tool--mosaic-simulator .header--wrapper .pb23-header--tool{flex-wrap:wrap}.pb23-tool--mosaic-simulator .stage--wrapper{height:100%}.pb23-tool--mosaic-simulator .stage--wrapper .pb23-carousel .image>svg{height:auto;height:35dvh;max-height:50dvh}.pb23-tool--mosaic-simulator .stage--wrapper .footnote{width:100%;right:0;justify-content:center}}@media (width:1080px) and (height:1920px){.pb23-tool--mosaic-simulator{grid-template-rows:auto 1fr auto calc(var(--side-height) - var(--menutool-height))}.pb23-tool--mosaic-simulator .stage--wrapper .pb23-carousel .image>svg,.pb23-tool--mosaic-simulator.opened .stage--wrapper .pb23-carousel .image>svg{height:auto;height:35dvh;max-height:40dvh}}@media (max-width:1180px) and (min-width:770px){.pb23-tool--mosaic-selector .actions,.pb23-tool--mosaic-selector .header{padding:20px 60px}.pb23-tool--mosaic-selector .body{padding:0 60px}.pb23-tool--mosaic-selector .body{height:calc(var(--side-height) - 60px - var(--menutool-height))}.pb23-tool--mosaic-selector .body .colours ul{grid-template-columns:repeat(4,1fr)}}@media (max-width:992px){.pb23-tool--mosaic-simulator .stage--wrapper .pb23-carousel .image>svg{height:auto;height:35dvh;max-height:50dvh}}@media (max-width:992px) and (min-width:770px){.pb23-tool--mosaic-selector .body .colours ul{grid-template-columns:repeat(3,1fr)}}@media (max-width:769px){.pb23-tool--mosaic-selector,.pb23-tool--mosaic-selector *,.pb23-tool--mosaic-simulator,.pb23-tool--mosaic-simulator *{--side-width:100%;--side-height:100dvh}.pb23-tool--mosaic-simulator,.pb23-tool--mosaic-simulator.opened{max-height:100dvh;grid-template-rows:auto 1fr auto}.pb23-tool--mosaic-simulator .header--wrapper{margin:25px 0 20px}.pb23-tool--mosaic-simulator .header--wrapper .pb23-header--tool+.downloads{display:none}.pb23-tool--mosaic-simulator .stage--wrapper .pb23-carousel .image>svg{height:auto;height:30dvh;max-height:40dvh}.pb23-tool--mosaic-simulator .tool--wrapper .scroll--wrapper{max-width:100dvw;overflow-x:auto}.pb23-tool--mosaic-simulator .tool--wrapper .scroll--wrapper ul{width:auto;max-width:none;justify-content:flex-start;overflow:unset}.pb23-tool--mosaic-simulator .tool--wrapper .scroll--wrapper ul li:first-of-type{padding-left:20px}.pb23-tool--mosaic-simulator .tool--wrapper .scroll--wrapper ul li:last-of-type{padding-right:20px}.pb23-tool--mosaic-simulator[data-bases="1"] .tool--wrapper .baseline--wrapper ul li:nth-of-type(1),.pb23-tool--mosaic-simulator[data-bases="2"] .tool--wrapper .baseline--wrapper ul li:nth-of-type(2){padding-right:20px}}@media (max-width:600px){.pb23-tool--mosaic-selector .body .colours ul{grid-template-columns:100%}}@media (max-width:375px){.pb23-tool--mosaic-simulator .stage--wrapper .pb23-carousel .image>svg{height:auto;height:25dvh;max-height:35dvh}}[class*=pb23-carousel]:not(.pb23-carousel--main) .splide__arrow{width:40px;height:40px;background:rgba(34,34,34,.5);opacity:1}[class*=pb23-carousel]:not(.pb23-carousel--main) .splide__arrow:hover{background:rgba(34,34,34,.7)}[class*=pb23-carousel]:not(.pb23-carousel--main) .splide__arrow[disabled]{background:rgba(34,34,34,.2)}[class*=pb23-carousel]:not(.pb23-carousel--main) .splide__arrow[disabled]:hover{cursor:not-allowed}[class*=pb23-carousel]:not(.pb23-carousel--main) .splide__arrow.splide__arrow--prev img{transform:scale(-1,-1);margin:0 2px 0 0}[class*=pb23-carousel]:not(.pb23-carousel--main) .splide__arrow.splide__arrow--prev{left:-12px}[class*=pb23-carousel]:not(.pb23-carousel--main) .splide__arrow.splide__arrow--next{right:-12px}@media (max-width:1530px){[class*=pb23-carousel]:not(.pb23-carousel--main) .splide__arrow.splide__arrow--next{right:0}[class*=pb23-carousel]:not(.pb23-carousel--main) .splide__arrow.splide__arrow--prev{left:0}}[class*=pb23-carousel]:not(.pb23-carousel--main) .splide__arrow>img{width:6px;height:12px;margin:0 0 0 2px}@media (max-width:1180px){[class*=pb23-carousel]:not(.pb23-carousel--main) .splide__arrow.splide__arrow--prev{left:6px}[class*=pb23-carousel]:not(.pb23-carousel--main) .splide__arrow.splide__arrow--next{right:6px}}