@import"https://fonts.cdnfonts.com/css/copperplate-gothic-std";@import"https://fonts.cdnfonts.com/css/salsa";h5.footer__heading.mt0.mb0{font-size:calc(16px * var(--font-heading-scale))!important;display:block;width:100%}h1,h2,h3,h4,h5,h6{margin:0;padding:0}.h1,.h2,.h3,.h4,.h5,.h6,h1,h2,h3,h4,h5,h6{font-family:var(--font-heading-family);font-style:var(--font-heading-style);font-weight:var(--font-heading-weight)!important;color:var(--color-base)!important;--font-heading-line-height: 130%;line-height:var(--font-heading-line-height)!important;word-break:break-word}#preview-text-size,#preview-text-style,#preview-text-text{font-family:Salsa,cursive}.font-option.active{border:2px solid #CEAA92}.active a{background-color:#fff;color:#000!important;border-radius:10px}#size-section p{padding-right:40px;padding-left:40px;text-align:center}.browse-list .active:hover a{background-color:#fff!important;color:#000!important;border-radius:10px!important}.browse-list li:hover a{background-color:#fff;color:#000;border-radius:10px}a{text-decoration:none!important}li{list-style-type:none}.disable-data{pointer-events:none}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background-color:#ebebeb;-webkit-border-radius:10px;border-radius:10px}::-webkit-scrollbar-thumb{-webkit-border-radius:10px;border-radius:10px;background:#6d6d6d}.content-main{display:flex}.ImgIcon{width:auto;height:auto}.frames-section{width:100%}.frames-section h3{width:100%!important}.customization-section h3{margin-bottom:0}#text-section .customization-section h3{font-size:22px}.section-heading h3{font-size:20px}.sidebar-navigation{width:100%;max-width:238px;padding:84px 25px 25px;background-image:url(./bg-sidebar.jpg);position:relative;height:100%;min-height:730px!important;background-repeat:no-repeat;background-size:cover;background-position:right}.content-section{width:calc(100% - 238px);background-color:#f6f7fa;padding:20px 10px;position:relative}.browse-list{margin:0;padding:0;text-align:center}.browse-list li{list-style-type:none;margin-bottom:34px}.browse-list li a{font-size:18px;color:#fff;padding:10px 20px;display:flex;gap:10px;justify-content:center;align-items:center;font-weight:600}.browse-list li:hover a svg path,.browse-list li.active a svg path{stroke:#000}.browse-list li:nth-child(2):hover a svg path,.browse-list li.active:nth-child(2) a svg path{fill:#000;stroke:none}.browse-list span{font-size:17px}.img-scroll{overflow-y:scroll;overflow-x:hidden;max-height:540px}.upload-container{width:100%;max-width:624px;background-color:#fff;margin:0 auto;padding:65px;text-align:center;position:relative;border:2px solid #CFAA90;border-radius:12px}.upload-container h1{color:#cfaa90!important;font-size:20px;font-weight:700!important;line-height:29.26px!important;text-align:center}.upload-container h1 span{color:#cfaa90;font-weight:700}.upload-img img{width:100%;max-width:65px}.upload-new-link{position:absolute;bottom:60px;left:0;display:block;width:100%;text-align:center;border-top:1px solid #fff;padding-top:38px}.upload-new-link a{color:#fff;display:flex;gap:10px;justify-content:center;align-items:center;font-size:18px;font-weight:600}.active p{font-size:11px}#email-capture-section .upload-container{max-width:500px}#email-submit-button:hover{background-color:#b8966d!important;transform:translateY(-1px);box-shadow:0 4px 8px #0000001a}#email-submit-button:disabled{background-color:#ccc!important;cursor:not-allowed!important;transform:none!important;box-shadow:none!important}#email-input:focus{outline:none;border-color:#b8966d;box-shadow:0 0 5px #cfaa904d}@media (max-width: 575px){#email-capture-section .upload-container{padding:40px 30px}#email-capture-section h1{font-size:18px;line-height:26px}#email-capture-section p{font-size:14px}.email-form-container{max-width:100%!important}#email-input,#email-submit-button{font-size:14px;padding:12px}}.bottom-line{margin-top:17px!important}.right-content{height:100%;width:100%}.gallery-images-row,.customization-content-row{display:flex;justify-content:space-around;align-items:flex-start}.mobile-menu{display:none}.poster-preview-column,.options-column{margin:0;padding:0 5px}.ImgIcon img{border-radius:6px;aspect-ratio:5 / 7;height:98px;object-fit:cover;display:flex;justify-content:center;margin:auto;width:120px;max-width:100%!important}.gallery-item{position:relative;width:100%;margin-bottom:30px}.gallery-item img{width:100%;max-width:250px;height:250px;object-fit:cover;border-radius:10px;border:1px solid #CFAA90}b.text{position:absolute;left:0;top:50%;right:0;color:#fff;font-size:22px;font-weight:700;margin:0 auto;text-align:center}.gallery-item a{position:absolute;right:14px;top:10px;transition:.5s;color:#fff}.text{display:none;transition:.5s}.gallery-item:hover .text{display:block;transition:.5s}.bin-icon{display:none;transition:.5s}.gallery-item:hover .bin-icon{display:block;transition:.5s}.gallery-item:hover img{transition:.5s;filter:blur(3px)}.style-preview{border:1px solid #CEAA90;border-radius:10px;box-sizing:border-box;padding:8px;transition:border .3s ease}.item.active .style-preview{border:2px solid #874214;box-shadow:0 0 10px #8742144d}.customization-section{display:flex;padding:15px 0;gap:11px;align-items:center}.customization-section h3 b{font-size:20px}.container-right{padding:20px;border:2px solid #ceaa92;border-radius:10px;box-shadow:0 2px 3px #0000004f;background-color:#fff;height:100%}.container-right .style-preview p{font-size:14px;color:#cfaa90;font-weight:700;line-height:20px;text-align:center}.form-input{width:313px;height:33px;border-radius:8px;border:1px solid #ceaa92;width:100%;max-width:370px;padding:5px 10px}.radio-btn{padding:0}.radio-btn span.checkmark{font-size:15px;font-weight:600}.font-options-container{padding:9px 0;display:flex;flex-wrap:wrap;gap:10px}.font-option{font-weight:600!important;font-size:17px;border:1px solid #CEAA92;padding:6px 4px;border-radius:4px;width:100%;max-width:40px;text-align:center;transition-duration:.35s}.font-options-container .active{border:1.5px solid #874214}.cart-actions-card{display:flex;align-items:center}.cart-form-container{background-color:#ceaa92;border-radius:10px;padding:10px 5px}.frame-container{max-width:400px;margin:0 auto;padding:4%;background-image:url();background-size:100% 100%;background-repeat:no-repeat;box-sizing:border-box;transition:all .3s ease}.poster-area{background-color:#fff;aspect-ratio:742.5/999;display:flex;flex-direction:column;justify-content:space-between;align-items:center;position:relative;overflow:hidden}.notext .poster-text{display:none}.poster-image{width:100%;height:auto;object-fit:contain;border-radius:0;cursor:pointer;transition:all .3s ease}.poster-area.with-text .poster-image{width:85%;margin-top:3%}.poster-image:hover{opacity:.7}.poster-text{text-align:center;transition:all .3s ease;font-size:1.9em}.frame-selection ul{display:grid;gap:15px;grid-template-columns:repeat(auto-fill,minmax(80px,1fr));width:100%;padding-left:0;list-style:none;box-sizing:border-box;justify-content:normal;justify-items:center}ul#frameList li{width:100%;box-sizing:border-box}.frame-option{width:100%;min-height:120px;aspect-ratio:1/1}ul#frameList li p{padding:0;margin:0 0 10px;font-size:14px;font-weight:500}.frame-option{position:relative;border:1px solid #CEAA92;border-radius:10px;overflow:hidden;background-color:#f9f9f9;min-height:94px;cursor:pointer;aspect-ratio:1/1}.frame-option.active{border:1.5px solid #874214;aspect-ratio:1/1}.frame-image{position:absolute}.frame-image img{width:100%;height:auto}.cart-form-container .add-to-cart-container p{margin:0}.items{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:10px;padding:5px;list-style:none;margin:0;max-width:100%;overflow-x:hidden;box-sizing:border-box}.item{position:relative;width:100%;box-sizing:border-box;overflow:hidden}.item img{width:100%;height:100%;display:block;border-radius:8px;object-fit:cover;aspect-ratio:1 / 1}@media (min-width: 1024px){.customization-section h3{width:22%}}@media (min-width: 1400px){.customization-section h3{width:14%}}@media (max-width: 1023px){.browse-list li a svg path{stroke:#cfaa90!important}.browse-list li:nth-child(2) a svg path{fill:#cfaa90!important;stroke:none!important}.upload-new-link a svg path{stroke:#cfaa90}.customization-section h3{min-width:40px}.upload-container{padding:25px;border:1px solid #CFAA90;border-radius:12px}.mobile-menu{display:block}.content-main{flex-direction:column}.customization-section h3 b{font-size:15px}#upload-section{width:100%}.sidebar-navigation{width:100%;max-width:100%;height:auto;padding:60px 0 30px;background:transparent;min-height:auto!important}.browse-list{display:flex;justify-content:space-between;flex-wrap:wrap;row-gap:10px}.browse-list li{margin-bottom:0}.browse-list li a{flex-direction:column;padding:15px 6px;border:1px solid transparent;border-radius:10px;min-width:60px;color:#000}.browse-list li a svg{height:22px}.browse-list img{display:none}.upload-new-link{bottom:inherit;padding-top:10px;top:0}.upload-new-link a{color:#000;justify-content:end;font-size:15px}.upload-new-link a span{font-weight:400}.browse-list li.active a{border:1px solid #CFAA90}.browse-list li.active a span{color:#cfaa90;font-weight:700}.browse-list span{font-size:13px}.mobile-menu{display:none}#toggle{width:36px;height:30px;margin:10px auto;background-color:transparent}#toggle div{width:100%;height:5px;background:#cfaa90;margin:4px auto;transition:all .3s;backface-visibility:hidden}#toggle.on .hamburger-line-top{transform:rotate(45deg) translate(5px,5px)}#toggle.on .hamburger-line-middle{opacity:0}#toggle.on .hamburger-line-bottom{transform:rotate(-45deg) translate(7px,-8px)}.content-section{width:100%}}@media (max-width: 767px){.container-right{margin-top:30px}}@media (max-width: 575px){.gallery-item img{max-width:400px;height:auto;max-height:340px}.gallery-item{text-align:center;max-width:90%;margin:20px}.background-frame img{box-shadow:inherit}.content-section{background-color:transparent}.container-right{margin-top:30px;box-shadow:none;border:none;padding:0}#style-section .cart-form-container{margin-top:0!important}.right-content{margin-top:30px}.frame-selection{margin-top:10px}.expanded-image{width:100%}#caption-style,#caption-text,#caption-size{font-size:18px;padding:6px 12px;top:10px}.modal-nav-arrow{font-size:60px}.modal-nav-prev{left:15px}.modal-nav-next{right:15px}.modal-nav-dots{bottom:15px;gap:8px}.modal-nav-dot{width:10px;height:10px}}@media (max-width: 575px){.grid [class*=col-]{position:relative;flex:0 0 auto;width:100%!important;padding-right:calc(var(--page-padding) / 2);padding-left:calc(var(--page-padding) / 2)}.content-section{padding:0}.frame-selection ul{grid-template-columns:repeat(auto-fill,minmax(80px,1fr))}.frame-option{min-height:120px;aspect-ratio:1/1}}input.addtocartbutton{background-color:transparent;border:0;font-size:20px;padding:0;color:#fff}.expanded-image-container{display:none;position:fixed;z-index:99;padding-top:100px;left:0;top:0;width:100%;height:100%;overflow:auto;background-color:#000;background-color:#000000e6}.expanded-image{margin:auto;display:block;width:auto!important;max-width:900px;background-color:#000000e6!important}.expanded-image{-webkit-animation-name:zoom;-webkit-animation-duration:.6s;animation-name:zoom;animation-duration:.6s}@-webkit-keyframes zoom{0%{-webkit-transform:scale(0)}to{-webkit-transform:scale(1)}}@keyframes zoom{0%{transform:scale(0)}to{transform:scale(1)}}#expanded-image-style,#expanded-image-text,#expanded-image-size{width:auto;height:auto;max-width:95%;max-height:95%;object-fit:contain;margin:auto}.close-button{position:absolute;top:15px;right:35px;color:#f1f1f1;font-size:40px;font-weight:700;transition:.3s}.close-button:hover,.close-button:focus{color:#bbb;text-decoration:none;cursor:pointer}#caption-style,#caption-text,#caption-size{position:absolute;top:15px;left:50%;transform:translate(-50%);color:#f1f1f1;font-size:24px;font-weight:700;text-align:center;background-color:#000000b3;padding:8px 16px;border-radius:4px;z-index:100}.modal-nav-arrow{position:absolute;top:50%;transform:translateY(-50%);color:#ffffffe6;font-size:80px;font-weight:700;cursor:pointer;-webkit-user-select:none;user-select:none;z-index:101;transition:all .3s ease;opacity:.8;text-shadow:2px 2px 8px rgba(0,0,0,.7);line-height:1}.modal-nav-prev{left:30px}.modal-nav-next{right:30px}.modal-nav-arrow:hover{opacity:1;transform:translateY(-50%) scale(1.2);color:#bd8148;text-shadow:3px 3px 12px rgba(0,0,0,.8)}.modal-nav-arrow.disabled{opacity:.3;cursor:not-allowed;pointer-events:none;color:#ffffff4d}.modal-nav-dots{position:absolute;bottom:20px;left:50%;transform:translate(-50%);display:flex;gap:10px;z-index:101}.modal-nav-dot{width:12px;height:12px;border-radius:50%;background-color:#ffffff80;cursor:pointer;transition:all .3s ease}.modal-nav-dot.active{background-color:#bd8148;transform:scale(1.2)}.modal-nav-dot:hover{background-color:#fffc}.modal-nav-preview{position:absolute;top:50%;transform:translateY(-50%);width:120px;height:160px;background-size:cover;background-position:center;border-radius:12px;opacity:.9;transition:all .3s ease;cursor:pointer;border:3px solid rgba(255,255,255,.4);z-index:102;box-shadow:0 8px 32px #0006;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.modal-nav-preview:hover{opacity:1;transform:translateY(-50%) scale(1.08);border-color:#ffffffb3;box-shadow:0 12px 48px #0009}.modal-nav-preview.prev{left:120px}.modal-nav-preview.next{right:120px}.modal-nav-preview.disabled{opacity:.2;cursor:not-allowed;pointer-events:none}.modal-nav-preview:after{content:attr(data-style-name);position:absolute;bottom:-35px;left:50%;transform:translate(-50%);color:#ffffffe6;font-size:12px;font-weight:500;text-align:center;white-space:nowrap;max-width:140px;overflow:hidden;text-overflow:ellipsis;opacity:0;transition:opacity .3s ease;background-color:#000000b3;padding:4px 8px;border-radius:6px;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.modal-nav-preview:hover:after{opacity:1}@media (max-width: 1023px){.modal-nav-preview{display:none!important}.modal-nav-prev{left:20px!important}.modal-nav-next{right:20px!important}}@media (max-width: 575px){.modal-nav-preview.prev,.modal-nav-preview.next{display:none!important;visibility:hidden!important}}@media (min-width: 1024px){.modal-nav-preview{display:block}.modal-nav-prev{left:40px;z-index:103}.modal-nav-next{right:40px;z-index:103}}@media (min-width: 1400px){.modal-nav-preview{width:140px;height:180px}.modal-nav-preview.prev{left:140px}.modal-nav-preview.next{right:140px}}.bar{background:linear-gradient(90deg,#bd81484d,#f0f0f099,#f0f0f0);border:1px solid #ddd;border-radius:30px;margin:10px 0;width:100%;height:20px;overflow:hidden;position:relative;box-shadow:inset 0 2px 4px #0000001a}.progress{background:linear-gradient(90deg,#bd8148,#d4965a,#bd8148);position:absolute;top:0;left:0;height:100%;width:0;transition:width .3s ease-out;border-radius:30px;box-shadow:0 1px 3px #bd81484d}.progress.css-animation-fallback{animation:progressBarFill 5s linear forwards;animation-play-state:running}.percentage{font-size:14px;text-align:center;margin-top:10px}@keyframes progressBarFill{0%{width:0%}to{width:100%}}.price-display{color:#fff;margin-top:2px;font-size:19px;text-align:left}.add-to-cart-container{font-weight:600;font-size:20px;text-align:end;align-self:center;color:#fff;align-items:center;margin-top:0}.image-loading-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:#ffffffe6;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:10;border-radius:8px}.loading-spinner{width:32px;height:32px;border:3px solid #f0f0f0;border-top:3px solid #333;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:8px}.style-loading-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:#000c;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:15;border-radius:8px;color:#fff}.style-loading-spinner{width:24px;height:24px;border:2px solid rgba(255,255,255,.3);border-top:2px solid white;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:6px}.style-loading-text{font-size:12px;font-weight:500;text-align:center}.style-loading{opacity:.7;transition:opacity .3s ease}.style-success{box-shadow:0 0 20px #cfaa9099;transition:all .3s ease}.style-error{transform:scale(.98);box-shadow:0 0 20px #f4433666;transition:all .3s ease}img[data-src]{background:#f5f5f5;background-image:linear-gradient(90deg,transparent,rgba(255,255,255,.4),transparent);background-size:200px 100%;background-repeat:no-repeat;animation:loading-shimmer 1.5s infinite}.progressive-image{transition:opacity .3s ease-in-out}.progressive-image.loading{opacity:.7}.performance-metrics{position:fixed;top:10px;right:10px;background:#000c;color:#fff;padding:8px 12px;border-radius:4px;font-size:11px;z-index:1000;display:none}.performance-metrics.show{display:block}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes loading-shimmer{0%{background-position:-200px 0}to{background-position:calc(200px + 100%) 0}}@keyframes pulse{0%{opacity:1}50%{opacity:.5}to{opacity:1}}@media (max-width: 575px){.image-loading-overlay{background:#fffffff2}.loading-spinner{width:24px;height:24px;border-width:2px}.style-loading-overlay{background:#000000e6}}@media (-webkit-min-device-pixel-ratio: 2),(min-resolution: 192dpi){.loading-spinner,.style-loading-spinner{border-width:1px}}@media (prefers-reduced-motion: reduce){.loading-spinner,.style-loading-spinner{animation:none}.progressive-image,.style-success,.style-error,.gallery-item.lazy{transition:none}img[data-src]{animation:none}}
/*# sourceMappingURL=/cdn/shop/t/49/assets/tpp-custom.css.map */