#album-builder{position:fixed;top:0;right:min(-30%,-485px);width:30%;height:100%;background:#fff;border-radius:10px 0 0 10px;z-index:999999;border-left:1px solid #b7b7b7;transition:right .5s ease-in-out,width .5s ease-in-out;min-width:485px}#album-builder.full{right:-100%;width:100%}#album-builder[data-show=true]{right:0%}.album-content{height:calc(100% - 61px);overflow-y:auto}.album-buttons{position:absolute;bottom:0;height:61px;width:100%;background:#ddd;border-radius:0 0 10px 10px;display:flex;justify-content:center;padding:10px}.album-buttons button{background:#fff;padding:10px 15px;border:0;margin:0 5px;font-family:"Open Sans";font-weight:700;display:flex;justify-content:center;align-items:center}.album-buttons button.btn-primary{background:#009fe3;color:#fff}@media(max-height: 500px)and (max-width: 1000px)and (orientation: landscape),screen and (max-width: 768px){.book-section{padding:15px 10px 0 10px !important}#album-builder{min-width:0 !important;margin:0;right:-100%;width:100%;height:100%}.book-switch-full{display:none !important}.album-content{height:calc(100% - 50px) !important;overflow-y:hidden}.album-buttons{position:absolute;bottom:0;height:50px !important}.album-buttons button{padding:5px 15px;margin:0 5px}}.book-app{flex-direction:column}.book-switch-full{display:flex;position:absolute;left:0;top:0;width:45px;height:45px;border:0;padding:0;z-index:400;justify-content:center;align-items:center;background:rgba(0,0,0,0);transition:left .5s ease-in-out}.book-switch-full:active,.book-switch-full:hover{outline:0}.book-switch-full.active{background:#009fe3;color:#fff;left:80%;top:0}.book-switch-full i{font-size:21px}.book-section{width:100%;padding:60px 15px 0 15px;text-align:center}.book-section>.container{width:auto;aspect-ratio:2/1;max-height:53vh;max-width:inherit !important;position:relative;border-radius:2%;margin:0 auto 1rem auto;perspective:1200px}.book-section>.container.photobook{aspect-ratio:2/1.414}.book-section>.container.alternative{aspect-ratio:2.55/1}.book-section>.container.square{aspect-ratio:1/1}.book-section>.container.x30-40{aspect-ratio:40/30}.book-section>.container.x35-50{aspect-ratio:50/35}.book-section>.container.x50-70{aspect-ratio:70/50}.book-section>.container.x70-100{aspect-ratio:100/70}.book-section>.container.x40-30{aspect-ratio:30/40}.book-section>.container.x50-35{aspect-ratio:35/50}.book-section>.container.x70-50{aspect-ratio:50/70}.book-section>.container.x100-70{aspect-ratio:70/100}.container>.xp-right{position:absolute;height:100%;width:50%;transition:.7s ease-in-out;transform-style:preserve-3d}.book-section>.container>.xp-right{right:0;transform-origin:left;border-radius:10px 0 0 10px}.xp-right>figure.front,.xp-right>figure.back{margin:0;height:100%;width:100%;position:absolute;left:0;top:0;background-size:200%;background-repeat:no-repeat;-webkit-backface-visibility:hidden;backface-visibility:hidden;background-color:#fff;overflow:hidden}.xp-right>figure.front{background-position:right;border-radius:0 10px 10px 0;border:1px solid #d7d7d7;border-left:none}.xp-right>figure.front#page-0{border-left:1px solid #d7d7d7}.xp-right>figure.back{background-position:left;border-radius:10px 0 0 10px;transform:rotateY(180deg);border:1px solid #d7d7d7}.xp-right>figure.back#page-21{border-right:1px solid #d7d7d7}.flip>figure.back{border-right:none}.flip{transform:rotateY(-180deg)}.book-section>button{border:2px solid #009fe3;background-color:#009fe3;color:#fff;padding:0px 10px;cursor:pointer;margin:10px;transition:.3s ease-in-out}.book-section>button#turnLeft,.book-section>button#turnRight{float:right}.book-section>button#ly-settings,.book-section>button#ly-rotate{float:left}button>i+span{margin-left:5px}.book-section>button:focus,.book-section>button:active{outline:none}.book-section>p{color:rgba(0,0,0,.7);font-family:calibri;font-size:24px}.book-section>p>a{text-decoration:none;color:#009fe3}.book-section>button:hover{background-color:#000;color:#fff}.front#cover,.back#back-cover{background-color:#009fe3;font-family:calibri;text-align:left;padding:0 30px}.front#cover h1{color:#fff}.front#cover p{color:rgba(0,0,0,.8);font-size:14px}.book-section>.container>.xp-right>figure>canvas{width:100%;height:100%}.clg-upload-overlay,.clg-upload-overlay2{position:absolute;display:flex;align-items:center;justify-content:center;background-color:rgba(239,239,239,.5);border:1px dashed #9ca3af;cursor:pointer;transition:background-color .2s ease}.clg-upload-overlay>.overlay-label,.clg-upload-overlay2>.overlay-label{padding:5px;max-width:200px;font-size:12px;font-family:"Open Sans";border-radius:5px;display:flex;flex-direction:column;align-items:center;gap:10px}.clg-upload-overlay2{background-color:rgba(0,0,0,0);border:0px;cursor:inherit}.clg-upload-overlay2.moving{cursor:move;background-color:rgba(0,0,0,0) !important}.clg-upload-overlay2.moving>ul.edit-buttons{display:none !important}.clg-upload-overlay2.moving>ul.confirm-buttons{display:inherit !important}.clg-upload-overlay2>ul{display:none;list-style:none;margin:0;padding:0;z-index:200}.clg-upload-overlay2>ul.confirm-buttons{position:absolute;bottom:-70px;display:none !important}.clg-upload-overlay2>ul.confirm-buttons li{margin:0 5px}.clg-upload-overlay2>ul.confirm-buttons li button{border:0;width:60px;height:60px;cursor:pointer;background:#009fe3;border-radius:50%;display:flex;justify-content:center;align-items:center}.clg-upload-overlay2>ul.confirm-buttons li button:hover{background:9fe3;outline:0}.clg-upload-overlay2>ul.confirm-buttons li button:focus,.clg-upload-overlay2>ul.confirm-buttons li button:active{outline:0;border:0}.clg-upload-overlay2>ul.confirm-buttons li button i{color:#fff;font-size:25px}.clg-upload-overlay2>ul li{margin:0px 5px !important}.clg-upload-overlay2>ul li button{border:0;width:3rem;height:3rem;cursor:pointer;background:#000;border-radius:50%;margin:0;display:flex;justify-content:center;align-items:center}.clg-upload-overlay2>ul li button:hover{background:#009fe3;outline:0}.clg-upload-overlay2>ul li button:focus,.clg-upload-overlay2>ul li button:active{outline:0;border:0}.clg-upload-overlay2>ul li button i{color:#fff;font-size:18px}.clg-upload-overlay2:hover{background-color:rgba(0,0,0,.3)}.clg-upload-overlay2:hover>ul{display:inherit}.clg-upload-overlay:hover{background-color:rgba(239,239,239,.95)}.clg-upload-overlay i{font-size:2rem;color:#009fe3;cursor:pointer}.flip>figure.front>.clg-upload-overlay{display:none !important}.canvas-block{position:absolute;width:100%;height:100%}.canvas-block>canvas{visibility:hidden}.book-app{display:flex;height:100%}.book-app>.book-app-right{margin:10px;position:relative;width:calc(100% - 20px);height:100%}.book-photos{right:-100%;display:flex;position:absolute;width:100%;height:100%;background:#fff;top:0;z-index:401}#alternative-layouts div canvas{width:100% !important;height:100% !important;border:1px solid #c9c9c9;margin:15px 0;cursor:pointer;border-radius:5px}.preview-layout.hidden{display:none !important}.preview-layout>.buttons{display:flex;justify-content:center;align-items:center}.preview-layout>.buttons>*{margin:0px 5px}.preview-layout>.buttons>button{border:0;outline:0;padding:5px;background:#009fe3;border:1px solid #018ac5;color:#fff}.preview-layout>.buttons>button:hover{background:#000}.preview-layout>.buttons>span{font-family:"Open Sans"}.book-layout-selector-wrapper{display:flex;align-items:center;width:100%;max-width:800px;margin:10px 0;position:relative}.book-layouts-container{justify-content:center;display:flex;padding:0 10px;flex-wrap:wrap;gap:30px;overflow-y:hidden}.book-layouts-container::-webkit-scrollbar{height:6px}.book-layouts-container::-webkit-scrollbar-thumb{background-color:#cbd5e1;border-radius:4px}.book-layouts-container::-webkit-scrollbar-track{background-color:#f1f5f9}.book-scroll-button{position:absolute;top:50%;transform:translateY(-50%);background-color:rgba(255,255,255,.8);border:1px solid #ccc;border-radius:50%;width:40px;height:40px;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:10;box-shadow:0 2px 5px rgba(0,0,0,.2);transition:background-color .2s}.book-scroll-button:hover{background-color:#fff}.book-scroll-button.left{left:-50px}.book-scroll-button.right{right:-50px}.book-scroll-button i{color:#333}.book-layout-preview{padding:0;margin:0;width:132px;aspect-ratio:2/1.04;border-radius:4px;cursor:pointer;box-shadow:0 1px 3px rgba(0,0,0,.1);transition:transform .2s ease,box-shadow .2s ease;border:2px solid rgba(0,0,0,0);background-color:#fff;position:relative}.book-layout-preview svg{width:100%;height:100%}.book-layout-preview.photobook{aspect-ratio:3508/2530.04}.book-layout-preview.alternative{aspect-ratio:46/19.04}.book-layout-preview.square{aspect-ratio:.97}.book-layout-preview.x30-40{aspect-ratio:1.3033333333}.book-layout-preview.x35-50{aspect-ratio:1.3985714286}.book-layout-preview.x50-70{aspect-ratio:1.37}.book-layout-preview.x70-100{aspect-ratio:1.3985714286}.book-layout-preview.x40-30{aspect-ratio:.78}.book-layout-preview.x50-35{aspect-ratio:.73}.book-layout-preview.x70-50{aspect-ratio:.7442857143}.book-layout-preview.x100-70{aspect-ratio:.73}.book-layout-preview svg{top:0;position:absolute}.book-layout-preview:hover{transform:scale(1.05);box-shadow:0 4px 6px rgba(0,0,0,.15)}.book-layout-preview.active{border-color:#009fe3}.book-scroll-button{position:absolute;right:-40px;background:#fff;border-radius:50%;border:1px solid #d1d5db;width:36px;height:36px;display:none;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 2px 4px rgba(0,0,0,.1)}@media(min-width: 768px){.book-scroll-button{display:flex}.book-layouts-container{overflow-x:hidden}}.book-scroll-button:hover{background-color:#f8fafc}.book-layouts-wrapper{position:absolute;height:100%;width:100%;left:0;top:0;background:#fff;z-index:4;transition:all .5s ease-in-out;overflow-y:auto}#layoutSettings{position:absolute;height:100%;width:100%;left:0;top:0;background:#fff;z-index:5;opacity:0;visibility:hidden;transition:all .5s ease-in-out}#layoutSettings.open{opacity:1;visibility:visible}.xp-controls-row{display:flex;justify-content:center;align-items:center;gap:1rem;margin-bottom:1.5rem;width:100%;flex-direction:column}.xp-color-picker-group{display:flex;align-items:center;gap:.5rem}#bgColorPicker{font-weight:bold;opacity:0;width:100%;border:1px solid #000;color:rgba(0,0,0,0)}.xp-slider-group{display:flex;align-items:center;gap:.5rem}.xp-slider{-webkit-appearance:none;width:100%;height:8px;background:#d1d5db;border-radius:5px;outline:none;opacity:.7;transition:opacity .2s}.xp-slider:hover{opacity:1}.xp-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:20px;height:20px;background:#009fe3;border-radius:50%;cursor:pointer;box-shadow:0 2px 4px rgba(0,0,0,.2)}.xp-slider::-moz-range-thumb{width:20px;height:20px;background:#009fe3;border-radius:50%;cursor:pointer;box-shadow:0 2px 4px rgba(0,0,0,.2)}.xp-slider-value{color:#374151;font-weight:500;margin-left:.5rem;min-width:40px;text-align:right}#layoutPreviewsContainer{transition:all .5s ease-in-out;opacity:1;visibility:visible}#layoutPreviewsContainer.hide{opacity:0;visibility:hidden}#layoutPreviewsContainer h3{margin:0;text-align:center}div#input-multiple-preview{display:flex;flex-wrap:wrap;gap:10px;margin-top:20px;align-items:center}div#input-multiple-preview>.input-preview-page{display:flex;flex-direction:column;text-align:center}div#input-multiple-preview>.input-preview-page>span{font-family:"Open Sans";font-weight:bold}#input-multiple-preview>.input-preview-page>img.preview-image{max-width:234px;max-height:117px;-o-object-fit:cover;object-fit:cover;border:1px solid #ddd;border-radius:5px}.xp-right span{display:none;position:absolute;top:-21px;line-height:20px;color:#000;right:0;font-family:"Open Sans";font-weight:bold;font-size:13px}.xp-right.flip span{right:0;left:inherit;transform:rotateY(-180deg)}.xp-right.front-last span.front{display:block}.xp-right.flip-first span.back{display:block}select#album-page-select{float:right;width:83px;margin:10px 0}.album-edit-overlay{display:none;background:rgba(0,0,0,.7411764706);position:absolute;width:100%;height:100%;z-index:5}#album-builder.editing .album-edit-overlay{display:block}#album-builder.editing .album-content>.book-app>.book-section>.container{z-index:6}#album-builder[data-single=true] #turnLeft,#album-builder[data-single=true] #turnRight,#album-builder[data-single=true] #album-page-select,#album-builder[data-single=true] span.back,#album-builder[data-single=true] span.front{display:none !important}.open-editor{background:#66c5ee;color:#fff}