.bg-custom-modal{display:none;position:fixed;z-index:9999999999999999;left:0;top:0;width:100%;height:100%;overflow:auto;background-color:#00000080}.bg-custom-modal .bg-modal-content{background:#fff;border-radius:0;box-shadow:0 2px 20px #0000004d;text-align:left;padding:10px;margin-left:auto;height:100vh;right:0;width:90%;max-width:1600px;max-height:100vh;position:relative}.bg-custom-modal .modal-header,.bg-product-popup .modal-header{background:transparent;border:none;font-size:24px;cursor:pointer;text-align:right;width:100%;display:inline-block;position:absolute;right:20px;z-index:9}.bg-custom-modal .modal-header .close,.bg-product-popup .modal-header .close{background:#fff;border:none;font-size:20px;cursor:pointer;line-height:1;padding-top:4px}.bg-custom-modal .modal-header .modal-title{display:none}.bg-custom-modal .modal-body{padding:20px;max-height:100vh}.bg-custom-modal .modal-content.modal-two-column{display:flex;position:inherit;height:100vh;max-height:calc(100vh - 50px)}.modal-left,.modal-right{min-width:300px;position:relative}.modal-right{display:flex;flex-direction:column;gap:15px;min-width:400px;width:40%;padding-left:20px}.image-container{background-color:#f5f5f5!important;border-radius:18px;padding:20px 16px!important;display:flex;justify-content:center;align-items:center;overflow:hidden;max-height:100vh;position:relative}.single-image .image-container{max-width:100%}.image-label{position:absolute;top:8px;left:8px;background:#000000b3;color:#fff;padding:2px 10px;font-size:12px;border-radius:18px;z-index:9}.image-container img{max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain}.modal-customize-button{background-color:#007bff!important;color:#fff!important;text-decoration:none;padding:10px 16px;border-radius:4px;font-size:16px;text-align:center;cursor:pointer;border:none;flex-grow:1}.modal-customize-button:hover{background-color:#0056b3}table.price-table{width:100%;border-collapse:collapse;margin-top:20px}table.price-table th,table.price-table td{border:1px solid #ccc;padding:8px 12px;text-align:center;font-size:14px}table.price-table th{background-color:#f8f8f8;font-weight:600}.sale-banner{font-size:18px;font-weight:700;color:#d0021b;text-transform:uppercase;display:none}.original-price{text-decoration:line-through;color:#999;margin-right:5px}.discounted-price{color:#2da44e;font-weight:700}.close-modal{display:none}.pills-header{font-weight:600;margin-bottom:6px}.pills-container,.product-pills-container{display:flex;flex-wrap:wrap;gap:8px}.pill,.product-pill{padding:6px 12px;background:#fff;border:1px solid #ddd;border-radius:4px;cursor:pointer;transition:background .2s;font-size:14px;transition:.15s all}.pill:hover,.product-pill:hover{background:#fff;box-shadow:0 2px 4px 1px #0000004d!important;transform:translateY(-.3rem)}.pill.active,.product-pill.active{background:#fff;color:#000;border-color:#000}.image_badge_container{position:absolute!important;top:0!important;left:8px!important}.image-badge.new-badge,.image-badge.free-edit-service-badge,.image-badge.on-sale-percentage-badge{color:#fff;padding:0 8px;font-size:10px;border-radius:18px;height:auto!important;width:auto!important;display:inline-block;opacity:.7}.image-badge.new-badge{background:#000;color:#fff}.image-badge.free-edit-service-badge{background:#057800;color:#fff}.image-badge.on-sale-percentage-badge{background:red;color:#fff}.mobile-image-toggle{display:none}.single-image-desktop .image-container{max-width:100%!important}@media (max-width: 767px){.bg-custom-modal .modal-content.modal-two-column{flex-direction:column}.modal-left,.modal-right{flex:1 1 100%;max-width:100%}}@media (max-width: 767px){.bg-custom-modal .modal-content.modal-two-column{display:block}.bg-custom-modal .modal-left,.bg-custom-modal .modal-right{width:100%;flex:none;margin-bottom:20px}.bg-custom-modal .modal-left .image-container:nth-child(2){display:none}.mobile-image-toggle{display:flex;justify-content:center;gap:0;margin-bottom:10px}.mobile-toggle-button{background:#f6f6f6;border:1px solid #ddd;padding:4px 14px;border-radius:0;cursor:pointer;text-align:center}.mobile-toggle-button.active{background:#027bff;color:#fff;border-color:#757373}.sticky-footer{position:fixed;bottom:0;left:0;width:100%;background:#fff;border-top:1px solid #ccc;box-shadow:0 -2px 5px #0000001a;padding:10px;text-align:center;z-index:999999;height:114px}a.modal-custom-design-button{display:none}.bg-custom-modal .modal-body{padding-bottom:30px;height:calc(100vh - 88px);top:0;position:inherit;padding-top:20px}.mobile-images-container{position:relative;background-color:#f5f5f5!important;border-radius:18px;padding:20px 16px!important;display:flex;justify-content:center;align-items:center;max-height:40vh;height:335px;max-height:335px;min-height:335px}.image-container{max-width:100%;max-height:calc(40vh - 40px)}.image-container img{max-height:inherit;max-width:inherit;border:1px solid #ddd;border-radius:4px}.image-label{display:none}}@media (min-width: 768px){.sticky-footer{display:none}.image-container img{width:100%}}@media (max-width: 767px){.rte{font-size:14px;line-height:1.5;text-align:left}.desktop-modal{display:none!important}body.modal-open{overflow:hidden!important;touch-action:none!important}.bg-custom-modal{position:fixed!important;top:0;left:0;width:100%;height:100%;overflow:hidden!important}.bg-custom-modal .bg-modal-content{display:flex;flex-direction:column;height:100%;max-height:100%;margin:0 auto;padding:0;width:100%}.bg-custom-modal .modal-header{z-index:10;flex-shrink:0;overflow-y:hidden}.bg-custom-modal .modal-body{overflow-y:auto;flex:1}}@media (min-width: 768px){.mobile-modal{display:none!important}}.modal-images-desktop.side-by-side{display:flex;flex-direction:row;gap:10px;align-items:center;justify-content:center;max-height:100vh;overflow:hidden;flex:1 1 50%}.modal-images-desktop.stacked{display:flex;flex-direction:column;gap:10px;align-items:center;justify-content:center;max-height:100vh;overflow:hidden;flex:1 1 50%}.modal-images-desktop .image-container img{max-width:100%;object-fit:contain;height:100%;max-height:calc(100vh - 100px)}.modal-editservice-button{background-color:#28a745!important;color:#fff!important;text-decoration:none;padding:10px 16px;border-radius:4px;font-size:16px;text-align:center;cursor:pointer;border:none;transition:.15s all;flex-grow:1}.modal-editservice-button:hover,.modal-custom-design-button:hover{text-decoration:none;box-shadow:0 2px 4px 1px #0000004d!important;text-transform:none!important;transform:translateY(-.3rem)}.modal-customize.sticky-customize{display:flex;gap:20px;align-items:center;position:absolute;bottom:14px;justify-content:space-around;width:100%;padding-right:20px;flex-flow:wrap}@media (max-width: 1219px){.modal-customize.desktop-customize.sticky-customize{width:100%;flex-flow:wrap;padding-right:20px;gap:20px}}.modal-right-content{overflow:auto;max-height:calc(100vh - 140px)}@media (max-width: 1249px){.modal-right-content{overflow:auto;max-height:calc(100vh - 189px)}}#edit-service-actions{justify-content:left;display:flex;flex-flow:row}@media (max-width: 1310px){#edit-service-actions{flex-flow:wrap}}@media (max-width: 767px){.sticky-footer{left:0;width:100%;background:#fff;border-top:1px solid #ccc;box-shadow:0 -2px 5px #0000001a;padding:10px;text-align:center;height:128px;min-height:128px;height:auto;max-height:200px;position:sticky;bottom:0;z-index:10;flex-shrink:0;overflow-y:hidden}.mobile-customize{display:grid}.membership-cta{order:3;display:flex;gap:10px}.membership-cta p{padding-top:10px}button.bg-membership-cta-button{flex:auto;min-height:44px}.modal-editservice-button,.modal-customize-button{margin-bottom:10px;width:100%;display:inline-block}.bg-custom-modal .bg-modal-content{top:0;height:100%}.bg-custom-modal .modal-header{position:absolute;top:10px;right:0}.bg-custom-modal.mobile-modal .modal-header .close{margin-right:10px;border:solid;border-radius:30px;border-width:1px;border-color:#000}}.full-3d-wrapper{perspective:800px;width:300px;height:300px;margin:0 auto;-webkit-user-select:none;user-select:none;touch-action:none}.full-3d-inner{width:100%;height:100%;transform-style:preserve-3d;transition:none;position:relative}.face{position:absolute;width:100%;height:100%;top:0;left:0;backface-visibility:hidden;display:flex;align-items:center;justify-content:center;flex-direction:column}.face-back{transform:rotateY(180deg)}.no-drag{pointer-events:none;-webkit-user-select:none;user-select:none;-webkit-user-drag:none}.single-preview{text-align:center;margin:0 auto;-webkit-user-select:none;user-select:none;pointer-events:none}.bg-small-modal{display:none;position:fixed;z-index:9999999999!important;left:0;top:0;width:100%;height:100vh;overflow:auto;background-color:#00000080}.bg-small-modal-container{background-color:#f7f8f9;margin:0;padding:20px;width:calc(100% - 32px);max-width:450px;max-height:calc(100% - 50px);overflow:auto;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%)}.bg-small-modal button.close{border:none;font-size:30px;background-color:transparent;position:absolute;right:15px;top:22px;line-height:0;cursor:pointer;padding:0;border-width:0px;border-style:initial;border-color:initial;border-image:initial;z-index:1}.bg-small-modal .close svg{width:20px;height:20px}.bg-small-modal-content{padding:30px 20px;border-radius:8px;text-align:center;position:relative;box-sizing:border-box}.bg-small-modal-header-icon{margin-bottom:20px}.bg-small-modal-icon{width:60px;height:60px}.bg-small-modal-heading{font-size:1.8em;margin-bottom:15px}.bg-small-modal-message{font-size:1em;margin-bottom:25px;line-height:1.5}.bg-small-modal-buttons.modal-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:15px;margin-bottom:20px}.bg-small-modal-buttons.modal-actions button,.bg-small-modal-buttons.modal-actions a{padding:12px 25px;font-size:1em;cursor:pointer;border:none;border-radius:4px;flex:1 1 45%;max-width:200px;transition:.15s all}.bg-small-modal-buttons.modal-actions button:hover,.bg-small-modal-buttons.modal-actions a:hover{box-shadow:0 2px 4px 1px #0000004d!important;text-transform:none!important;transform:translateY(-.3rem)}.bg-modal-button-1,.bg-go-back-button{background-color:#28a745;color:#fff}.bg-modal-button-2,.bg-proceed-button{background-color:#007bff;color:#fff}.bg-small-modal-content .modal-header{text-align:right}.bg-small-modal-content .modal-body h2{margin-top:0}.bg-medium-modal{display:none;position:fixed;z-index:9999999999!important;left:0;top:0;width:100%;height:100vh;overflow:auto;background-color:#00000080}.bg-medium-modal-container{background-color:#f7f8f9;margin:0;padding:20px;width:calc(100% - 32px);max-width:650px;max-height:calc(100% - 50px);overflow:auto;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%)}.bg-medium-modal button.close{border:none;font-size:30px;background-color:transparent;position:absolute;right:15px;top:24px;line-height:0;cursor:pointer;padding:0;border-width:0px;border-style:initial;border-color:initial;border-image:initial;z-index:1}.bg-medium-modal .close svg{width:20px;height:20px}.bg-medium-modal-content{padding:30px 20px;border-radius:8px;text-align:center;position:relative;box-sizing:border-box}@media (max-width: 767px){.bg-medium-modal-content{padding:0;margin-top:14px}}.bg-medium-modal-header-icon{margin-bottom:20px}.bg-medium-modal-icon{width:60px;height:60px}.bg-medium-modal-heading{font-size:1.8em;margin-bottom:15px}span.bg-medium-modal-subHeader{display:block;font-family:Montserrat,sans-serif;font-size:30px;font-style:normal;font-weight:700;letter-spacing:.584px;line-height:normal}.bg-medium-modal-message{font-size:1em;margin-bottom:25px;line-height:1.5}.bg-medium-modal-buttons.modal-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:15px;margin-bottom:20px}.bg-medium-modal-buttons.modal-actions button,.bg-medium-modal-buttons.modal-actions a{padding:12px 25px;font-size:1em;cursor:pointer;border:none;border-radius:4px;flex:1 1 45%;max-width:200px;transition:.15s all}.bg-medium-modal-buttons.modal-actions button:hover,.bg-medium-modal-buttons.modal-actions a:hover{box-shadow:0 2px 4px 1px #0000004d!important;text-transform:none!important;transform:translateY(-.3rem)}.bg-medium-modal-content .modal-header{text-align:right}.bg-medium-modal-content .modal-body h2{margin-top:0}.bg-medium-modal-content .membership-plan ul{text-align:left}img.membershipPlanImg{max-width:125px}#bg-membership-modal a{text-decoration:none}#bg-membership-modal a:hover{text-decoration:underline}a.membership-plan-see-benefits-btn{display:block}#bg-membership-modal .membership-plan{margin:18px 0;padding:14px;border:1px solid #e5e5e5}#bg-membership-modal .membership-price{color:#c00;font-size:90%}#bg-membership-modal .membership-plan-btn{display:inline-block;margin-top:8px;font-weight:600}#bg-membership-modal .membership-plan-btn.pro{background:#0f4c81;color:#fff;padding:6px 14px}.membership-cta{transition:.15s all}.membership-cta:hover{text-decoration:none;box-shadow:0 2px 4px 1px #0000004d!important;text-transform:none!important;transform:translateY(-.3rem)}button.bg-membership-cta-button{background:#ffd815;border:none;border-radius:4px;font-size:14px;padding:6px 16px;cursor:pointer}button.bg-membership-cta-button:hover{box-shadow:0 2px 4px 1px #0000004d!important}.membership-cta p{margin-top:0!important;margin-bottom:0!important;line-height:normal}a.membership-plan-see-benefits-btn{margin-top:-12px;font-size:13px}a.membership-plan-see-benefits-btn:hover{text-decoration:underline}#bg-membership-modal .bg-medium-modal-container{max-width:1000px;width:90%;margin:0 auto;box-sizing:border-box}#bg-membership-modal .bg-medium-modal-content{display:flex;flex-wrap:wrap;justify-content:space-between;gap:2rem}#bg-membership-modal .membership-plan{flex:1 1 45%;min-width:280px;box-sizing:border-box}@media (max-width: 768px){#bg-membership-modal .bg-medium-modal-content{flex-direction:column;gap:1.5rem}#bg-membership-modal .membership-plan{flex:1 1 100%}}@media (min-width: 768px){.placeholder-modal .modal-left{display:none!important}.placeholder-modal.bg-custom-modal .bg-modal-content{width:480px}}
/*# sourceMappingURL=/cdn/shop/t/10/assets/bg-custom-modal.css.map */