.template-product-customizer .announcement-bar-section,.template-product-customizer .shopify-section-group-header-group,.template-product-customizer .shopify-section-group-footer-group{display:none!important}.product-customizer-wrapper{height:100%;width:100%}.product-customizer-wrapper button{cursor:pointer;transition:all .3s ease}.product-customizer-wrapper button .icon{transition:all .3s ease}.product-customizer-wrapper .left-bar{border-radius:0 30px 30px 0;background:#ffffff80;box-shadow:0 2px 8px #0000001a;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);width:146px;text-align:center;padding:14px;position:fixed;left:24px;top:24px;bottom:24px;transition:all .3s ease}.product-customizer-wrapper .left-bar.hide{left:-150px}.product-customizer-wrapper .left-bar .hide-show-btn{position:absolute;display:flex;width:32px;height:32px;padding:3px;justify-content:center;z-index:1;align-items:center;gap:10px;border-radius:100px;background:gold;border:none;right:-9px;top:24px;color:#303030}.product-customizer-wrapper .left-bar .hide-show-btn .icon{width:7px;height:auto;transform:rotate(0)}.product-customizer-wrapper .left-bar .hide-show-btn:before{content:"";position:absolute;top:-3px;right:-3px;bottom:-3px;left:-3px;border-radius:50%;fill:#ffffff40;box-shadow:0 1px 4px #00000040 inset}.product-customizer-wrapper .left-bar.hide .hide-show-btn{right:-30px;border-radius:0 15px 15px 0}.product-customizer-wrapper .left-bar.hide .hide-show-btn:before{top:-5px;right:-5px;bottom:-5px;left:-5px;border-radius:0 20px 20px 0}.product-customizer-wrapper .left-bar.hide .hide-show-btn .icon{transform:rotate(180deg)}.product-customizer-wrapper .left-bar .tool-list{display:flex;flex-flow:column;gap:0;overflow-y:auto;height:calc(100vh - 80px);margin-right:-7px;padding-right:7px}.product-customizer-wrapper .left-bar .tool-list::-webkit-scrollbar{width:2px;border-radius:3px}.product-customizer-wrapper .left-bar .tool-list::-webkit-scrollbar-track{background:#f1f1f1;border-radius:3px}.product-customizer-wrapper .left-bar .tool-list::-webkit-scrollbar-thumb{background:#888;border-radius:3px}.product-customizer-wrapper .left-bar .tool-list .tool-item{display:flex;flex-flow:column;align-items:center;position:relative}.product-customizer-wrapper .left-bar .tool-list .tool-item button{display:flex;flex-flow:column;align-items:center;background:transparent;border:none;gap:8px;margin:0;padding:10px 20px;color:#262626;width:100%}.product-customizer-wrapper .left-bar .tool-list .tool-item .icon-box{display:flex;width:25px;height:25px;padding:3px;justify-content:center;align-items:center;gap:8px;border:#262626 1px solid;border-radius:50%}.product-customizer-wrapper .left-bar .tool-list .tool-item .icon-box svg{height:13px;width:13px;object-fit:contain;transition:all .3s ease}.product-customizer-wrapper .left-bar .tool-list .tool-item .btn-text{color:currentcolor;font-size:14px;font-style:normal;font-weight:400;line-height:20px}.product-customizer-wrapper .left-bar .tool-list .tool-item button:hover{border-radius:25px;background:#f1f1f1}.product-customizer-wrapper .left-bar .tool-list .tool-item button:hover .icon-box{background:#000;transition:all .3s ease}.product-customizer-wrapper .left-bar .tool-list .tool-item button:hover .icon-box svg{fill:#fff;color:#fff}.product-customizer-wrapper .left-bar .tool-list .tool-item button .image-box{display:flex;width:100%;position:relative;border-radius:50%;border:#000 1px solid;overflow:hidden}.product-customizer-wrapper .left-bar .tool-list .tool-item button .image-box:before{content:"";width:100%;display:flex;padding-bottom:100%}.product-customizer-wrapper .left-bar .tool-list .tool-item button .image-box img{position:absolute;height:70%;width:70%;object-fit:contain;top:50%;left:50%;transform:translate(-50%,-50%)}.product-customizer-wrapper .left-bar .tool-list .tool-item .item-popup{position:absolute;left:calc(100% + 20px);top:0}.product-customizer-wrapper .left-bar .tool-list .tool-item .radio-wrapper{display:flex;flex-flow:column;gap:8px;padding:10px}.product-customizer-wrapper .left-bar .tool-list .tool-item .radio-wrapper .radio-item{position:relative;display:flex;flex-flow:column;align-items:center;gap:4px}.product-customizer-wrapper .left-bar .tool-list .tool-item .radio-wrapper .radio-item input{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;cursor:pointer;opacity:0;margin:0}.product-customizer-wrapper .left-bar .tool-list .tool-item .radio-wrapper .radio-item input+span{display:flex;height:19px;width:49px;border-radius:20px;background:#d9cbbb;position:relative;transition:all .3s ease}.product-customizer-wrapper .left-bar .tool-list .tool-item .radio-wrapper .radio-item input+span:before{content:"";width:15px;height:15px;position:absolute;left:2px;top:2px;border-radius:50%;background:#fcf7ea;transition:all .3s ease}.product-customizer-wrapper .left-bar .tool-list .tool-item .radio-wrapper .radio-item input:checked+span{background:#f54a1f}.product-customizer-wrapper .left-bar .tool-list .tool-item .radio-wrapper .radio-item input:checked+span:before{left:32px}.product-customizer-wrapper .left-bar .item-popup{position:absolute;left:calc(100% + 40px);top:100px;border-radius:30px;border:.5px solid #FFF;background:#ffffff80;box-shadow:0 2px 8px #0000001a;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);text-align:left;display:inline-flex;width:314px;padding:16px 20px;transition:all .3s ease;flex-direction:column;justify-content:center;align-items:flex-start;gap:12px}.product-customizer-wrapper .left-bar .item-popup .popup-title{color:#262626;font-size:18px;font-style:normal;font-weight:500;line-height:normal;margin:0}.product-customizer-wrapper .left-bar .item-popup .texts,.product-customizer-wrapper .left-bar .item-popup .texts p{color:#000;font-size:14px;font-style:normal;font-weight:400;line-height:20px}.product-customizer-wrapper .left-bar .item-popup .texts p:first-child{margin-top:0}.product-customizer-wrapper .left-bar .item-popup .texts p:last-child{margin-bottom:0}.product-customizer-wrapper .left-bar .item-popup .select-color{padding:0;background:transparent;border:none;display:flex;align-items:center;gap:10px}.product-customizer-wrapper .left-bar .item-popup .select-color>span{opacity:.6}.product-customizer-wrapper .left-bar .item-popup .select-color #popup-color{border:rgba(0,0,0,.3) 1px dashed;background:none;height:40px;width:80px;border-radius:20px;cursor:pointer}.product-customizer-wrapper .left-bar .item-popup .select-color #popup-color::-webkit-color-swatch-wrapper{padding:0;scale:1.2}.product-customizer-wrapper .left-bar .item-popup .custom-select{width:100%;border-radius:25px;border:rgba(0,0,0,.2) 1px solid}.product-customizer-wrapper .left-bar .item-popup .custom-select select{height:40px;width:100%;border:none;-webkit-appearance:none;background:transparent;padding:0 15px;cursor:pointer}.product-customizer-wrapper .left-bar .item-popup .grid:has(.custom-select){width:100%}.product-customizer-wrapper .left-bar .item-popup .grid:has(.custom-select) .shopify-block{width:100%}.product-customizer-wrapper .top-bar{position:fixed;left:206px;top:24px;right:24px;display:flex;justify-content:space-between;gap:24px;z-index:1;transition:all .3s ease}.product-customizer-wrapper .top-bar .left-parts{display:flex;gap:24px}.product-customizer-wrapper .top-bar .tool-list{display:inline-flex;padding:16px 32px;align-items:center;gap:0;border-radius:600px;background:#ffffff80;box-shadow:0 2px 8px #0000001a}.product-customizer-wrapper .top-bar .tool-list .tool-item{display:flex;align-items:center;position:relative}.product-customizer-wrapper .top-bar .tool-list .tool-item button{display:flex;align-items:center;background:transparent;border:none;gap:8px;margin:0;padding:8px 12px;color:#262626}.product-customizer-wrapper .top-bar .tool-list .tool-item button .icon-box{display:flex;width:25px;height:25px;padding:3px;justify-content:center;align-items:center;gap:8px;border:#262626 1px solid;border-radius:50%}.product-customizer-wrapper .top-bar .tool-list .tool-item button .icon-box svg{height:13px;width:13px;object-fit:contain;transition:all .3s ease}.product-customizer-wrapper .top-bar .tool-list .tool-item button:hover{border-radius:38px;background:#f1f1f1;padding:8px 24px}.product-customizer-wrapper .top-bar .tool-list .tool-item button:hover .icon-box{background:#000;transition:all .3s ease}.product-customizer-wrapper .top-bar .tool-list .tool-item button:hover .icon-box svg{fill:#fff;color:#fff}.product-customizer-wrapper .top-bar .tool-list .tool-item.active button{border-radius:38px;background:#f1f1f1;padding:8px 24px}.product-customizer-wrapper .top-bar .tool-list .tool-item.active button .icon-box{background:#000}.product-customizer-wrapper .top-bar .tool-list .tool-item.active button .icon-box svg{fill:#fff;color:#fff}.product-customizer-wrapper .top-bar .tool-list .tool-item .item-popup{position:absolute;left:0;top:calc(100% + 58px);border-radius:30px;border:.5px solid #FFF;background:#f1f1f1cc;box-shadow:0 0 5.6px #00000040;-webkit-backdrop-filter:blur(8.399999618530273px);backdrop-filter:blur(8.399999618530273px);display:inline-flex;width:314px;padding:16px 12px 16px 16px;flex-direction:column;justify-content:center;align-items:flex-start;gap:12px;opacity:0;visibility:hidden;transition:all .3s ease}.product-customizer-wrapper .top-bar .tool-list .tool-item.active .item-popup{opacity:1;visibility:visible;top:calc(100% + 38px)}.product-customizer-wrapper .top-bar .tool-list .tool-item .item-popup .popup-title{color:#262626;font-size:18px;font-style:normal;font-weight:500;line-height:normal;margin:0}.product-customizer-wrapper .top-bar .tool-list .tool-item .item-popup .texts,.product-customizer-wrapper .top-bar .tool-list .tool-item .item-popup .texts p{color:#000;font-size:14px;font-style:normal;font-weight:400;line-height:20px}.product-customizer-wrapper .top-bar .tool-list .tool-item .item-popup .texts p:first-child{margin-top:0}.product-customizer-wrapper .top-bar .tool-list .tool-item .item-popup .texts p:last-child{margin-bottom:0}.product-customizer-wrapper .top-bar .tool-list .tool-item .item-popup .popup-btn{border:none;display:flex;padding:8px 24px;align-items:center;gap:10px;border-radius:38px;background:#262626;color:#fff;text-align:center;font-size:16px;font-style:normal;font-weight:400;line-height:normal}.product-customizer-wrapper .top-bar .tool-list .tool-item .item-popup .popup-btn:hover{background:#f54a1f}.product-customizer-wrapper .top-bar .tool-list .tool-item .item-popup .edit-form{display:flex;width:100%;display:none}.product-customizer-wrapper .top-bar .tool-list .tool-item .item-popup .edit-form form{width:100%}.product-customizer-wrapper .top-bar .tool-list .tool-item .item-popup .edit-form.open{display:flex}.product-customizer-wrapper .top-bar .tool-list .tool-item .item-popup .edit-form .field-box{display:flex;position:relative}.product-customizer-wrapper .top-bar .tool-list .tool-item .item-popup .edit-form .field-box .field-item{width:100%;border:#000 1px solid;padding:5px 20px;height:45px;border-radius:30px}.product-customizer-wrapper .top-bar .tool-list .tool-item .item-popup .edit-form .field-box .file-item{margin:auto;padding:1.5em;cursor:pointer;border:1px dashed #bbb;background-color:#fff;transition:border-color .25s ease-in-out;width:100%;border-radius:20px}.product-customizer-wrapper .top-bar .tool-list .tool-item .item-popup .edit-form .field-box .file-item::file-selector-button{padding:1em 1.5em;border-width:0;border-radius:2em;background-color:gold;color:#000;transition:all .25s ease-in-out;cursor:pointer;margin-right:1em}.product-customizer-wrapper .top-bar .tool-list .tool-item .item-popup .edit-form .field-box .file-item:hover{border-color:#888}.product-customizer-wrapper .top-bar .tool-list .tool-item .item-popup .edit-form .field-box .file-item:hover::file-selector-button{background-color:#f54a1f;color:#fff}.product-customizer-wrapper .top-bar .tool-list .tool-item .item-popup .edit-form:has(.add-QR) .field-item{border-radius:}.product-customizer-wrapper .top-bar .upload-img{display:inline-flex;padding:24px 56px;align-items:center;gap:10px;border-radius:600px;background:#ffffff80;box-shadow:0 2px 8px #0000001a;margin:0;border:none}.product-customizer-wrapper .top-bar .upload-img:hover{background:gold}.product-customizer-wrapper .top-bar .right-parts{display:flex;gap:10px;align-items:center}.product-customizer-wrapper .top-bar .r-parts-btn{display:inline-flex;padding:14px 32px 16px;justify-content:center;align-items:center;gap:10px;line-height:1;border-radius:30px;background:#ffffff80;box-shadow:0 2px 8px #0000001a;margin:0;border:none;color:#262626;text-decoration:none}.product-customizer-wrapper .top-bar .r-parts-btn:hover{background:gold}.product-customizer-wrapper .top-bar .r-parts-btn .icon{flex-shrink:0;height:20px;width:20px;object-fit:contain}.product-customizer-wrapper:has(.left-bar.hide) .top-bar{left:56px}.product-customizer-wrapper:has(.left-bar.hidden) .top-bar{left:56px}.product-customizer-wrapper .bottom-bar{position:fixed;left:206px;bottom:24px;right:24px;display:flex;justify-content:space-between;gap:24px;transition:all .3s ease}.product-customizer-wrapper .bottom-bar .right-part{margin-left:auto}.product-customizer-wrapper .bottom-bar .right-part .apply-design{width:105px;height:105px;flex-shrink:0;background:#262626;border:none;text-align:center;display:flex;align-items:center;justify-content:center;color:#fff;font-size:16px;font-style:normal;font-weight:500;line-height:140%;border-radius:50%;padding:10px}.product-customizer-wrapper .bottom-bar .right-part .apply-design:hover{background:#f54a1f}.product-customizer-wrapper:has(.left-bar.hide) .bottom-bar{left:56px}.product-customizer-wrapper:has(.left-bar.hidden) .bottom-bar{left:56px}.product-customizer-wrapper .bottom-bar .undo-redo-btns-wrapper{display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);gap:15px}.product-customizer-wrapper .bottom-bar .undo-redo-btns-wrapper .cen-btn{display:flex;align-items:center;justify-content:center;border:none;box-shadow:none;cursor:pointer;background:#f1f1f1cc;height:40px;width:65px;border-radius:40px}.product-customizer-wrapper .bottom-bar .undo-redo-btns-wrapper .cen-btn .icon{height:18px;width:auto}.product-customizer-wrapper .bottom-bar .undo-redo-btns-wrapper .cen-btn:hover{background:gold}.center-part{position:fixed;top:0;left:0;width:100%;height:100%;background:#0000001a;display:flex;justify-content:center;align-items:center;z-index:1000;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.center-part .center-part-container{max-width:325px;width:100%;padding:32px;border-radius:30px;border:.5px solid #FFF;background:#fff;box-shadow:0 0 5.6px #00000040;-webkit-backdrop-filter:blur(8.399999618530273px);backdrop-filter:blur(8.399999618530273px);text-align:center}.center-part .center-part-container .box-title{color:#262626;font-size:18px;font-style:normal;font-weight:500;line-height:normal}.center-part .center-part-container .box-text{color:#000;font-size:16px;font-style:normal;font-weight:400;line-height:1.25;margin:24px 0}.center-part .center-part-container .box-option{position:relative}.center-part .center-part-container .box-option .OptionBySelected{border-radius:34px;border:1px solid #000;display:flex;padding:16px 30px;justify-content:center;. align-items: center;gap:10px;cursor:pointer;align-items:center}.center-part .center-part-container .box-option .OptionBySelected.open,.center-part .center-part-container .box-option .OptionBySelected:hover{text-decoration:none;background:#262626;color:#fff;border-color:#262626}.center-part .center-part-container .box-option .OptionBySelected .svg-wrapper{width:24px;height:24px;transform:rotate(180deg);transition:all .3s ease}.center-part .center-part-container .box-option .OptionBySelected.open .svg-wrapper{transform:rotate(0)}.center-part .center-part-container .box-option .ByOptions{position:absolute;display:inline-flex;padding:16px;flex-direction:column;align-items:center;height:25vh;overflow-y:scroll;justify-content:flex-start;gap:8px;border-radius:30px;background:#f1f1f1;box-shadow:0 0 5.6px #00000040;margin:12px 0;-webkit-backdrop-filter:blur(8.399999618530273px);backdrop-filter:blur(8.399999618530273px);z-index:2;right:0;width:100%;transition:all .3s ease}.center-part .center-part-container .box-option .ByOptions::-webkit-scrollbar{width:2px;border-radius:3px}.center-part .center-part-container .box-option .ByOptions::-webkit-scrollbar-track{background:#f1f1f1;border-radius:3px}.center-part .center-part-container .box-option .ByOptions::-webkit-scrollbar-thumb{background:#888;border-radius:3px}.center-part .center-part-container .box-option .ByOptions li{display:flex;align-items:center;gap:18px;border-radius:38px;color:#262626;text-align:left;font-size:20px;font-style:normal;font-weight:400;line-height:150%;cursor:pointer;justify-content:center;width:100%;transition:all .3s ease}.center-part .center-part-container .box-option .ByOptions li:hover,.center-part .center-part-container .box-option .ByOptions li.active{cursor:pointer;color:#f54a1f;background:#fff}.center-part .center-part-container .box-option .ByOptions button{width:100%;height:100%;padding:10px 20px;margin:0;border:none;font-size:18px;background:transparent;line-height:1.35}.center-part .center-part-container .box-option .ByOptions li:hover button,.center-part .center-part-container .box-option .ByOptions li.active button{color:#f54a1f}.center-part .center-part-container .box-option .ByOptions .shopify-block{width:100%}.choose-options-wrapper .ByOptions li:has(input[disabled=disabled].disabled){opacity:.5;cursor:not-allowed}.choose-options-wrapper .ByOptions li:has(input[disabled=disabled].disabled) label{cursor:not-allowed}.template-product-customizer .main-canvas{text-align:center;max-width:fit-content;margin:0 auto;display:flex;max-height:calc(100vh - 150px);align-items:center;height:650px;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)}.template-product-customizer .main-canvas .canvas-container,.template-product-customizer .main-canvas .canvas-container canvas{height:100%!important;transition:all .3s ease}.page-loading{display:none;position:fixed;z-index:999;height:100%;width:100%;background:#fff3;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);left:0;top:0}.ganreting-image-cust-product .page-loading{display:flex;align-items:center;justify-content:center}.ganreting-image-cust-product .page-loading .icon{width:90px;height:auto}.rotate-msg{display:flex;flex-flow:column;align-items:center;justify-content:center;position:fixed;height:100%;width:100%;background:#0009;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);z-index:99999;display:none}.rotate-msg .msg-box{display:flex;flex-flow:column;gap:28px;align-items:center;max-width:106px;color:#fff;font-size:16px;font-style:normal;font-weight:400;line-height:24px;text-align:center}.choose-options-wrapper{display:flex;align-items:center;gap:20px}.choose-options-wrapper div[box-option]{position:relative}.choose-options-wrapper .OptionBySelected{border-radius:34px;border:1px solid #000;display:flex;padding:16px 30px;justify-content:center;. align-items: center;gap:10px;cursor:pointer;align-items:center}.choose-options-wrapper .OptionBySelected.open,.choose-options-wrapper .OptionBySelected:hover{text-decoration:none;background:#262626;color:#fff;border-color:#262626}.choose-options-wrapper .OptionBySelected .svg-wrapper{width:24px;height:24px;transform:rotate(180deg);transition:all .3s ease}.choose-options-wrapper .OptionBySelected.open .svg-wrapper{transform:rotate(0)}.center-part .center-part-container .selected-text{text-align:center;font-size:20px;font-style:normal;font-weight:500;line-height:normal;letter-spacing:0}.choose-options-wrapper .ByOptions{position:absolute;display:inline-flex;padding:16px;flex-direction:column;justify-content:center;align-items:center;gap:8px;border-radius:30px;background:#f1f1f1;box-shadow:0 0 5.6px #00000040;margin:12px 0;-webkit-backdrop-filter:blur(8.399999618530273px);backdrop-filter:blur(8.399999618530273px);z-index:2;right:0;width:max-content;transition:all .3s ease;top:100%}.choose-options-wrapper .ByOptions li{display:flex;padding:10px 24px;align-items:center;gap:18px;border-radius:38px;color:#262626;text-align:center;font-size:20px;font-style:normal;font-weight:400;line-height:150%;cursor:pointer;justify-content:center;width:100%;transition:all .3s ease;position:relative}.choose-options-wrapper .ByOptions li:hover,.choose-options-wrapper .ByOptions li:has(input:checked),.choose-options-wrapper .ByOptions li.active{cursor:pointer;color:#f54a1f;background:#fff}.choose-options-wrapper .ByOptions button{width:100%;height:100%;padding:0;margin:0;border:none;font-size:20px;background:transparent;line-height:1.5}.choose-options-wrapper .ByOptions li:hover button,.choose-options-wrapper .ByOptions li.active button{color:#f54a1f}.choose-options-wrapper .ByOptions li input[type=radio]{opacity:0;position:absolute;width:1px;height:1px;top:0;left:0}.choose-options-wrapper variant-radios-card{display:flex;gap:12px}.choose-options-wrapper variant-radios-card .OptionBySelected{margin:0;position:relative;border:none;border-radius:600px;background:#ffffff80;box-shadow:0 2px 8px #0000001a;padding:16px 24px}.choose-options-wrapper variant-radios-card .OptionBySelected .form__label{margin:0;font-size:16px;font-style:normal;font-weight:400;line-height:24px}.preview-on .product-customizer-wrapper .left-bar,.preview-on .product-customizer-wrapper .top-bar .left-parts,.preview-on .product-customizer-wrapper .top-bar .r-parts-btn,.preview-on .product-customizer-wrapper .bottom-bar,.preview-on .product-customizer-wrapper .main-canvas .zoom-control,.preview-on .product-customizer-wrapper .product-side{opacity:0;transition:all .3s ease;visibility:hidden}.preview-on .product-customizer-wrapper .top-bar .right-parts .close-preview{background-color:rgb(var(--color-background));color:rgba(var(--color-foreground),.55);display:flex;align-items:center;justify-content:center;cursor:pointer;right:2rem;position:fixed;z-index:2;top:2rem;width:4rem;border:.1rem solid rgba(var(--color-foreground),.1);border-radius:50%;padding:1.2rem;height:4rem}.preview-on.template-product-customizer .main-canvas .canvas-container{transform:scale(1.2);transition:all .3s ease}.product-customizer-wrapper .product-side{position:absolute;right:0;top:80px;width:110px;text-align:center}.product-customizer-wrapper .product-side .radio-wrapper{display:flex;flex-flow:column;gap:10px;padding:10px}.product-customizer-wrapper .product-side .radio-wrapper .radio-item{position:relative;display:flex;flex-flow:column;align-items:center;gap:4px}.product-customizer-wrapper .product-side .radio-wrapper .radio-item input{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;cursor:pointer;opacity:0;margin:0}.product-customizer-wrapper .product-side .radio-wrapper .radio-item input+span{display:flex;height:19px;width:49px;border-radius:25px;background:#d9cbbb;position:relative;transition:all .3s ease}.product-customizer-wrapper .product-side .radio-wrapper .radio-item input+span:before{content:"";width:15px;height:15px;position:absolute;left:2px;top:2px;border-radius:50%;background:#fcf7ea;transition:all .3s ease}.product-customizer-wrapper .product-side .radio-wrapper .radio-item input:checked+span{background:#f54a1f}.product-customizer-wrapper .product-side .radio-wrapper .radio-item input:checked+span:before{left:32px}.product-customizer-wrapper .product-side .radio-wrapper .radio-item label{font-size:14px;line-height:16px}@media screen and (max-width:1650px)and (min-width:750px){.product-customizer-wrapper .left-bar{border-radius:0 22px 22px 0;width:108px;padding:18px;left:18px;top:18px;bottom:18px}.product-customizer-wrapper .left-bar.hide{left:-111px}.product-customizer-wrapper .left-bar .hide-show-btn{width:24px;height:24px;padding:2px;gap:7px;right:-7px;top:18px}.product-customizer-wrapper .left-bar .hide-show-btn .icon{width:5px}.product-customizer-wrapper .left-bar.hide .hide-show-btn{right:-22px;border-radius:0 11px 11px 0}.product-customizer-wrapper .left-bar.hide .hide-show-btn:before{top:-4px;right:-4px;bottom:-4px;left:-4px;border-radius:0 15px 15px 0}.product-customizer-wrapper .left-bar .tool-list{gap:15px;margin-right:-9px;padding-right:9px}.product-customizer-wrapper .left-bar .tool-list .tool-item .btn-text{font-size:10px;line-height:15px}.product-customizer-wrapper .left-bar .tool-list .tool-item .radio-wrapper{gap:6px}.product-customizer-wrapper .left-bar .tool-list .tool-item .radio-wrapper .radio-item{gap:3px}.product-customizer-wrapper .left-bar .tool-list .tool-item .radio-wrapper .radio-item input+span{height:14px;width:36px}.product-customizer-wrapper .left-bar .tool-list .tool-item .radio-wrapper .radio-item input+span:before{width:11px;height:11px;left:2px;top:2px}.product-customizer-wrapper .left-bar .tool-list .tool-item .radio-wrapper .radio-item input:checked+span:before{left:24px}.product-customizer-wrapper .top-bar{left:152px;top:18px;right:18px;gap:18px}.product-customizer-wrapper .top-bar .left-parts{gap:18px}.product-customizer-wrapper .top-bar .tool-list{padding:12px 24px}.product-customizer-wrapper .top-bar .tool-list .tool-item button{padding:6px 9px}.product-customizer-wrapper .top-bar .tool-list .tool-item button:hover{padding:6px 18px}.product-customizer-wrapper .top-bar .upload-img{padding:18px 41px;gap:7px}.product-customizer-wrapper .top-bar .preview-btn{padding:10px 24px 12px;gap:7px}.product-customizer-wrapper:has(.left-bar.hide) .top-bar{left:41px}.product-customizer-wrapper .bottom-bar{left:152px;bottom:18px;right:18px;gap:18px}.product-customizer-wrapper .bottom-bar .right-part .apply-design{width:78px;height:78px;font-size:12px;padding:7px}.product-customizer-wrapper:has(.left-bar.hide) .bottom-bar{left:41px}.center-part .center-part-container{max-width:300px;padding:24px;border-radius:22px}.center-part .center-part-container .box-title{font-size:13px}.center-part .center-part-container .box-text{font-size:12px;margin:18px 0}.center-part .center-part-container .box-option .OptionBySelected{border-radius:25px;padding:11px 24px;gap:7px}.center-part .center-part-container .box-option .svg-wrapper{width:18px;height:18px}.center-part .center-part-container .box-option .ByOptions{padding:12px;gap:6px;border-radius:22px;margin:9px 0}.center-part .center-part-container .box-option .ByOptions li{gap:13px;font-size:15px;border-radius:28px}.center-part .center-part-container .box-option .ByOptions button{padding:7px 18px}}@media screen and (max-width:949px){.landscape-mode .rotate-msg{display:flex}.portrait-mode .rotate-msg{display:none}.center-part .center-part-container{padding:24px;border-radius:30px;max-width:276px}.center-part .center-part-container .box-text{margin:14.5px 0;font-size:14px;line-height:20px}.center-part .center-part-container .box-text p{font-size:14px;line-height:20px}.center-part .center-part-container .box-option{position:static}.center-part .center-part-container .box-option .OptionBySelected{padding:16px 30px}.center-part .center-part-container .selected-text{font-size:16px;font-style:normal;font-weight:500;line-height:normal}.product-customizer-wrapper .bottom-bar .right-part .apply-design{height:80px;width:80px;font-size:14px;line-height:16px}.product-customizer-wrapper .left-bar .hide-show-btn{display:none}.product-customizer-wrapper .left-bar{width:41px;padding:6px;left:12px;top:12px;bottom:12px;border-radius:0 15px 15px 0;background:#ffffff80;box-shadow:0 2px 8px #0000001a;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px)}.product-customizer-wrapper .left-bar .tool-list .tool-item .btn-text{display:none}.product-customizer-wrapper .left-bar .tool-list{gap:0;height:calc(100vh - 36px)}.product-customizer-wrapper .left-bar .tool-list .tool-item button{height:40px;justify-content:center;padding:0}.product-customizer-wrapper .left-bar .tool-list .tool-item button:hover{border-radius:5px;background:transparent}.product-customizer-wrapper:has(.left-bar.hidden) .top-bar{left:12px}.product-customizer-wrapper .top-bar{left:61px;top:12px;right:12px}.product-customizer-wrapper .top-bar .tool-list{border-radius:60px;background:#ffffff80;box-shadow:0 2px 8px #0000001a;padding:8px 16px}.product-customizer-wrapper .top-bar .tool-list .tool-item button{padding:4px 6px;gap:0px;font-size:0}.product-customizer-wrapper .top-bar .tool-list .tool-item.active button{padding:4px 12px;gap:6px;font-size:14px;line-height:21px}.product-customizer-wrapper .top-bar .tool-list .tool-item.active .item-popup{top:calc(100% + 16px);box-shadow:0 2px 8px #0000001a;width:320px;border-radius:15px;gap:6px}.product-customizer-wrapper .top-bar .tool-list .tool-item .item-popup .popup-title{font-size:16px}.product-customizer-wrapper .top-bar .tool-list .tool-item .item-popup .texts,.product-customizer-wrapper .top-bar .tool-list .tool-item .item-popup .texts p{font-size:13px;line-height:18px}.product-customizer-wrapper .top-bar .preview-btn{font-size:12px;min-width:92px;border-radius:60px;background:#ffffff80;box-shadow:0 2px 8px #0000001a;gap:6px;padding:14px 12px}.product-customizer-wrapper .top-bar .preview-btn .icon{width:16px;height:auto}.product-customizer-wrapper .bottom-bar{left:61px;bottom:12px;right:12px}.template-product-customizer .main-canvas{max-height:calc(100vh - 90px)}.template-product-customizer .main-canvas .canvas-container,.template-product-customizer .main-canvas .canvas-container canvas{object-fit:contain}}@media screen and (max-width:749px){.product-customizer-wrapper .left-bar{width:50px;left:0;z-index:2}.product-customizer-wrapper .left-bar .item-popup{left:calc(100% + 13px);top:130px;width:285px;border-radius:20px}.template-product-customizer .main-canvas{width:310px;height:450px;left:calc(50% + 25px);transform:translate(-50%,-50%);transition:all .2s ease}.template-product-customizer .main-canvas .canvas-container,.template-product-customizer .main-canvas .canvas-container canvas{width:310px!important}.product-customizer-wrapper:has(.left-bar.hidden) .main-canvas{left:50%}.center-part .center-part-container{border-radius:20px}.center-part .center-part-container .box-option .ByOptions{border-radius:20px;margin:35px 0 0}.center-part .center-part-container .box-option .ByOptions button{font-size:16px;padding:5px 15px}.product-customizer-wrapper .top-bar .right-parts{bottom:15px;left:65px;position:fixed;transition:all .5s ease}.product-customizer-wrapper:has(.left-bar.hidden) .top-bar .right-parts{left:15px}.product-customizer-wrapper .top-bar .right-parts .r-parts-btn,.product-customizer-wrapper .top-bar .preview-btn{padding:10px;min-width:auto;width:50px;height:50px;box-shadow:0 2px 4px #0000001a}.product-customizer-wrapper .top-bar .right-parts .r-parts-btn .btn-text{display:none}.product-customizer-wrapper .top-bar .r-parts-btn .icon{width:22px;height:auto}.product-customizer-wrapper .top-bar .left-parts{gap:16px;align-items:center;flex-wrap:wrap}.choose-options-wrapper variant-radios-card .OptionBySelected{padding:10px 16px}.choose-options-wrapper variant-radios-card .OptionBySelected .form__label{font-size:13px;letter-spacing:0}.choose-options-wrapper variant-radios-card .OptionBySelected,.product-customizer-wrapper .top-bar .tool-list{box-shadow:0 2px 6px #0000001a;padding:8px 13px}.product-customizer-wrapper .top-bar .tool-list .tool-item{position:static}.product-customizer-wrapper .top-bar .tool-list .tool-item .item-popup{z-index:1}.choose-options-wrapper .ByOptions li{font-size:15px;padding:5px 20px}.choose-options-wrapper .ByOptions li .swatch{width:30px}.product-customizer-wrapper .top-bar .tool-list .tool-item.active .item-popup{width:280px}.product-customizer-wrapper .top-bar .tool-list .tool-item .item-popup .edit-form .field-box{flex-flow:column;text-align:center;width:100%;gap:5px;margin-top:10px}.product-customizer-wrapper .top-bar .tool-list .tool-item .item-popup .popup-btn{justify-content:center;padding:12px 24px}.product-customizer-wrapper .product-side{position:fixed;right:auto;top:auto;width:150px;left:70px;bottom:75px;display:flex}.product-customizer-wrapper .product-side .radio-wrapper{display:flex;flex-flow:row;gap:10px;padding:0}.product-customizer-wrapper .product-side .radio-wrapper .radio-item label{font-size:12px;line-height:14px}.preview-on.template-product-customizer .main-canvas{left:50%}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/product-customizer.css.map */