body{overflow:hidden}@media (min-width:1600px){.col-xxxl-auto{flex:0 0 auto;width:auto}.col-xxxl-1{flex:0 0 auto;width:8.33333333%}.col-xxxl-2{flex:0 0 auto;width:16.66666667%}.col-xxxl-3{flex:0 0 auto;width:25%}.col-xxxl-4{flex:0 0 auto;width:33.33333333%}.col-xxxl-5{flex:0 0 auto;width:41.66666667%}.col-xxxl-6{flex:0 0 auto;width:50%}.col-xxxl-7{flex:0 0 auto;width:58.33333333%}.col-xxxl-8{flex:0 0 auto;width:66.66666667%}.col-xxxl-9{flex:0 0 auto;width:75%}.col-xxxl-10{flex:0 0 auto;width:83.33333333%}.col-xxxl-11{flex:0 0 auto;width:91.66666667%}.col-xxxl-12{flex:0 0 auto;width:100%}}body,html{margin:0;padding:0;width:100%;height:100%}#posterCreator{width:100%;height:calc(100% - 4rem);position:absolute;top:4rem;left:0}@media (max-width:960px){#posterCreator{height:calc(100% - 2.5rem)!important;top:2.5rem!important}}@media (max-width:1200px){#posterCreator{overflow-y:scroll}#posterControls{position:absolute!important;top:75%;padding-right:1rem;padding-left:1rem;margin-left:0!important;width:100%;max-width:60rem!important;padding-bottom:4rem;padding-top:.2rem!important;height:auto!important}#posterView{height:75%!important}}#posterCreator button.smallSizeSideBtnLeft{position:absolute;width:3.5rem;height:3rem;font-size:1.3rem;cursor:pointer;z-index:100;left:-.5rem;top:0}#posterCreator div.addCartBtnContainer{position:fixed;width:100%;background:#fff;height:auto;z-index:302;padding-top:.3rem;padding-bottom:.3rem;bottom:0;text-align:center}#posterCreator div.addCartBtnContainer button.smallSizeSideBtnRight{position:relative;width:auto;height:3rem;font-size:1.3rem;cursor:pointer;margin:auto}#posterCreator button.smallSizeSideBtnLeft i.bi{padding-left:.5rem}#posterCreator #offcanvasResponsive{height:100%;margin:0;padding:0}#posterCreator button.offcanvas-btn-close{display:none}#posterCreator div[aria-modal=true] button.offcanvas-btn-close{display:block;position:absolute!important;right:0!important;margin:.5rem!important;z-index:105}#posterCreator #offcanvasResponsive.show div.offcanvas-body{padding:0!important;margin:.5rem}#posterControls{position:relative;height:100%;padding-left:1rem;padding-top:1rem;max-width:30rem}#posterControls #posterControlsPanel{background-color:#fff;height:100%;margin:0 auto;border:0;background-color:rgba(0,0,0,0)!important;border:0!important;border-radius:0!important}#posterControls #posterControlsPanel div#posterControlBtnList{background-color:rgba(0,0,0,0)!important;border-bottom:0!important;padding:0 .5rem!important}#posterControls #posterControlsPanel div#posterControlBtnList .nav-tabs{margin-bottom:-.1rem!important}#posterControls #posterControlsPanel div#posterControlBtnList .nav-tabs li.nav-item{background-color:#f7f7f7!important}#posterControls #posterControlsPanel div#posterControlBtnList .nav-tabs li.nav-item.active{background-color:#fff!important}#posterControls #posterControlsPanel div#posterControlBtnList .nav-tabs a.nav-link{background-color:#f7f7f7!important;color:#495057;border:1px solid rgba(0,0,0,.125)!important;border-bottom:0!important;margin-bottom:0!important;padding:0!important;z-index:99;position:relative}#posterControls #posterControlsPanel div#posterControlBtnList .nav-tabs li.nav-item a.nav-link.active{color:#000!important;background-color:#fff!important;border:1px solid rgba(0,0,0,.125)!important;border-bottom:0!important;margin-bottom:0!important;padding:0!important;z-index:102;position:relative}#posterControls #posterControlsPanel div#posterControlBtnList .nav-tabs li.nav-item a.nav-link div.navLinkBlock{padding:var(--bs-nav-link-padding-y) var(--bs-nav-link-padding-x)}#posterControls #posterControlsPanel div.scrollable{overflow-y:scroll;border:1px solid rgba(0,0,0,.125);border-radius:0 .25rem .25rem .25rem;z-index:101;background-color:#fff!important;padding:0!important}#posterControls #posterControlsPanel div.card-body{padding:.5rem .5rem .5rem 1rem;border-bottom:1px solid rgba(0,0,0,.125);border-radius:0 .25rem .25rem .25rem}#posterControls #posterControlsPanel .collapseItem{background-color:#fff;border:1px solid rgba(0,0,0,.125)}#posterControls #posterControlsPanel .collapseItem:not(:first-of-type){border-top:0}#posterControls #posterControlsPanel .collapseItem h3:not(.collapsed){color:#313131;background-color:#d5d6d4;box-shadow:inset 0 -1px 0 rgb(0 0 0 / 13%)}#posterControls #posterControlsPanel .collapseItem h3:not(.collapsed)::after{background-image:url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2216%22%20height%3D%2216%22%20fill%3D%22currentColor%22%20class%3D%22bi%20bi-chevron-down%22%20viewBox%3D%220%200%2016%2016%22%3E%0A%20%20%3Cpath%20fill-rule%3D%22evenodd%22%20d%3D%22M1.646%204.646a.5.5%200%200%201%20.708%200L8%2010.293l5.646-5.647a.5.5%200%200%201%20.708.708l-6%206a.5.5%200%200%201-.708%200l-6-6a.5.5%200%200%201%200-.708z%22%2F%3E%0A%3C%2Fsvg%3E);transform:rotate(-180deg)}#posterControls #posterControlsPanel .collapseItem h3::after{flex-shrink:0;width:1.25rem;height:1.25rem;margin-left:auto;content:"";background-image:url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2216%22%20height%3D%2216%22%20fill%3D%22currentColor%22%20class%3D%22bi%20bi-chevron-down%22%20viewBox%3D%220%200%2016%2016%22%3E%0A%20%20%3Cpath%20fill-rule%3D%22evenodd%22%20d%3D%22M1.646%204.646a.5.5%200%200%201%20.708%200L8%2010.293l5.646-5.647a.5.5%200%200%201%20.708.708l-6%206a.5.5%200%200%201-.708%200l-6-6a.5.5%200%200%201%200-.708z%22%2F%3E%0A%3C%2Fsvg%3E);background-repeat:no-repeat;background-size:1.25rem;transition:transform .2s ease-in-out}#posterControls #posterControlsPanel .collapseItem:last-of-type{border-bottom-right-radius:.25rem;border-bottom-left-radius:.25rem}#posterControls #posterControlsPanel h3{background:#fff;color:#313131;padding:.2rem 1rem;display:flex;align-items:center;cursor:pointer}#posterControls #posterControlsPanel .collapseContainer{padding:0 .5rem}#posterControls #posterControlsPanel ul.posterPresets{list-style:none;display:flex;flex-direction:row;flex-wrap:nowrap;padding-left:1rem!important}#posterControls #posterControlsPanel ul.posterPresets li{margin-right:.5rem;cursor:pointer}#posterControls #posterControlsPanel ul.posterPresets li a{width:3rem;height:3rem;position:relative;display:block}#posterControls #posterControlsPanel ul.posterPresets li a#presetCustom{border-radius:50%!important;border:1px solid;border-color:#b7b7b7}#posterControls #posterControlsPanel ul.posterPresets li.borderImg a#presetCustom{border-color:#6c757d!important}#posterControls #posterControlsPanel ul.posterPresets li a#presetCustom svg.bi-gear{width:1.8rem;height:3rem;margin:0 auto;display:block}#posterControls #posterControlsPanel ul.posterPresets li div.checkedIcon{position:absolute;top:-.4rem;left:-.4rem;width:1.4rem;height:1.6rem;background:#fff;border-radius:50%}#posterControls #posterControlsPanel ul.posterPresets li div.checkedIcon svg{width:1.4rem;height:1.4rem}#posterControls #posterControlsPanel ul.posterPresets li img.iconImg{height:3rem;border-radius:50%!important}#posterControls #posterControlsPanel ul.posterPresets li img.iconImg.borderImg{height:3rem;border-radius:50%!important;border:2px solid;border-color:#6c757d!important}#posterControls .layerCustomizeLi{max-width:25rem;width:22rem}#posterControls ul.posterLayers li{padding:.1rem 0 .2rem 0}#posterControls .layerCustomizeLi .numberInput,#posterControls .layerCustomizeLi span{width:3rem;font-size:.875em;line-height:1.5rem;height:1.5rem;vertical-align:bottom}#posterControls .layerCustomizeLi .input-group{width:auto!important}#posterControls .layerCustomizeLi .colourPicker{width:3rem;height:1.5rem;padding:1px;vertical-align:bottom;cursor:pointer}#posterControls #submenu-customize .eyeIcon{color:#212529;margin-right:.5rem;cursor:pointer}#posterControls #submenu-layout div.scrollableList{display:flex;flex-direction:row;flex-wrap:nowrap;margin-top:.5rem}#posterControls #submenu-layout div.scrollableList div.card{max-width:4rem;margin-right:.2rem;cursor:pointer}#posterControls #submenu-layout div.scrollableList div.card div.checkedIcon{position:absolute;top:-.5rem;left:-.5rem;width:2rem;height:2rem;background:#fff;border-radius:50%}#posterControls #submenu-layout div.scrollableList div.card div.checkedIcon svg{width:2rem;height:2rem}#posterControls #submenu-layout input.colourPicker{width:3rem;height:2.35rem;padding:1px;vertical-align:bottom;cursor:pointer;border:0}#posterView{position:relative;height:100%}@media (max-width:1199px){#posterView{--margin-left:3rem}}#posterView #viewportWrapper{position:relative;height:100%}#posterView #viewportWrapper #feedbackMsgs{position:absolute;max-height:15rem;width:100%;z-index:101;margin-top:1rem}#viewport{position:absolute;height:700px;width:500px;top:calc(50% - 350px);left:calc((100% - 500px)/ 2)}#scaledTangramLayerWrapper{position:absolute;transform:scale(.5);transform-origin:left top;box-shadow:rgba(255,255,255,.1) 0 1px 1px 0 inset,rgba(50,50,93,.25) 0 50px 100px -20px,rgba(0,0,0,.3) 0 30px 60px -30px;height:1400px;width:1000px}#posterView #secondPosterControls{position:relative;overflow-y:scroll;overflow-x:hidden;padding-left:2rem}#posterView #secondPosterControls[aria-modal=true]{position:fixed;height:100%}#posterView #secondPosterControls #posterType{position:absolute;top:max(1rem,calc(50% - 350px));padding-right:2rem}#posterView #secondPosterControls #posterType .posterOptionsList{display:flex;margin-right:.5rem;flex-wrap:wrap;flex-direction:row;width:100%}@media (max-width:1590px){#posterView #secondPosterControls #posterType .posterOptionsList{flex-wrap:nowrap!important;overflow-y:scroll!important}}#posterView #secondPosterControls #posterType .posterOptionsList .card{width:10rem;min-width:10rem;cursor:pointer;margin:.2rem;max-height:10rem}#posterView #secondPosterControls #posterType .posterOptionsList div.card div.checkedIcon{position:absolute;top:-.5rem;left:-.5rem;width:2rem;height:2rem;background:#fff;border-radius:50%}#posterView #secondPosterControls #posterType .posterOptionsList div.card div.checkedIcon svg{width:2rem;height:2rem}#posterView #secondPosterControls #posterType .posterOptionsList div.card div.card-body{padding:.5rem}#posterView #secondPosterControls #posterType .posterOptionsList div.card img.card-img-top{height:4rem}#posterView #secondPosterControls #posterType .optionRadios{margin-right:.5rem}#posterView #secondPosterControls #posterType h4{margin-bottom:.5rem}#posterView #secondPosterControls #posterType h4:not(:first-of-type){margin-top:1rem}#posterView #secondPosterControls.darkPreview:not([aria-modal]) h4,#posterView #secondPosterControls.darkPreview:not([aria-modal]) h5{color:#f1f1f1!important}#posterView #secondPosterControls.darkPreview:not([aria-modal]) .btn-check:active+.btn,#posterView #secondPosterControls.darkPreview:not([aria-modal]) .btn-check:checked+.btn{border-color:#f1f1f1!important}#posterView #secondPosterControls.darkPreview:not([aria-modal]) .btn{color:#f1f1f1!important}div#previewBackground{position:absolute}div#previewBackground img{position:absolute}div#zoomBtns{z-index:1000;float:right;margin:0 .2rem;background-color:#fff;position:absolute;right:-1.8rem;bottom:0}