:root{--buttonColour:#fec00f;--buttonColour-hover:#fed357;--sliderBackground:#d3d3d3;--sliderThumb:#fec00f;--scrollThumb:#fec00f;--modalBackground:#555;--uploadBarBackground:lightgray;--uploadBar:green;--waitBubble:#fec00f}.row{margin:0}#personaliseform{padding:10px;box-sizing:border-box}.cbcVariableDiv{margin-top:5px;margin-bottom:5px}.cbcVariableLabel{margin:3px;display:block;font-weight:bold}.cbcVariableText{display:block;border:1px solid #000;border-radius:5px;padding:5px}.colourPickerLarge{margin-top:-20px;max-width:550px}.colourPickerSmall{max-width:100%;position:fixed;bottom:0;left:0;z-index:1000;height:60px;width:auto;overflow-x:scroll;overflow-y:hidden;white-space:nowrap}.colourPicker svg{width:50px;height:50px}.colourPicker input[type=color]{width:0;height:0;padding:0;margin:-1px;opacity:0}.multiline{width:100%}.chrRemain{font-size:11px;color:#000}.chrRemainFull{color:#f00}.personaliseFormButton,.varImgSelectionButton,.varColPaletteBtn{margin-top:20px;background-color:var(--buttonColour);border-width:0;color:#fff;padding:5px 10px;border-radius:5px}.categoriesButton{background-color:var(--buttonColour);border-width:0;color:#fff;padding:4px;flex:1;border-radius:5px}button.categoriesButton:hover{background-color:var(--buttonColour-hover)}.categoriesButton:focus{outline:0}.varImgSelectionContainer{display:flex;width:100%;flex-wrap:wrap}.varImgSelectionContainerSmall{display:block;width:100%;flex-wrap:unset;background:#fff}.varImgSelectionDiv{max-width:150px;padding:3px;position:relative;margin:auto;flex:1 1 0}.varImgSelectionDiv img{object-fit:contain;max-width:100%}.selectedImg{border:#000 1px solid}.selectCategory{background-color:var(--buttonColour)}.thumbsDiv{overflow-x:auto;overflow-y:hidden;height:100%;white-space:nowrap;margin:3px}.thumbsDiv a img{max-height:100%}.cbcPhotoUploadBtn{background-color:var(--buttonColour);border-width:0;color:#fff;padding:5px 10px;border-radius:5px}.photoEditContentBox{background-color:#fff;padding:15px}.photoEditContent{width:100%;height:100%;position:relative}.photoEditCanvasBox{display:inline-block;width:100%;height:50%}#photoControlDiv{position:absolute;cursor:move;z-index:10}#photoDisplayImg{position:absolute}.photoControlContainer{display:inline-block;width:100%;height:50%;margin:auto;text-align:center}.flexColumn{display:flex;flex-flow:column}.flexRow{display:flex;flex-flow:row;overflow:hidden;position:relative}.photoUploadBtnBlock{display:inline-block}.photoUploadButtonCol{position:relative;width:40px;height:40px;background-color:var(--buttonColour)}.photoUploadBtn{position:absolute;top:0;left:0;bottom:0;right:0;color:#fff;font-size:16pt;background-color:transparent;width:100%;border-width:0}.opacityContainer{display:inline-block;vertical-align:top;width:100%}.okCancelContainer{margin:auto;margin-top:20px;text-align:center}.photoControlOkCancel{background-color:var(--buttonColour);border-width:0;color:#fff;padding:5px 10px;min-width:60px;margin-left:10px}.uploadBarBack{position:absolute;bottom:0;left:0;right:0;height:8px;background-color:var(--uploadBarBackground)}.uploadBar{height:8px;background-color:var(--uploadBar)}.wait-bubble{display:inline-block;position:relative;width:80px;height:80px}.wait-bubble div{position:absolute;top:33px;width:13px;height:13px;border-radius:50%;background:var(--waitBubble);animation-timing-function:cubic-bezier(0,1,1,0)}.wait-bubble div:nth-child(1){left:8px;animation:wait-bubble1 .6s infinite}.wait-bubble div:nth-child(2){left:8px;animation:wait-bubble2 .6s infinite}.wait-bubble div:nth-child(3){left:32px;animation:wait-bubble2 .6s infinite}.wait-bubble div:nth-child(4){left:56px;animation:wait-bubble3 .6s infinite}.varImgSelectionButton{display:block}.varImgSelectionModal{top:0;left:0;right:0;bottom:0;z-index:10;position:absolute;display:flex;background-color:var(--modalBackground);background-color:rgba(0,0,0,.5)}.varImgSelectionModal{left:0;right:0;position:fixed;flex-flow:column}.varImgSelectionModal div:first-child{margin-top:auto}.varImgSelectionModal div{width:100%}.varImgSelectionModal .varImgSelectionContainer{white-space:nowrap;overflow-x:scroll}.varImgSelectionModal button{background-color:var(--buttonColour);color:#fff}.varImgSelectionContainerSmall .varImgSelectionDiv{display:inline-block}.varImgSelectionDiv img{-moz-user-select:none;-webkit-user-drag:none;-webkit-user-select:none;-ms-user-select:none;user-select:none}.varImgSelectionContainerLarge{--n:1;display:flex;align-items:center;overflow-y:hidden;width:100%;width:calc(var(--n)*100%);max-height:100vh;transform:translate(calc(var(--i,0)/var(--n)*-100%))}.cbcImgSelectionDiv{overflow-x:hidden}.cbcPageDiv{overflow:hidden;width:100%;width:calc(100%/var(--n));user-select:none;display:flex}.pageButton{margin:0 .25rem;border-radius:50%;height:10px;width:10px;padding:.5rem;background:var(--buttonColour);border:0}.pageButton:focus{outline:0}.pageButton.selectedPage{background:var(--buttonColour)}.cbcCategoriesDiv{display:flex;overflow:auto}.cbcCategoriesDiv::-webkit-scrollbar{height:0}.cbcPageBtn{justify-content:center;margin:5px 0;display:flex;flex-flow:wrap}.categoriesButton img{max-height:30px;max-width:30px}div[emagi-part="personaliseImages"].thumbsHide{display:grid;grid-template-rows:unset}div[emagi-part="personaliseImages"]{display:grid;grid-template-rows:calc(100% - 101px) 101px}.previewImage{max-height:100%;max-width:100%;object-fit:contain}@keyframes wait-bubble1{0%{transform:scale(0)}100%{transform:scale(1)}}@keyframes wait-bubble3{0%{transform:scale(1)}100%{transform:scale(0)}}.eraser,.undo{fill:black}.eraser:hover,.undo:hover{fill:red}.eraser:active,.undo:active{fill:maroon}@keyframes wait-bubble2{0%{transform:translate(0,0)}100%{transform:translate(24px,0)}}.slidecontainer{width:100%}.cbcOpacitySlider{-webkit-appearance:none;appearance:none;width:100%;height:15px;background:var(--sliderBackground);outline:0;opacity:.7;-webkit-transition:.2s;transition:opacity .2s}.cbcOpacitySlider:hover{opacity:1}.cbcOpacitySlider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:25px;height:25px;border-radius:50%;background:var(--sliderThumb);cursor:pointer}.cbcOpacitySlider::-moz-range-thumb{width:25px;height:25px;border-radius:50%;background:var(--sliderThumb);cursor:pointer}.varImgSelectionModal .varImgSelectionContainer::-webkit-scrollbar-track{box-shadow:inset 0 0 5px grey;border-radius:10px}.varImgSelectionModal .varImgSelectionContainer::-webkit-scrollbar-thumb{background:var(--scrollThumb);border-radius:10px}.varImgSelectionModal .varImgSelectionContainer::-webkit-scrollbar-thumb:hover{background:var(--scrollThumb)}@media only screen and (min-height:700px){.photoUploadButtonCol{width:50px;height:50px}.photoUploadBtn{font-size:18pt}.photoControlOkCancel{padding:10px 20px}}@media only screen and (min-height:800px){.photoUploadButtonCol{width:60px;height:60px}.photoUploadBtn{font-size:22pt}}@media only screen and (min-height:900px) and (min-width:700px){.photoUploadButtonCol{width:90px;height:90px}.photoUploadBtn{font-size:22pt}.opacityContainer{width:50%;margin-left:20px}.okCancelContainer{position:absolute;bottom:0;right:0}.photoEditCanvasBox{height:60%}}@media only screen and (min-height:1300px) and (min-width:1000px){.photoUploadButtonCol{width:100px;height:100px}.photoUploadBtn{font-size:24pt}.opacityContainer{width:50%;margin-left:40px}.okCancelContainer{position:absolute;bottom:0;right:0}.photoEditCanvasBox{height:70%}}@media only screen and (orientation:landscape){.photoEditCanvasBox{height:100%;width:calc(100% - 180px)}.photoControlContainer{width:180px;height:100%;position:absolute;padding-left:10px}.opacityContainer{margin-top:20px;margin-left:0;display:block}.okCancelContainer{position:absolute;bottom:0;right:0}.photoUploadButtonCol{width:40px;height:40px}}@media only screen and (min-width:600px) and (min-height:250px){.photoEditCanvasBox{height:100%;width:calc(100% - 180px)}.photoControlContainer{width:180px;height:100%;position:absolute}.opacityContainer{margin-top:5px;margin-left:0;display:block;width:100%}.okCancelContainer{position:absolute;bottom:0;right:0}.photoUploadButtonCol{width:35px;height:35px}.photoControlOkCancel{padding:5px 10px}}@media only screen and (min-width:600px) and (min-height:350px){.photoEditCanvasBox{height:100%;width:calc(100% - 180px)}.photoControlContainer{width:180px;height:100%;position:absolute}.opacityContainer{margin-top:20px;margin-left:0;display:block}.okCancelContainer{position:absolute;bottom:0;right:0}.photoUploadButtonCol{width:55px;height:55px}}@media only screen and (min-width:700px) and (min-height:400px){.photoEditCanvasBox{height:100%;width:calc(100% - 180px)}.photoControlContainer{width:180px;height:100%;position:absolute}.opacityContainer{margin-top:20px;margin-left:0;display:block}.okCancelContainer{position:absolute;bottom:0;right:0}.photoUploadButtonCol{width:60px;height:60px}.photoControlOkCancel{padding:10px 20px}}@media only screen and (min-width:1300px) and (min-height:1000px){.photoEditCanvasBox{height:100%;width:calc(100% - 180px)}.photoControlContainer{width:180px;height:100%;position:absolute}.opacityContainer{margin-top:20px;margin-left:0;display:block;width:100%}.okCancelContainer{position:absolute;bottom:0;right:0}.photoUploadButtonCol{width:60px;height:60px}.photoControlOkCancel{padding:10px 20px}}@media only screen and (max-width:767px){.cbcCategoriesDiv,.varImgSelectionContainer.varImgSelectionContainerLarge,.cbcPageBtn,.colourPickerLarge{display:none}.varImgSelectionModal .cbcCategoriesDiv{display:flex}.colourPickerSmall{display:block}.colourPickerSmall.hide{display:none}}@media only screen and (min-width:768px){.varImgSelectionButton,.varImgSelectionModal,.colourPickerSmall,.varColPaletteBtn{display:none}}@media(pointer:fine){.varImgSelectionModal .varImgSelectionContainer::-webkit-scrollbar,.colourPickerSmall::-webkit-scrollbar{height:8px}}@media(pointer:coarse){.varImgSelectionModal .varImgSelectionContainer::-webkit-scrollbar,.colourPickerSmall::-webkit-scrollbar{height:0}}.cbcShake{animation:shake .5s;animation-delay:0s;animation-duration:8s;animation-iteration-count:infinite;animation-timing-function:linear;margin:3px}.cbcVariableDiv .cbcShake[delay='1']{animation-delay:1s!important}.cbcVariableDiv .cbcShake[delay='2']{animation-delay:2s!important}.cbcVariableDiv .cbcShake[delay='3']{animation-delay:3s!important}.cbcVariableDiv .cbcShake[delay='4']{animation-delay:4s!important}.cbcVariableDiv .cbcShake[delay='5']{animation-delay:5s!important}.cbcVariableDiv .cbcShake[delay='6']{animation-delay:6s!important}.cbcVariableDiv .cbcShake[delay='7']{animation-delay:7s!important}.cbcVariableDiv .cbcShake[delay='8']{animation-delay:8s!important}@keyframes shake{29%{transform:translate(0,-0)}30%{transform:translate(-2px,-0)}30.5%{transform:translate(2px,-0)}31%{transform:translate(2px,-0)}31.5%{transform:translate(-2px,-0)}32%{transform:translate(-3px,-0)}32.5%{transform:translate(2px,-0)}33%{transform:translate(2px,-0)}33.5%{transform:translate(-2px,-0)}34%{transform:translate(-3px,-0)}34.5%{transform:translate(2px,-0)}35%{transform:translate(2px,-0)}35.5%{transform:translate(-2px,0)}36%{transform:translate(0,0)}}