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