@media(max-width:480px){button.bg-3d-preview__fb{color:#33373b}}.bg-3d-preview__edge.bottom:empty,.bg-3d-preview__edge.left:empty,.bg-3d-preview__edge.right:empty,.bg-3d-preview__edge.top:empty,.bg-3d-preview__face:empty{display:block}#imagePreviewModal{display:none;position:absolute;z-index:1000;left:0;width:100%;height:100%;overflow:auto;background-color:#000c;transition:top .3s ease-in-out}#imagePreviewModal img{display:block;max-width:90%;max-height:80%;margin:auto;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.closeImgPreview{position:absolute;top:20px;right:25px;color:#fff;font-size:2.1875rem;font-weight:var(--bg-font-weight-bold);transition:.3s}@media(max-width:768px){#imagePreviewModal img{max-width:100%;max-height:100%;top:50%;left:50%;transform:translate(-50%,-50%)}}#design-modal>.modal-content{background-color:#fff}.imagePreviewModal{display:none;position:fixed;z-index:1000;padding-top:60px;left:0;top:0;width:100%;height:100%;overflow:auto;background-color:#000000e6}.imagePreviewModalContent{margin:auto;display:block;width:80%;max-width:700px}#imageCaption{margin:auto;display:block;width:80%;max-width:700px;text-align:center;color:var(--bg-color-text-disabled);padding:10px 0;height:150px}.closeImgPreview{position:absolute;top:15px;right:35px;color:#f1f1f1;font-size:2.5rem;font-weight:var(--bg-font-weight-bold);transition:.3s}.closeImgPreview:focus,.closeImgPreview:hover{color:var(--bg-color-text-disabled);text-decoration:none;cursor:pointer}#design-modal-interior,#product-modal{position:relative;top:0;left:0;width:100%;height:100%;align-items:center;justify-content:center;z-index:var(--bg-z-modal-raised);background:#00000080}#product-modal{display:none}#design-modal-interior .modal-content,#product-modal .modal-content{background:#fff;padding:20px;max-width:1300px;width:100%;max-height:calc(100vh + -0px);overflow-y:auto;position:relative}#design-modal-interior .close-modal,#product-modal .close-modal{background:0 0;border:none;font-size:1.5rem;cursor:pointer;text-align:right;width:100%}.modal-images{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:20px;justify-content:center}.modal-images.single-image .image-container{flex:1 1 100%;width:100%}@media screen and (min-width:768px){.modal-images:not(.single-image) .image-container{flex:1 1 calc(50% - 10px);width:calc(50% - 10px)}}.modal-images .image-container{position:relative;background-color:#f5f5f5!important;border-radius:18px;padding:20px 16px!important;display:flex;justify-content:center;align-items:center;flex:1 1 100%;width:100%;box-sizing:border-box;max-height:calc(100vh - 200px)}.modal-images .image-container img{width:auto;max-width:100%;height:auto;max-height:100%;object-fit:contain;border:solid 1px #d3d3d3}.modal-images .image-label{position:absolute;top:8px;left:8px;background:#000000b3;color:#fff;padding:2px 10px;font-size:.75rem;border-radius:18px}.modal-customize{justify-content:center;display:flex;gap:10px}.modal-custom-data{justify-content:center;display:flex;flex-direction:column;text-align:center}body.modal-open{overflow:hidden}button.close-modal svg{width:30px;height:30px;fill:red!important}img.single-design-image{width:100%;max-width:600px}@media screen and (max-width:767px){#design-modal-interior .modal-content,#product-modal .modal-content{width:100%;padding:10px}.modal-images .image-container{padding:10px 8px!important}}.bg-custom-modal{display:none;position:fixed;z-index:var(--bg-z-modal-top);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:0 0;border:none;font-size:1.5rem;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:1.25rem;cursor:pointer;line-height:var(--bg-type-line-100);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:.75rem;border-radius:18px;z-index:9}.image-container img{max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain}.sale-banner{font-size:1.125rem;font-weight:var(--bg-font-weight-bold);color:#d0021b;display:none}.original-price{text-decoration:line-through;color:var(--bg-color-text-subtle);margin-right:5px}.discounted-price{color:#2da44e;font-weight:var(--bg-font-weight-bold)}.close-modal{display:none}.pills-header{font-weight:var(--bg-font-weight-semibold);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:24px;cursor:pointer;transition:background .2s;font-size:.875rem;transition:.15s all}.pill:hover,.product-pill:hover{background:#fff;box-shadow:0 2px 4px 1px #0000004d!important;transform:translateY(-.1875rem)}.pill.active,.product-pill.active{background:#fff;color:var(--bg-color-text-strong);outline:2px solid #0071e3;outline-offset:-3px}.image_badge_container{position:absolute!important;top:0!important;left:8px!important}.image-badge.free-edit-service-badge,.image-badge.new-badge,.image-badge.on-sale-percentage-badge{color:#fff;padding:0 8px;font-size:.625rem;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}.image-badge.on-sale-percentage-badge--unbeatable{background:#0a806b;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%}.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:var(--bg-z-page-sticky);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;overflow:hidden;max-height:40vh;height:335px;max-height:335px;min-height:335px}.bg-custom-modal.mobile-modal .mobile-images-container .bg-flat-preview{width:100%;height:100%;display:flex;align-items:center;justify-content:center}.bg-custom-modal.mobile-modal .mobile-images-container .bg-flat-preview img{width:100%;height:100%;max-width:100%;max-height:100%;object-fit:contain;display:block}.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){.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:1rem;text-align:center;cursor:pointer;border:none;transition:.15s all;flex-grow:1}.modal-custom-design-button:hover,.modal-editservice-button:hover{text-decoration:none;box-shadow:0 2px 4px 1px #0000004d!important;text-transform:none!important;transform:translateY(-.1875rem)}.modal-customize.sticky-customize{display:flex;gap:20px;align-items:center;position:absolute;bottom:0;justify-content:space-around;width:100%;padding-right:20px;flex-flow:wrap;border-top:1px solid #ccc;box-shadow:0 -2px 5px #0000001a;padding-top:10px}@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 - 200px)}@media(max-width:1249px){.modal-right-content{overflow:auto;max-height:calc(100vh - 189px)}}@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}.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:var(--bg-z-modal)!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:1.875rem;background-color:transparent;position:absolute;right:15px;top:22px;line-height:var(--bg-type-line-none);cursor:pointer;padding:0;border-width:0;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:var(--bg-type-line-150)}.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 a,.bg-small-modal-buttons.modal-actions button{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 a:hover,.bg-small-modal-buttons.modal-actions button:hover{box-shadow:0 2px 4px 1px #0000004d!important;text-transform:none!important;transform:translateY(-.1875rem)}.bg-go-back-button,.bg-modal-button-1{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:var(--bg-z-modal)!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:1.875rem;background-color:transparent;position:absolute;right:15px;top:24px;line-height:var(--bg-type-line-none);cursor:pointer;padding:0;border-width:0;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:var(--bg-font-family-ui);font-size:1.875rem;font-style:normal;font-weight:var(--bg-font-weight-bold);letter-spacing:var(--bg-type-track-584dpx);line-height:var(--bg-type-line-normal)}.bg-medium-modal-message{font-size:1em;margin-bottom:25px;line-height:var(--bg-type-line-150)}.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 a,.bg-medium-modal-buttons.modal-actions button{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 a:hover,.bg-medium-modal-buttons.modal-actions button:hover{box-shadow:0 2px 4px 1px #0000004d!important;text-transform:none!important;transform:translateY(-.1875rem)}.bg-medium-modal-content .modal-header{text-align:right}.bg-medium-modal-content .modal-body h2{margin-top:0}@media(min-width:768px){.placeholder-modal .modal-left{display:none!important}.placeholder-modal.bg-custom-modal .bg-modal-content{width:480px}}.bg-flat-preview--faces{display:flex;flex-direction:column;gap:14px;width:100%;height:100%}.bg-flat-preview--faces .bg-flat-preview__stage{flex:1 1 auto;min-height:0;width:100%;display:flex;align-items:center;justify-content:center}.bg-flat-preview--faces .bg-flat-preview__stage img{max-width:100%;max-height:72vh;object-fit:contain}.bg-flat-preview__controls{flex:0 0 auto;display:flex;justify-content:center;gap:12px}.bg-3d-preview__fb{background:#fff;border:1px solid #ddd;border-radius:4px;padding:6px 18px;font:600 14px/1 var(--font-body-family,Arial);cursor:pointer;transition:background .2s,border-color .2s}.bg-3d-preview__fb:hover,.bg-3d-preview__fb.is-active{border-color:#000}@media(max-width:767px){.bg-custom-modal.mobile-modal .mobile-images-container .bg-flat-preview--faces{flex-direction:column;gap:10px}.bg-custom-modal.mobile-modal .mobile-images-container .bg-flat-preview--faces .bg-flat-preview__stage img{width:auto;height:auto;max-width:100%;max-height:100%;object-fit:contain}}
/*# sourceMappingURL=/cdn/shop/t/12/assets/bg-design-modals.css.map */