.card3d *,.card3d :after,.card3d :before{box-sizing:border-box}.card3d{display:flex;height:100%;perspective:2500px;pointer-events:none;transition:.5s}.left,.right{box-shadow:0 2px 4px 0 #bfbfbf;cursor:pointer;height:calc(100% - 2px);transform-origin:left;transform-style:preserve-3d;transition:1s}.back,.front,.left,.right{position:absolute;width:100%}.back,.front{-webkit-backface-visibility:hidden;backface-visibility:hidden;height:100%}.back,.front{background-color:#fff}.back{transform:rotateY(180deg)}.card3d.animate-first-page .left{z-index:4}.card3d.animate-first-page .left,.card3d.animate-first-page .right{transform:translate(0) rotateY(0deg)}.card3d.animate-second-page .left{transform:translate(100%) rotateY(-180deg)}.card3d.animate-second-page .right{border-right:3px solid #e9e9e9;transform:translate(100%) rotateY(-90deg)}.card3d.animate-third-page .left{border-right:3px solid #e9e9e9;transform:translate(0) rotateY(-90deg);z-index:2}.card3d.animate-third-page .right{transform:translate(0) rotateY(0deg)}.card3d.animate-third-page .right .front{z-index:2}.card3d.animate-fourth-page .left,.card3d.animate-fourth-page .right{transform:translate(100%) rotateY(-180deg)}.back-page-images-container,.front-page-images-container,.inside-page-images-container,.page-images-container{isolation:isolate;overflow:hidden;position:relative}.card-img{border:1px solid #bfbfbf;display:block;height:100%;width:100%}.template-section{-webkit-backface-visibility:hidden;backface-visibility:hidden;display:flex;outline:1px solid #ededed;pointer-events:all;position:absolute}.template-section.active{outline:1px solid #5bbfb8}.select-image-section,.select-text-section{align-items:center;background-color:#5bbfb8;border:none;border-radius:15px;display:flex;height:35px;justify-content:center;margin:5px;opacity:1!important;padding:10px;pointer-events:all;position:relative;width:88px;z-index:200}.select-image-section:hover path,.select-text-section:hover{fill:#fff}.select-text-section:hover:after{border-color:transparent transparent transparent #5bbfb8}.select-text-section:hover:before{border-color:#5bbfb8;color:#5bbfb8}.select-image-section:hover:after{border-color:transparent transparent transparent #5bbfb8}.select-image-section:hover:before{border-color:#5bbfb8;color:#5bbfb8}@media screen and (max-width:749px){.select-image-section:before,.select-text-section:before{font-size:10px}}.template-section-area{border:none;border-radius:0;max-height:100%;min-height:30px;overflow:hidden;pointer-events:all;resize:none;width:100%}.template-section-area::placeholder{color:#000;font-family:Indie Flower;font-size:16px;outline:none;text-align:center;text-shadow:none}.template-section-area:focus{border:none;box-shadow:none;outline:none}.image-input{height:100%;width:100%}.add-image{align-items:center;color:#d4d4d4;font-size:16px;justify-content:center;outline:none;text-align:center;text-shadow:none}.add-image,.uploader{display:flex;height:100%;width:100%}.uploader{flex-direction:column}.error{background-color:#ffaab1;border-radius:.25rem;color:#b3303d;font-size:14px;margin:5px 38px 5px 5px;padding:5px}.error:empty{background-color:transparent;display:flex;height:27px}.progress_container{border-radius:4px;height:15px;margin:5px}.loading-progress{background:#f1f1f1;height:25px;width:100%}.loading-progress:empty{display:flex;height:5px}progress:not([value]),progress[value]{accent-color:#5bbfb8;background-color:#eee}progress[value]{-webkit-appearance:none;appearance:none;border-radius:4px}progress::-webkit-progress-bar{accent-color:#5bbfb8;background-color:#ebebeb}progress::-webkit-progress-value{background-color:#5bbfb8}progress::-moz-progress-bar{background-color:#5bbfb8}.file_input{display:none}.file_input_label{color:#000;font-family:Indie Flower;font-size:16px;line-height:16px;outline:none;text-align:center;text-shadow:none}.file_input_label,.file_input_label_hovered{align-items:center;bottom:0;cursor:pointer;display:flex;height:calc(100% - 60px);justify-content:center;left:0;margin:5px;position:absolute;width:calc(100% - 10px)}.file_input_label_hovered{background-color:#d4d4d4;border:2px solid #848484;border-radius:8px}.canvas{-webkit-touch-callout:none;-webkit-tap-highlight-color:rgba(255,255,255,0);outline:none;touch-action:none;-webkit-user-select:none;user-select:none}.remove-section-button{background:none;border:none;margin:0;padding:0;position:absolute;right:4px;top:4px}.icon-remove-section:hover .icon-remove-section-hover{fill:#000}.change-template-button{-moz-border-radius-topleft:8px;-moz-border-radius-topright:8px;align-items:center;background-color:#d8b207;-webkit-border-top-left-radius:8px;border-top-left-radius:8px;-webkit-border-top-right-radius:8px;border-top-right-radius:8px;color:#000;display:flex;font-size:15px;font-weight:700;height:28px;justify-content:center;left:0;line-height:100%;pointer-events:all;position:absolute;text-align:center;top:-28px;width:48%}.change-template-button:hover{background-color:#000}.generate-image-button{-moz-border-radius-topleft:8px;-moz-border-radius-topright:8px;align-items:center;background-color:#00bd00;-webkit-border-top-left-radius:8px;border-top-left-radius:8px;-webkit-border-top-right-radius:8px;border-top-right-radius:8px;color:#000;display:flex;font-size:15px;font-weight:700;height:28px;justify-content:center;pointer-events:all;position:absolute;right:0;top:-28px;width:48%}.generate-image-button:hover{background-color:#000}.personalize-button{background-color:#4a9d96;border:1px solid #4a9d96;box-shadow:0 2px 4px 0 #bfbfbf;color:#000;font-family:BrandonRegular;font-size:20px;font-weight:700;height:46px;line-height:100%;padding-left:20px;padding-right:20px;width:100%}@media only screen and (max-width:520px){.personalize-button{font-size:16px;font-weight:700}}@media screen and (max-width:1024px) and (orientation:landscape){.personalize-button{font-size:18px}}.personalize-button.disabled{background-color:#4a9d96;border:1px solid #4a9d96}.personalize-button:not(.disabled):hover{color:#fff}.text-button{display:flex;height:46px;justify-content:space-between;margin:0 auto}.text-button .option-button{align-items:center;background-color:transparent;background-color:#4a9d96;border:none;box-shadow:0 2px 4px 0 #bfbfbf;display:inline-flex;justify-content:center;margin-right:10px;position:relative;width:50px}.text-button .option-button:last-child{margin-right:0}.text-button .option-button:not(.active):hover>.text-align-center-icon path,.text-button .option-button:not(.active):hover>.text-color-icon path,.text-button .option-button:not(.active):hover>.text-font-icon path,.text-button .option-button:not(.active):hover>.text-size-icon path{fill:#fff}.toolbox-arrow:empty{display:block}.toolbox-arrow{border-color:#c1c1bf transparent transparent;border-style:solid;border-width:10px 5px 0;height:0;left:50%;position:absolute;top:-10px;transform:rotate(-180deg);width:0}.image-button{display:flex;height:46px;justify-content:space-between;margin:0 auto}.image-button .option-button{align-items:center;background-color:transparent;background-color:#4a9d96;border:none;box-shadow:0 2px 4px 0 #bfbfbf;display:inline-flex;justify-content:center;margin-right:10px;position:relative;width:50px}.image-button .option-button:last-child{margin-right:0}.image-button .option-button:not(.active):hover>.add-photos-icon path,.image-button .option-button:not(.active):hover>.camera-icon path,.image-button .option-button:not(.active):hover>.image-rotate-ccw-icon path,.image-button .option-button:not(.active):hover>.image-rotate-cw-icon path,.image-button .option-button:not(.active):hover>.image-zoom-in-icon path,.image-button .option-button:not(.active):hover>.image-zoom-out-icon path{fill:#fff}.nav-bar-next{align-items:center;display:flex;flex-direction:column;padding-left:8px;width:50px}.nav-bar-next button{-moz-border-radius-topRight:8px;-moz-border-radius-bottomRight:8px;align-items:center;background:none;background-color:#b54f43;border:none;-webkit-border-bottom-right-radius:8px;border-bottom-right-radius:8px;-webkit-border-top-right-radius:8px;border-top-right-radius:8px;box-shadow:0 2px 4px 0 #bfbfbf;display:flex;height:100%;justify-content:center;margin:0;padding:0;width:100%}.nav-bar-next.disabled button{background-color:#c1c1bf}.nav-bar-next:not(.disabled) button:hover svg path{fill:#fff}.nav-bar-next.disabled svg path{fill:#000}.nav-bar-prev{align-items:center;display:flex;flex-direction:column;padding-right:8px;width:50px}.nav-bar-prev button{-moz-border-radius-topleft:8px;-moz-border-radius-bottomLeft:8px;align-items:center;background:none;background-color:#b54f43;border:none;-webkit-border-bottom-left-radius:8px;border-bottom-left-radius:8px;-webkit-border-top-left-radius:8px;border-top-left-radius:8px;box-shadow:0 2px 4px 0 #bfbfbf;display:flex;height:100%;justify-content:center;margin:0;padding:0;width:100%}.nav-bar-prev.disabled button{background-color:#c1c1bf}.nav-bar-prev:not(.disabled) button:hover svg path{fill:#fff}.nav-bar-prev.disabled svg path{fill:#000}.toolbox{background-color:#c1c1bf;border-radius:15px;bottom:-10px;display:flex;gap:8px;padding:10px;position:absolute}.tooltip-button-font-size{background-color:#f6f6f6;border:none;border-radius:20px;color:#000;font-size:18px;height:38px;width:60px}@media only screen and (max-width:520px){.tooltip-button-font-size{padding-left:0;padding-right:0;width:52px}}.tooltip-button-font-size:hover{border:3px solid #53b7c0}.font-type-Toolbox{flex-direction:row;flex-wrap:wrap;width:360px}.tooltip-button-font-type{background-color:#f6f6f6;border:none;border-radius:20px;color:#000;font-family:BrandonRegular;font-size:18px;height:38px;width:165px}.tooltip-button-font-type:hover{border:3px solid #53b7c0}.tooltip-button-font-color{background-color:#f6f6f6;border:none;border-radius:20px;height:38px;width:38px}.tooltip-button-font-color:hover{border:3px solid #53b7c0}.tooltip-button{background-color:#f6f6f6;border:3px solid #f6f6f6;border-radius:20px;font-size:16px;font-weight:700;height:38px;padding:5px;width:62px}.tooltip-button:hover{border:3px solid #53b7c0}.tooltip-button:not(.active):hover .text-align-center-icon path,.tooltip-button:not(.active):hover .text-align-left-icon path,.tooltip-button:not(.active):hover .text-align-right-icon path{fill:#000}.nav-bar{display:flex;flex-direction:row;justify-content:center}.toolbox-wrapper,.toolbox-wrapper:empty{align-items:center;display:flex;height:10px;justify-content:center;margin-bottom:20px;position:relative}.nav-bar-center{display:flex}.nav-bar-center:has(button.personalize-button){width:100%}