.instant-box{background:#f8fafc url(../media/doted.443u__6l0tr9z.png);width:-webkit-fill-available;height:100vh;position:relative;min-height:100vh!important}.custom-name{background:#fff;flex-direction:row;justify-content:space-between;align-items:center;gap:24px;height:74px;padding:12px 24px;display:flex;position:absolute;top:0;left:0;right:0}.custom-name .label-name{flex-direction:row;flex:none;order:0;align-items:center;gap:20px;width:161px;height:34px;padding:0;display:flex}.custom-name .label-name .frame-k51{flex-direction:column;flex:none;order:0;align-items:flex-start;width:161px;height:34px;padding:0;display:flex}.custom-name .label-name .frame-k51 .frame-k79{flex-direction:row;flex:none;order:0;align-items:flex-start;gap:10px;width:161px;height:34px;padding:0 4px;display:flex}.save-draft-auto-div{opacity:1;align-items:center;gap:6px;width:500px;animation:.35s cubic-bezier(.22,1,.36,1) fadeSlideIn;display:flex;position:absolute;top:7px;left:190px;transform:none}.save-draft-auto-div svg{color:#0d9488;flex-shrink:0;width:16px;height:16px;animation:.55s cubic-bezier(.34,1.56,.64,1) 80ms both bounceCheck}.save-draft-auto-div svg path{fill:#0d9488;transition:fill .3s}.save-draft-auto-div div{color:#0d9488;letter-spacing:.1px;white-space:nowrap;align-items:center;width:auto;margin:0;padding:0;font-family:Inter;font-size:11px;font-style:normal;font-weight:500;line-height:1;display:flex!important}.prosess-draft-auto-div{opacity:1;align-items:center;gap:6px;width:500px;animation:.3s fadeSlideIn;display:flex;position:absolute;top:7px;left:190px;transform:none}.prosess-draft-auto-div svg{color:#0d9488;flex-shrink:0;width:16px;height:16px;animation:1s linear infinite spin}.prosess-draft-auto-div svg path{stroke:#0d9488;transition:stroke .2s}.prosess-draft-auto-div div{color:#0d9488;letter-spacing:.1px;white-space:nowrap;align-items:center;width:auto;margin:0;padding:0;font-family:Inter;font-size:11px;font-style:normal;font-weight:500;line-height:1;display:flex;position:relative}.prosess-draft-auto-div div:after{content:"";text-align:left;width:12px;margin-left:1px;animation:1.2s steps(4,end) infinite savingDots;display:inline-block}@-moz-keyframes spin{to{-moz-transform:rotate(360deg)}}@-webkit-keyframes spin{to{-webkit-transform:rotate(360deg)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes fadeSlideIn{0%{opacity:0;transform:translate(-8px)translateY(-2px)}to{opacity:1;transform:translate(0)translateY(0)}}@keyframes bounceCheck{0%{opacity:0;transform:scale(.3)rotate(-45deg)}55%{opacity:1;transform:scale(1.15)rotate(8deg)}75%{transform:scale(.95)rotate(-3deg)}to{opacity:1;transform:scale(1)rotate(0)}}@keyframes savingDots{0%,20%{content:""}40%{content:"."}60%{content:".."}80%,to{content:"..."}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes scaleIn{0%{opacity:0;transform:scale(.92)}to{opacity:1;transform:scale(1)}}.custom-name .label-name .frame-k51 .frame-k79 label{letter-spacing:.2px;color:#0c0c0c;flex:none;order:0;width:fit-content;height:34px;margin-top:-12px;font-family:Inter;font-size:21px;font-style:normal;font-weight:600;line-height:160%;position:absolute}.custom-name .label-name .frame-k51 .frame-k79 div{margin-top:17px;position:absolute}.custom-name .label-name .frame-k51 .frame-k79 .div-h1 h1{letter-spacing:.2px;color:#0c0c0c;width:fit-content;height:34px;white-space:8px;font-family:Inter;font-size:14px;font-style:normal;font-weight:500;line-height:160%}.custom-name .keterangan{width:fit-content;height:34px;margin:0 auto;position:absolute;left:50%;transform:translate(-64%)}.custom-name .keterangan .frame-k80{background:#ccfbf1;border-radius:8px;flex-direction:row;flex:none;order:0;align-items:flex-start;gap:10px;width:55px;height:26px;padding:4px 8px;display:flex}.custom-name .keterangan .frame-k80 label{text-align:center;letter-spacing:.2px;color:#04818e;flex:none;order:0;width:39px;height:18px;font-family:Inter;font-size:11px;font-style:normal;font-weight:600;line-height:160%}.custom-name .keterangan .box-name,.custom-name .keterangan .box-name .frame-k78{flex:none;order:1;width:243px;height:34px}.custom-name .keterangan .box-name .frame-k78 label{letter-spacing:.2px;color:#0c0c0c;cursor:pointer;flex:none;order:0;width:189px;height:26px;font-family:Inter;font-size:16px;font-style:normal;font-weight:600;line-height:160%;position:relative;top:2px}.custom-name .keterangan .box-name .frame-k78 .input{border:none;padding:0;font-size:14px;position:relative;top:-3px;border:1px solid #d1d5db!important;border-radius:5px!important}.input-packaging-name input{color:#0c0c0c;font-family:Inter;font-size:16px;font-weight:600}.input-packaging-name .input-no-icon{letter-spacing:.2px!important;color:#94a3b8!important;width:90%!important;font-size:14px!important;font-weight:500!important;line-height:160%!important}.custom-name .keterangan .box-name .frame-k78 .input:focus{border:thin solid #9ca3af}.custom-name .keterangan .box-name .frame-k78 svg{margin-left:216px;position:absolute;top:8px}.custom-name .bantuan{flex-direction:row;flex:none;order:2;justify-content:flex-end;align-items:center;gap:24px;width:300px;height:50px;padding:0;display:flex}.custom-name .bantuan .btn-bantuan{box-sizing:border-box;text-align:center;letter-spacing:.2px;color:#0d9488;cursor:pointer;background:#fff;border:1px solid #d1d5db;border-radius:9px;flex-direction:row;flex:none;order:0;justify-content:center;align-items:center;gap:8px;width:138px;height:50px;padding:12px 24px 12px 20px;font-family:Inter;font-size:16px;font-style:normal;font-weight:600;line-height:160%;display:none}.custom-name .bantuan .btn-close{cursor:pointer;background:#fff;border:none;flex-direction:row;flex:none;order:1;align-items:flex-start;gap:10px;width:36px;height:36px;padding:8px;display:flex}.custom-name .bantuan .btn-customer{cursor:pointer;border:1px solid #0c0c0c;border-radius:9px;align-items:center;gap:8px;padding:4px 8px;display:flex}.custom-name .bantuan .btn-customer svg{cursor:pointer;width:21px;height:21px}.custom-name .bantuan .btn-customer label{color:#0c0c0c;letter-spacing:.2px;cursor:pointer;font-family:Inter;font-size:14px;font-style:normal;font-weight:500;line-height:160%}.left-bar{width:336px;height:778px;position:absolute;top:90px;left:16px}.left-bar .side-bar{background:#fff;border-radius:8px;flex-direction:column;align-items:center;gap:16px;height:fit-content;padding:8px;display:flex;position:absolute;inset:0% 76.19% 55.27% 0%}.left-bar .side-bar .icon-card{cursor:pointer;border-radius:8px;flex-direction:column;flex:none;order:0;align-items:center;width:64px;min-height:71px;padding:8px;display:flex}.left-bar .side-bar .icon-card:hover,.left-bar .side-bar .active{background:#ccfbf1}.left-bar .side-bar .icon-card label{text-align:center;letter-spacing:.2px;color:#0c0c0c;flex:none;order:1;width:64px;height:15px;font-family:Inter;font-size:12px;font-style:normal;font-weight:400;line-height:15px}.left-bar .side-bar-content{background:#fff;border-radius:5px;position:absolute;inset:0% 0% 0% 28.57%}.left-bar .side-bar-content .title{letter-spacing:.2px;color:#0c0c0c;width:100%;height:26px;font-family:Inter;font-size:16px;font-style:normal;font-weight:600;line-height:160%;position:absolute;top:16px;left:16px}.left-bar .side-bar-content .scroll{width:-webkit-fill-available;height:704px;position:absolute;top:58px;left:16px;overflow-y:scroll}.left-bar .side-bar-content .scroll::-webkit-scrollbar{display:none}.left-bar .side-bar-content .scroll-project{margin-top:20px;top:0}.left-bar .side-bar-content .scroll .frame-k56{flex-direction:column;align-items:flex-start;gap:16px;width:208px;height:930px;padding:0 0 16px;display:flex;position:absolute;top:0;left:0}.left-bar .side-bar-content .scroll .frame-k56-b2{width:208px;height:930px;padding:0 0 16px;position:absolute;top:0;left:0}.left-bar .side-bar-content .scroll .frame-k56-project{flex-direction:column;align-items:flex-start;gap:16px;width:208px;height:auto;padding:0 0 16px;position:absolute;top:0;left:0}.left-bar .side-bar-content .scroll .frame-k56-project .empty-project{flex-direction:column;align-items:center;gap:8px;width:208px;padding:24px 0;display:flex}.left-bar .side-bar-content .scroll .frame-k56-project .empty-project label{color:#64748b;text-align:center;letter-spacing:.2px;align-self:stretch;font-family:Inter;font-size:14px;font-style:normal;font-weight:500;line-height:160%}.left-bar .side-bar-content .scroll .frame-k56-project .empty-project label a{color:#0d9488;letter-spacing:.2px;cursor:pointer;font-family:Inter;font-size:14px;font-style:normal;font-weight:700;line-height:160%}.left-bar .side-bar-content .scroll .frame-k56-project .card-empty{width:100%;margin:0;position:relative}.left-bar .side-bar-content .scroll .frame-k56-project .tab-project-me{background:#fff;flex-direction:column;align-items:flex-start;gap:16px;margin-bottom:15px;display:flex}.left-bar .side-bar-content .scroll .frame-k56-project .tab-project-me .project-blok{align-self:stretch;align-items:flex-start;display:flex}.left-bar .side-bar-content .scroll .frame-k56-project .tab-project-me .project-blok div{color:#0c0c0c;letter-spacing:.2px;cursor:pointer;border-bottom:2px solid #fff;flex:1 0 0;justify-content:center;align-items:flex-start;gap:10px;padding-bottom:4px;font-family:Inter;font-size:16px;font-style:normal;font-weight:500;line-height:160%;display:flex}.left-bar .side-bar-content .scroll .frame-k56-project .tab-project-me .project-blok .active-tab-project{color:#0c0c0c;letter-spacing:.2px;border-bottom:2px solid #0d9488;font-family:Inter;font-size:16px;font-style:normal;font-weight:700;line-height:160%}.left-bar .side-bar-content .scroll .frame-k56-project .tab-project-me .project-blok div label{cursor:pointer}.left-bar .side-bar-content .scroll .frame-k56-project .tab-project-me .project-blok div .h2-active{font-weight:700}.left-bar .side-bar-content .scroll .frame-k56-project .tab-project-me .project-blok div h2{cursor:pointer;letter-spacing:.2px;font-family:Inter;font-size:16px;font-style:normal;font-weight:500;line-height:160%}.left-bar .side-bar-content .scroll .frame-k56-project .item-project-side{float:left;z-index:1;-webkit-transition:-webkit-transform .18s,box-shadow .18s,border-color .18s;background:#fff;border:1px solid #f1f5f9;border-radius:8px;flex-direction:column;flex-shrink:0;align-items:center;gap:8px;width:100px;padding:4px;transition:transform .18s,box-shadow .18s,border-color .18s;display:flex;position:relative}.left-bar .side-bar-content .scroll .frame-k56-project .item-project-side:hover{z-index:10;border-color:#ccfbf1;transform:translateY(-2px);box-shadow:0 4px 12px #0f172a14}.left-bar .side-bar-content .scroll .frame-k56-project .item-project-side:hover>.hv-panel-p{opacity:1;visibility:visible;pointer-events:auto;transform:translateY(0)scale(1)}.left-bar .side-bar-content .scroll .frame-k56-project .item-project-side .hv-panel-p{opacity:0;visibility:hidden;pointer-events:none;z-index:20;-webkit-transition:opacity .18s,visibility .18s,-webkit-transform .18s;background:#f8fafc;border:1px solid #f1f5f9;border-radius:8px;align-items:center;width:100px;height:145px;margin-top:-5px;margin-left:-6px;transition:opacity .18s,visibility .18s,transform .18s;animation:none;position:absolute;transform:translateY(4px)scale(.96)}.left-bar .side-bar-content .scroll .frame-k56-project .item-project-side .hv-panel-p .hv-in{margin-left:4px;position:relative}.left-bar .side-bar-content .scroll .frame-k56-project .item-project-side .hv-panel-p .hv-in .hv-in-box{width:100%;height:100px;padding:4px}.left-bar .side-bar-content .scroll .frame-k56-project .item-project-side .hv-panel-p .hv-in .hv-in-box label{color:#000;letter-spacing:.2px;align-self:stretch;font-family:Inter;font-size:9px;font-style:normal;font-weight:700;line-height:160%}.left-bar .side-bar-content .scroll .frame-k56-project .item-project-side .hv-panel-p .hv-in .hv-in-box label a{color:#000;letter-spacing:.2px;font-family:Inter;font-size:9px;font-style:normal;font-weight:500;line-height:160%}.left-bar .side-bar-content .scroll .frame-k56-project .item-project-side .hv-panel-p .hv-in .hv-p-line{background:#e2e8f0;width:92px;height:1px}.left-bar .side-bar-content .scroll .frame-k56-project .item-project-side .hv-panel-p .hv-in-blok{opacity:0;visibility:hidden;-webkit-transition:opacity .16s,visibility .16s,max-height .16s,-webkit-transform .16s;align-self:stretch;align-items:center;max-height:0;padding:0 8px;transition:opacity .16s,visibility .16s,max-height .16s,transform .16s;overflow:hidden;transform:translateY(4px)}.left-bar .side-bar-content .scroll .frame-k56-project .item-project-side .hv-panel-p:hover>.hv-in .hv-in-blok{opacity:1;visibility:visible;max-height:50px;transform:translateY(0)}.left-bar .side-bar-content .scroll .frame-k56-project .item-project-side .hv-panel-p .hv-in-blok .btn-hv-d{cursor:pointer;-webkit-transition:border-color .16s,background-color .16s,-webkit-transform .16s;background:#fff;border:1px solid #e2e8f0;border-radius:4px;justify-content:center;align-items:center;width:30px;height:30px;margin-left:53px;padding:8px;transition:border-color .16s,background-color .16s,transform .16s;position:absolute}.left-bar .side-bar-content .scroll .frame-k56-project .item-project-side .hv-panel-p .hv-in-blok .btn-hv-d:hover{border:1.4px solid #dc2626;transform:scale(1.04)}.left-bar .side-bar-content .scroll .frame-k56-project .item-project-side .hv-panel-p .hv-in-blok .btn-hv-d:hover>svg path{stroke:#dc2626;cursor:pointer;transition:stroke .16s}.left-bar .side-bar-content .scroll .frame-k56-project .item-project-side .hv-panel-p .hv-in-blok .btn-hv-d>svg path{transition:stroke .16s}.left-bar .side-bar-content .scroll .frame-k56-project .item-project-side .hv-panel-p .hv-in-blok .btn-hv-e:hover{border:1.4px solid #0d9488;transform:scale(1.04)}.left-bar .side-bar-content .scroll .frame-k56-project .item-project-side .hv-panel-p .hv-in-blok .btn-hv-e:hover>svg path{stroke:#0d9488;cursor:pointer;transition:stroke .16s}.left-bar .side-bar-content .scroll .frame-k56-project .item-project-side .hv-panel-p .hv-in-blok .btn-hv-e>svg path{transition:stroke .16s}.left-bar .side-bar-content .scroll .frame-k56-project .item-project-side .hv-panel-p .hv-in-blok .btn-hv-e{float:left;cursor:pointer;text-align:center;letter-spacing:.2px;color:#fff;-webkit-transition:border-color .16s,background-color .16s,-webkit-transform .16s;background:#0d9488;border:1px solid #e2e8f0;border-radius:4px;justify-content:center;align-items:center;width:60px;height:30px;margin-left:-8px;padding:8px;font-family:Inter;font-size:14px;font-style:normal;font-weight:600;line-height:160%;transition:border-color .16s,background-color .16s,transform .16s;position:relative}.left-bar .side-bar-content .scroll .frame-k56-project .item-project-side .vProject #container{width:80px;height:80px}.left-bar .side-bar-content .scroll .frame-k56-project .item-project-side .vProject #container .wrap-canvas{height:80px;margin:0;position:relative;width:80px!important}.left-bar .side-bar-content .scroll .frame-k56-project .item-project-side .vProject #container .wrapper-shipping{width:80px;height:80px;margin:0;position:relative}.left-bar .side-bar-content .scroll .frame-k56-project .item-project-side .vProject #container .wrap-canvas .canvas{width:80px;height:80px;overflow:hidden}.left-bar .side-bar-content .scroll .frame-k56-project .item-project-side .vProject #container .wrap-canvas .canvas .wrap-box{width:80px;height:80px;box-shadow:none;position:relative}.left-bar .side-bar-content .scroll .frame-k56-project .item-project-side .vProject #container .wrap-canvas .canvas .wrap-box .box{width:80px;height:80px;position:relative}.left-bar .side-bar-content .scroll .frame-k56-project .item-project-side img{border-radius:8px;align-self:stretch;height:92px}.left-bar .side-bar-content .scroll .frame-k56-project .item-project-side div{flex-direction:column;align-self:stretch;align-items:flex-start;gap:4px;display:flex}.left-bar .side-bar-content .scroll .frame-k56-project .item-project-side div .lbl-prjk-title{color:#0c0c0c;letter-spacing:.2px;white-space:nowrap;text-overflow:ellipsis;align-self:stretch;width:90px;height:15px;font-family:Inter;font-size:12px;font-style:normal;font-weight:600;line-height:160%;overflow:hidden}.left-bar .side-bar-content .scroll .frame-k56-project .item-project-side div .lbl-prjk-date{color:#0c0c0c;letter-spacing:.2px;white-space:nowrap;text-overflow:ellipsis;align-self:stretch;width:90px;font-family:Inter;font-size:9px;font-style:normal;font-weight:500;line-height:160%;overflow:hidden}.left-bar .side-bar-content .scroll .frame-k56 .model-card{background:#fff;flex-direction:column;flex:none;order:0;align-items:center;gap:8px;width:208px;height:294px;padding:0;display:flex}.left-bar .side-bar-content .scroll .frame-k56-b2 .model-card-b2{float:left;background:#fff;flex:none;order:0;width:100px;height:100px;margin-left:2px;padding:0}.left-bar .side-bar-content .scroll .frame-k56 .active-tab,.left-bar .side-bar-content .scroll .frame-k56 .model-card .active,.left-bar .side-bar-content .scroll .frame-k56-b2 .model-card-b2 .active{background:#ccfbf1}.left-bar .side-bar-content .scroll .frame-k56 .model-card .frame-k55:hover,.left-bar .side-bar-content .scroll .frame-k56-b2 .model-card-b2 .frame-k55:hover{background:#eee}.left-bar .side-bar-content .scroll .frame-k56 .model-card .frame-k55{cursor:pointer;border-radius:8px;flex-direction:column;flex:none;order:0;align-self:stretch;align-items:center;gap:8px;width:208px;height:294px;padding:8px;display:flex}.left-bar .side-bar-content .scroll .frame-k56-b2 .model-card-b2 .frame-k55{cursor:pointer;border-radius:8px;width:100%;height:100%;padding:8px}.left-bar .side-bar-content .scroll .frame-k56 .model-card .frame-k55 img{cursor:pointer;background:#fff;border-radius:8px;flex:none;order:0;align-self:stretch;width:192px;height:192px}.left-bar .side-bar-content .scroll .frame-k56-b2 .model-card-b2 .frame-k55 img{cursor:pointer;background:#fff;border-radius:8px;flex:none;order:0;align-self:stretch;width:100%;height:100%}.left-bar .side-bar-content .scroll .frame-k56 .model-card .frame-k55 .frame-k54{cursor:pointer;flex-direction:column;flex:none;order:1;align-self:stretch;align-items:flex-start;gap:4px;width:192px;height:78px;padding:8px;display:flex}.left-bar .side-bar-content .scroll .frame-k56 .model-card .template{min-height:260px;height:0!important}.left-bar .side-bar-content .scroll .frame-k56 .model-card .frame-k55 .frame-k54 .header{letter-spacing:.2px;color:#0c0c0c;cursor:pointer;flex:none;order:0;width:auto;height:22px;font-family:Inter;font-size:14px;font-style:normal;font-weight:600;line-height:160%}.left-bar .side-bar-content .scroll .frame-k56 .model-card .frame-k55 .frame-k54 .detail{letter-spacing:.2px;color:#0c0c0c;cursor:pointer;flex:none;order:1;align-self:stretch;width:176px;height:36px;font-family:Inter;font-size:11px;font-style:normal;font-weight:400;line-height:160%}.layout-tab{z-index:9;flex-direction:row;align-items:flex-start;width:fit-content;height:36px;padding:0;display:none;position:absolute;top:98px;left:50%;transform:translate(-60%)}.layout-tab .active{color:#fff!important;background:#0d9488!important;border:1px solid #94a3b8!important}.layout-tab .tab-3d{box-sizing:border-box;cursor:pointer;background:#fff;border:1px solid #f1f5f9;border-radius:0 50px 50px 0;flex-direction:row;flex:none;order:1;align-items:flex-start;gap:10px;width:fit-content;height:36px;padding:8px 16px;display:flex}.layout-tab .tab-3d label{cursor:pointer;flex:none;order:0;width:auto;height:20px;font-family:Inter;font-size:14px;font-style:normal;font-weight:400;line-height:20px}.layout-tab .tab-pola{box-sizing:border-box;cursor:pointer;background:#fff;border:1px solid #f1f5f9;border-radius:50px 0 0 50px;flex-direction:row;flex:none;order:0;align-items:flex-start;gap:10px;width:fit-content;height:36px;padding:8px 16px;display:flex}.layout-tab .tab-pola label{cursor:pointer;flex:none;order:0;width:auto;height:20px;font-family:Inter;font-size:14px;font-style:normal;font-weight:400;line-height:20px}.layout-editor{width:644px;height:644px;position:absolute;top:100px;left:50%;transform:translate(-60%)}.layout-editor .frame-upload-loader{z-index:9;background:#807f7f1a;border-radius:10px;width:100%;height:-webkit-fill-available;position:absolute}.layout-editor .frame-upload-loader img{margin:0 auto;position:relative;top:30%}.layout-editor .frame-upload-loader div{width:fit-content;height:fit-content;margin:0 auto;position:relative;top:20%}.layout-editor .frame-upload-loader div label{font-size:14px;font-weight:500}.view-side{grid-gap:16px;flex-direction:row;align-items:flex-start;gap:16px;width:635px;height:36px;padding:0;display:flex;position:absolute;bottom:40px;left:50%;transform:translate(-50%)}.view-side .active{background:#ccfbf1!important;border:1px solid #14b8a6!important}.view-side .w120{width:120px!important}.view-side .frame-k6{box-sizing:border-box;cursor:pointer;background:#fff;border:1px solid #f1f5f9;border-radius:50px;flex-direction:row;flex:none;order:0;align-items:flex-start;gap:10px;width:94px;height:36px;padding:8px 12px;display:flex}.view-side .frame-k6 label{color:#000;flex:none;order:1;width:auto;height:20px;font-family:Inter;font-size:14px;font-style:normal;font-weight:400;line-height:20px}.right-contents{background:#fff;border-radius:5px;flex-direction:column;align-items:flex-start;gap:16px;width:328px;height:fit-content;padding:16px;display:flex;position:absolute;top:90px;right:16px}.right-contents .label-error-input-number{color:#ef4444;letter-spacing:.2px;font-family:Inter;font-size:11px;font-style:normal;font-weight:500;line-height:160%}.right-contents label{letter-spacing:.2px;color:#0c0c0c;flex:none;order:0;width:auto;height:26px;font-family:Inter;font-size:16px;font-style:normal;font-weight:600;line-height:160%}.right-contents .frame-k72{flex-direction:column;flex:none;order:1;align-items:flex-start;gap:16px;width:296px;height:fit-content;padding:0;display:flex}.right-contents .frame-k72 .frame-k70{background:#fff;flex-direction:row;flex:none;order:0;align-items:flex-start;gap:17px;width:296px;height:86px;padding:0;display:flex;box-shadow:0 1px #e2e8f0}.right-contents .frame-k72 .frame-k70 img{border-radius:8px;flex:none;order:0;width:80px;height:80px}.right-contents .frame-k72 .frame-k70 .frame-k4{flex-direction:column;align-items:flex-start;gap:4px;width:199px;height:86px;padding:0 0 16px;display:flex}.right-contents .frame-k72 .frame-k70 .frame-k4 .desc{letter-spacing:.2px;color:#0c0c0c;flex:none;order:0;align-self:stretch;width:199px;height:44px;font-family:Inter;font-size:14px;font-style:normal;font-weight:400;line-height:160%}.right-contents .frame-k72 .frame-k70 .frame-k4 a{letter-spacing:.2px;color:#0d9488;cursor:pointer;flex:none;order:1;align-self:stretch;width:199px;height:22px;font-family:Inter;font-size:14px;font-style:normal;font-weight:400;line-height:160%}.right-contents .frame-k72 .new-ukuran{flex-direction:column!important;height:fit-content!important}.right-contents .frame-k72 .new-ukuran .row1{width:100%;position:relative}.right-contents .frame-k72 .new-ukuran .row1 .error-input-number{border:1px solid #dc2626}.right-contents .frame-k72 .new-ukuran .row1 .div-input-price{position:absolute!important;top:-1px!important;right:0!important}.right-contents .frame-k72 .new-ukuran .row2{width:100%;height:fit-content;position:relative}.right-contents .frame-k72 .new-ukuran .row2 .info-10pcs{letter-spacing:.2px;color:orange;width:296px;height:44px;margin-top:10px;font-family:Inter;font-size:14px;font-style:normal;font-weight:500;line-height:160%}.right-contents .frame-k72 .new-ukuran .row2 .info-200pcs{letter-spacing:.2px;color:#b91c1c;width:296px;height:44px;font-family:Inter;font-size:14px;font-style:normal;font-weight:500;line-height:160%}.right-contents .frame-k72 .new-ukuran .row2 .info-200pcs a{cursor:pointer;color:#0f766e}.right-contents .frame-k72 .frame-ukuran{background:#fff;flex-direction:row;flex:none;order:1;justify-content:space-between;align-items:center;gap:16px;width:296px;height:38px;padding:0 0 16px;display:flex;box-shadow:0 1px #e2e8f0}.right-contents .frame-k72 .frame-new-price{background:#fff;flex:none;order:1;justify-content:space-between;align-items:center;gap:16px;width:296px;height:fit-content;padding:0 0 16px;box-shadow:0 1px #e2e8f0}.right-contents .frame-k72 .frame-new-price .normal-price{text-align:right;width:100%;height:30px}.right-contents .frame-k72 .frame-new-price .normal-price s{color:#64748b;letter-spacing:.2px;font-family:Inter;font-size:11px;font-style:normal;font-weight:500;line-height:160%}.right-contents .frame-k72 .frame-new-price .title{letter-spacing:.2px;color:#0c0c0c;flex:none;order:0;width:auto;height:22px;font-family:Inter;font-size:14px;font-style:normal;font-weight:600;line-height:160%}.right-contents .frame-k72 .frame-new-price .title a{font-size:11px}.right-contents .frame-k72 .frame-new-price .info-error-size-price{color:red;font-size:12px;font-weight:500;display:none}.right-contents .frame-k72 .frame-new-price .info-error-size-price-view{color:red;font-size:12px;font-weight:500}.right-contents .frame-k72 .frame-new-price #showActualPriceErr{display:none;color:red!important}.right-contents .frame-k72 .frame-new-price .extra-discount{color:#0d9488;letter-spacing:.2px;font-family:Inter;font-size:11px;font-style:normal;font-weight:500;line-height:160%}.right-contents .frame-k72 .frame-new-price .extra-discount a{font-weight:700}.right-contents .frame-k72 .frame-new-price .isi-na{color:#dc2626!important;letter-spacing:.2px!important;font-family:Inter!important;font-size:14px!important;font-style:normal!important;font-weight:600!important;line-height:160%!important}.right-contents .frame-k72 .frame-new-price .isi{letter-spacing:.2px;color:#0c0c0c;float:right;flex:none;order:1;width:auto;height:22px;font-family:Inter;font-size:14px;font-style:normal;font-weight:600;line-height:160%}.right-contents .frame-k72 .frame-ukuran .title{letter-spacing:.2px;color:#0c0c0c;flex:none;order:0;width:auto;height:22px;font-family:Inter;font-size:14px;font-style:normal;font-weight:600;line-height:160%}.right-contents .frame-k72 .frame-ukuran .title a{font-size:11px}.right-contents .frame-k72 .frame-ukuran .isi{letter-spacing:.2px;color:#0c0c0c;flex:none;order:1;width:auto;height:22px;font-family:Inter;font-size:14px;font-style:normal;font-weight:600;line-height:160%}.right-contents .frame-k72 .frame-ukuran .ellipsis{white-space:nowrap;text-overflow:ellipsis;cursor:pointer;max-width:170px;margin:0;overflow:hidden}.right-contents .frame-k72 .estimasi-frame{height:fit-content;display:grid;justify-content:normal!important}.right-contents .frame-k72 .estimasi-frame .radio-frame{width:100%;height:fit-content}.right-contents .frame-k72 .estimasi-frame .radio-frame .item-time{float:left;cursor:pointer;width:45%}.right-contents .frame-k72 .estimasi-frame .radio-frame .item-time:hover>.hvCk{display:block}.right-contents .frame-k72 .estimasi-frame .radio-frame .item-time:hover>.dfCk,.right-contents .frame-k72 .estimasi-frame .radio-frame .item-time .hvCk{display:none}.right-contents .frame-k72 .estimasi-frame .radio-frame .item-time svg{float:left;cursor:pointer;width:fit-content;position:relative;top:4px}.right-contents .frame-k72 .estimasi-frame .radio-frame .item-time label{float:left;cursor:pointer;color:#0c0c0c;text-align:center;letter-spacing:.2px;width:fit-content;margin-left:5px;font-family:Inter;font-size:14px;font-style:normal;font-weight:500;line-height:160%;position:relative;top:2px}.right-contents .frame-k72 .estimasi-frame .label{letter-spacing:.2px;color:#0c0c0c;flex:none;order:0;width:100%;height:22px;font-family:Inter;font-size:14px;font-style:normal;font-weight:600;line-height:160%}.right-contents .frame-k72 .estimasi-frame .estimasi{letter-spacing:.2px;color:#b91c1c;flex:none;order:1;width:100%;height:22px;font-family:Inter;font-size:14px;font-style:normal;font-weight:500;line-height:160%}.right-contents .frame-k72 .frame-kuantitas{background:#fff;flex-direction:row;flex:none;order:3;justify-content:space-between;align-items:center;gap:16px;width:296px;height:52px;padding:0 0 16px;display:flex;box-shadow:0 1px #e2e8f0}.right-contents .frame-k72 .frame-kuantitas .title{letter-spacing:.2px;color:#0c0c0c;flex:none;order:0;width:66px;height:22px;font-family:Inter;font-size:14px;font-style:normal;font-weight:600;line-height:160%}.right-contents .frame-k72 .frame-ukuran .box-input{box-sizing:border-box;background:#fff;border:1px solid #d1d5db;border-radius:5px;flex-direction:row;flex:none;order:1;justify-content:center;align-items:center;gap:12px;width:110px;height:36px;padding:8px 12px;display:flex}.right-contents .frame-k72 .frame-ukuran .box-input .input{color:#0c0c0c;border:none;flex:1 0 auto;order:0;width:55px;height:20px;padding:5px;font-family:Inter;font-size:14px;font-style:normal;font-weight:400;line-height:20px}.right-contents .frame-k72 .frame-ukuran .box-input .right{flex-direction:row;flex:none;order:1;align-items:center;gap:12px;width:36px;height:20px;padding:0;display:flex}.right-contents .frame-k72 .frame-ukuran .box-input .right .frame{flex:none;order:0;width:0;height:20px}.right-contents .frame-k72 .frame-ukuran .box-input .right .frame .divider{background:#e5e7eb;width:1px;height:28px;position:relative;top:calc(50% - 14px);left:-1px}.right-contents .frame-k72 .frame-ukuran .box-input .right label{text-align:right;letter-spacing:-.02em;color:#9ca3af;flex:none;order:1;width:24px;height:20px;font-family:Inter;font-size:14px;font-style:normal;font-weight:400;line-height:20px;position:relative;left:-5px}.right-contents .frm-btn-order-digital-catalog-err{color:#94a3b8!important;cursor:not-allowed!important;background:#e2e8f0!important}.right-contents .frm-btn-order-digital-catalog-err-input{text-align:center;letter-spacing:.2px;border:none;border-radius:9px;flex-direction:row;flex:none;order:6;justify-content:center;align-self:stretch;align-items:center;width:296px;height:50px;padding:12px 24px;font-family:Inter;font-size:16px;font-style:normal;font-weight:600;line-height:160%;color:#94a3b8!important;cursor:not-allowed!important;background:#e2e8f0!important}.right-contents .btn-order{text-align:center;letter-spacing:.2px;color:#fff;cursor:pointer;background:#0d9488;border:none;border-radius:9px;flex-direction:row;flex:none;order:6;justify-content:center;align-self:stretch;align-items:center;width:296px;height:50px;padding:12px 24px;font-family:Inter;font-size:16px;font-style:normal;font-weight:600;line-height:160%;display:flex}.right-contents .order-draft{color:#0d9488;background:#fff;border:1px solid #d1d5db}.right-contents .btn-draft{box-sizing:border-box;text-align:center;letter-spacing:.2px;color:#0d9488;cursor:pointer;background:#fff;border:1px solid #d1d5db;border-radius:9px;flex-direction:row;flex:none;order:7;justify-content:center;align-self:stretch;align-items:center;width:296px;height:50px;padding:12px 24px;font-family:Inter;font-size:16px;font-style:normal;font-weight:600;line-height:160%;display:flex}.side-ukuran{background:#fff;border-radius:5px;height:270px;position:absolute;top:0%;left:28.57%;right:0%}.side-ukuran .frame{flex-direction:column;align-items:flex-start;gap:24px;width:208px;height:286px;padding:0;display:flex;position:absolute;top:16px;left:16px}#lblInfoSheet{color:red;font-size:12px;font-weight:500}.side-ukuran .frame .pilih-ukuran{flex-direction:column;flex:none;order:0;align-items:flex-start;gap:16px;width:208px;height:80px;padding:0;display:none}.side-ukuran .frame .pilih-ukuran .title{letter-spacing:.2px;color:#0c0c0c;flex:none;order:0;width:96px;height:26px;font-family:Inter;font-size:16px;font-style:normal;font-weight:600;line-height:160%}.side-ukuran .frame .pilih-ukuran .frame{flex-direction:column;flex:none;order:1;align-items:flex-start;gap:8px;width:208px;height:38px;padding:0;display:flex;position:relative;top:-10px;left:0}.side-ukuran .frame .pilih-ukuran .frame .select{box-sizing:border-box;background:#fff;border:1px solid #d1d5db;border-radius:5px;flex-direction:row;flex:none;order:0;justify-content:center;align-items:center;gap:8px;width:208px;height:38px;padding:8px 8px 8px 12px;display:flex}.side-ukuran .frame .custom{flex:none;order:1;width:208px;height:182px}.side-ukuran .frame .custom .standard-size-list{width:103%;height:130px;margin-top:20px;position:relative;overflow-y:scroll}.side-ukuran .frame .custom .standard-size-list::-webkit-scrollbar{width:8px}.side-ukuran .frame .custom .standard-size-list::-webkit-scrollbar-track{background:#f9f9f9;margin-left:5px}.side-ukuran .frame .custom .standard-size-list::-webkit-scrollbar-thumb{background-color:#0d9488;border-radius:3px}.side-ukuran .frame .custom .standard-size-list::-webkit-scrollbar-thumb:hover{background-color:#0d9488}.side-ukuran .frame .custom .standard-size-list .item-standard{cursor:pointer;background:#fff;border:1px solid #f1f5f9;border-radius:4px;align-items:flex-start;gap:16px;width:95%;margin-bottom:10px;padding:8px;display:flex}.side-ukuran .frame .custom .standard-size-list .item-standard-active{border:2px solid #0d9488}.side-ukuran .frame .custom .standard-size-list .item-standard:hover{border:1px solid #99f6e4}.side-ukuran .frame .custom .standard-size-list .item-standard label{color:#0c0c0c;letter-spacing:.2px;cursor:pointer;font-family:Inter;font-size:14px;font-style:normal;font-weight:500;line-height:160%}.side-ukuran .frame .custom .sec-custom-size{margin-top:10px;display:block;position:relative}.side-ukuran .frame .custom .sec-custom-size-hide{display:none}.side-ukuran .frame .custom .lbl-custom-size{color:#0c0c0c;letter-spacing:.2px;font-family:Inter;font-size:11px;font-style:normal;font-weight:500;line-height:160%}.side-ukuran .frame .custom .lbl-standard-size{color:#000;letter-spacing:.2px;align-self:stretch;margin-top:20px;font-family:Inter;font-size:11px;font-style:normal;font-weight:500;line-height:160%}.side-ukuran .frame .custom .frame-size-tab{flex-direction:column;align-items:flex-start;gap:16px;display:flex}.side-ukuran .frame .custom .frame-size-tab .size-frame{align-self:stretch;align-items:flex-start;display:flex}.side-ukuran .frame .custom .frame-size-tab .size-frame .item-tabs{cursor:pointer;justify-content:center;align-items:center;gap:10px;width:104px;padding-bottom:4px;display:flex}.side-ukuran .frame .custom .frame-size-tab .size-frame .item-tabs-active{border-bottom:2px solid #0d9488}.side-ukuran .frame .custom .frame-size-tab .size-frame .item-tabs-active label{font-weight:700;line-height:160%}.side-ukuran .frame .custom .frame-size-tab .size-frame .item-tabs label,.side-ukuran .frame .custom .frame-size-tab .size-frame .item-tabs h2{color:#0c0c0c;letter-spacing:.2px;cursor:pointer;font-family:Inter;font-size:16px;font-style:normal;font-weight:500;line-height:160%}.side-ukuran .frame .custom .title{letter-spacing:.2px;color:#0c0c0c;width:136px;height:26px;font-family:Inter;font-size:16px;font-style:normal;font-weight:600;line-height:160%;position:absolute;top:0;left:0}.side-ukuran .frame .custom .frame-60{flex-direction:column;align-items:flex-start;gap:16px;width:208px;height:140px;padding:0;display:flex;position:absolute;top:50px;left:0}.side-ukuran .frame .custom .frame-60 .frame-input{flex-direction:row;flex:none;order:0;justify-content:space-between;align-items:center;gap:33px;width:208px;height:36px;padding:0;display:flex}.side-ukuran .frame .custom .frame-60 .frame-input .title-text{letter-spacing:.2px;color:#0c0c0c;flex:none;order:0;width:56px;height:22px;font-family:Inter;font-size:14px;font-style:normal;font-weight:600;line-height:160%}.side-ukuran .frame .custom .frame-60 .lbl-error-info-size{color:#ef4444;letter-spacing:.2px;margin-top:-20px;font-family:Inter;font-size:11px;font-style:normal;font-weight:500;line-height:160%}.side-ukuran .frame .custom .frame-60 .frame-input .input-frame-error-size{border:1px solid #ef4444!important}.side-ukuran .frame .custom .frame-60 .frame-input .input-frame{box-sizing:border-box;background:#fff;border:1px solid #d1d5db;border-radius:5px;flex-direction:row;flex:none;order:1;justify-content:center;align-items:center;gap:12px;width:112px;height:36px;padding:8px 12px;display:flex}.side-ukuran .frame .custom .frame-60 .frame-input .input-frame .text{color:#0c0c0c;border:none;flex:1 0 auto;order:0;width:55px;height:20px;font-family:Inter;font-size:14px;font-style:normal;font-weight:400;line-height:20px}.side-ukuran .frame .custom .frame-60 .frame-input .input-frame .right{flex-direction:row;flex:none;order:1;align-items:center;gap:12px;width:35px;height:20px;padding:0;display:flex}.side-ukuran .frame .custom .frame-60 .frame-input .input-frame .right .frame{flex:none;order:0;width:0;height:20px;position:relative;top:4px;left:-5px}.side-ukuran .frame .custom .frame-60 .frame-input .input-frame .right .frame .divider{background:#e5e7eb;width:1px;height:28px;position:relative;top:calc(50% - 14px);left:-1px}.side-ukuran .frame .custom .frame-60 .frame-input .input-frame .right label{text-align:right;letter-spacing:-.02em;color:#9ca3af;flex:none;order:1;width:23px;height:20px;font-family:Inter;font-size:14px;font-style:normal;font-weight:400;line-height:20px;position:relative;left:-8px}.side-material{background:#fff;border-radius:5px;position:absolute;inset:0% 0% 10.28% 28.57%}.side-material .title{letter-spacing:.2px;color:#0c0c0c;width:auto;height:26px;font-family:Inter;font-size:16px;font-style:normal;font-weight:600;line-height:160%;position:absolute;top:16px;left:16px}.side-material .scroll::-webkit-scrollbar{display:none}.side-material .scroll{width:-webkit-fill-available;height:704px;position:absolute;top:58px;left:0;overflow-y:scroll}.side-material .scroll .frame{grid-gap:16px;flex-direction:column;align-items:flex-start;gap:16px;width:-webkit-fill-available;height:564px;padding:0 0 16px;display:flex;position:absolute;top:0;left:0}.side-material .scroll .frame .lbl-info-material{letter-spacing:.2px;color:#0c0c0c;cursor:pointer;flex-grow:0;align-self:stretch;width:100%;height:90px;padding:0 20px;font-family:Inter;font-size:11px;font-style:normal;font-weight:400;line-height:160%}.side-material .scroll .frame .card-premium{height:308px!important}.side-material .scroll .frame .card{grid-gap:8px;cursor:pointer;background:#fff;flex-direction:column;flex:none;order:0;align-items:center;gap:8px;width:-webkit-fill-available;height:286px;padding:0;display:flex}.side-material .scroll .frame .card .active,.side-material .scroll .frame .card .card-frame:hover{background:#ccfbf1!important}.side-material .scroll .frame .card .card-frame-premium{height:308px!important}.side-material .scroll .frame .card .card-frame{grid-gap:8px;cursor:pointer;background:#fff;border-radius:8px;flex-direction:column;flex:none;order:0;align-self:stretch;align-items:center;gap:8px;width:208px;height:284px;padding:8px;display:flex;top:-23px;left:15px}.side-material .scroll .frame .card .card-frame .brown{background:#d4894533}.side-material .scroll .frame .card .card-frame img{cursor:pointer;border-radius:8px;flex:none;order:0;align-self:stretch;width:192px;height:128px}.side-material .scroll .frame .card .card-frame .icon-info{background:#fff9;border-radius:4px;align-items:center;gap:4px;padding:4px;display:flex;position:absolute;top:16px;left:16px}.side-material .scroll .frame .card .card-frame .icon-info img{width:16px;height:16px}.side-material .scroll .frame .card .card-frame .icon-info label{color:#000;letter-spacing:.2px;font-family:Inter;font-size:9px;font-style:normal;font-weight:500;line-height:160%}.side-material .scroll .frame .card .card-frame .icon-info .label-full-color{letter-spacing:.2px;-webkit-text-fill-color:#0000;background-color:#d3d3d3;background-image:url(../media/Print-Full-Color.24i95xzgx_8e5.png),none;background-position:0 0,50%;background-repeat:repeat,no-repeat;background-size:auto,cover;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;-webkit-background-clip:text;background-clip:text;font-family:Inter;font-size:9px;font-style:normal;font-weight:500;line-height:160%}.side-material .scroll .frame .card .card-frame .frame-text{cursor:pointer;flex-direction:column;flex:none;order:1;align-self:stretch;align-items:flex-start;gap:4px;width:192px;height:132px;padding:8px;display:flex}.side-material .scroll .frame .card .card-frame .frame-text .judul{letter-spacing:.2px;color:#0c0c0c;cursor:pointer;flex:none;order:0;width:168px;height:22px;font-family:Inter;font-size:14px;font-style:normal;font-weight:600;line-height:160%}.side-material .scroll .frame .card .card-frame .frame-text .isi{letter-spacing:.2px;color:#0c0c0c;cursor:pointer;flex:none;order:1;align-self:stretch;width:176px;height:90px;font-family:Inter;font-size:11px;font-style:normal;font-weight:400;line-height:160%}.side-design{clear:both;background:#fff;border-radius:5px;width:240px;min-height:220px;position:relative;top:0%;left:28.57%;right:0%}.side-design .scroll{width:fit-content;height:fit-content;position:relative;top:16px;left:16px}.side-design .scroll::-webkit-scrollbar{display:none}.side-design .scroll .frame{grid-gap:16px;grid-gap:16px;flex-direction:column;align-items:flex-start;width:-webkit-fill-available;height:fit-content;padding:0;position:relative;top:0;left:0}.side-design .scroll .frame .title{letter-spacing:.2px;color:#0c0c0c;flex:none;order:0;width:auto;height:26px;font-family:Inter;font-size:16px;font-style:normal;font-weight:600;line-height:160%}.side-design .scroll .frame .frame-info{background:#fef2f2;border-radius:8px;flex-direction:row;flex:none;order:1;align-self:stretch;align-items:flex-start;gap:8px;width:208px;height:fit-content;margin-bottom:10px;padding:8px;display:flex}.side-design .scroll .frame .frame-info label{letter-spacing:.2px;color:#0c0c0c;flex:1 0 auto;order:1;width:164px;height:fit-content;font-family:Inter;font-size:11px;font-style:normal;font-weight:400;line-height:160%}.side-design .scroll .frame .frame-upload{grid-gap:8px;background:#fff;flex-direction:column;flex:none;order:2;align-items:center;gap:8px;width:208px;height:fit-content;margin-bottom:10px;padding:0;display:flex}.side-design .scroll .frame .frame-upload .frames{background:#fff;border-radius:8px;flex-direction:column;flex:none;order:0;align-self:stretch;align-items:center;gap:8px;width:208px;height:fit-content;padding:8px;display:flex}.side-design .scroll .frame .frame-upload .frames .frame-select{flex-direction:column;flex:none;order:0;align-items:flex-start;gap:8px;width:208px;height:38px;padding:0;display:flex}.side-design .scroll .frame .frame-upload .frames .frame-select .select{box-sizing:border-box;letter-spacing:.2px;color:#0c0c0c;background:#fff;border:1px solid #d1d5db;border-radius:5px;flex-direction:row;flex:none;order:0;justify-content:center;align-items:center;gap:8px;width:208px;height:38px;padding:8px 8px 8px 12px;font-family:Inter;font-size:14px;font-style:normal;font-weight:400;line-height:160%;display:flex}.side-design .scroll .frame .frame-upload .upload{box-sizing:border-box;text-align:center;cursor:pointer;background:#f8fafc;border:1px dashed #cbd5e1;border-radius:8px;flex-direction:column;flex:none;order:1;justify-content:center;align-items:center;gap:8px;width:208px;height:108px;padding:8px;display:flex}.side-design .scroll .frame .frame-upload .upload span,.side-design .scroll .frame .frame-upload .upload span div{cursor:pointer}.text-upload-title{text-align:center;letter-spacing:.2px;color:#0c0c0c;cursor:pointer;flex:none;order:0;align-self:stretch;width:176px;height:22px;font-family:Inter;font-size:14px;font-style:normal;font-weight:400;line-height:160%;position:relative;top:-5px}.frame-text-upload-drag{cursor:pointer;flex-direction:column;flex:none;order:1;align-items:flex-start;gap:4px;width:192px;height:60px;padding:8px;display:flex;position:relative;top:-5px}.text-upload-info{text-align:center;cursor:pointer;align-self:stretch;letter-spacing:.2px!important;color:#64748b!important;flex:none!important;order:1!important;width:176px!important;height:18px!important;font-family:Inter!important;font-size:11px!important;font-style:normal!important;font-weight:400!important;line-height:160%!important}.side-design .scroll .frame .label-tambah{letter-spacing:.2px;color:#0c0c0c;flex:none;order:3;width:auto;height:26px;font-family:Inter;font-size:16px;font-style:normal;font-weight:600;line-height:160%}.side-design .scroll .frame .text-card{grid-gap:8px;background:#fff;flex-direction:column;flex:none;order:4;align-items:flex-start;gap:8px;width:208px;height:fit-content;margin-bottom:16px;padding:0;display:flex}.side-design .scroll .frame .text-card .frame-55{background:#fff;border-radius:8px;flex-direction:column;flex:none;order:0;align-self:stretch;align-items:center;gap:8px;width:208px;height:128px;padding:0;display:flex}.side-design .scroll .frame .text-card .frame-55 .select-frame{flex-direction:column;flex:none;order:0;align-items:flex-start;gap:8px;width:208px;height:38px;padding:0;display:flex}.side-design .scroll .frame .text-card .frame-55 .select-frame .select-input{box-sizing:border-box;letter-spacing:.2px;color:#0c0c0c;background:#fff;border:1px solid #d1d5db;border-radius:5px;flex-direction:row;flex:none;order:0;justify-content:center;align-items:center;gap:8px;width:208px;height:38px;padding:8px 8px 8px 12px;font-family:Inter;font-size:14px;font-style:normal;font-weight:400;line-height:160%;display:flex}.side-design .scroll .frame .text-card .frame-55 .text-input{box-sizing:border-box;color:#0c0c0c;background:#fff;border:1px solid #d1d5db;border-radius:5px;flex-direction:row;flex:none;order:1;justify-content:center;align-items:center;width:208px;height:36px;padding:8px 12px;font-family:Inter;font-size:14px;font-style:normal;font-weight:400;line-height:20px;display:flex}.side-design .scroll .frame .text-card .frame-55 .text-input::-webkit-input-placeholder{color:#6b72807a}.side-design .scroll .frame .text-card .frame-55 .text-input:-ms-placeholder-shown{color:#6b72807a}.side-design .scroll .frame .text-card .frame-55 .text-input::placeholder{color:#6b72807a}.side-design .scroll .frame .text-card .frame-55 .frame-color-select{grid-gap:8px;flex-direction:row;flex:none;order:2;align-self:stretch;align-items:flex-start;gap:8px;width:208px;height:30px;padding:0}.side-design .scroll .frame .text-card .frame-55 .frame-color-select .item-color-active{border:3px solid #12b7a5!important}.side-design .scroll .frame .text-card .frame-55 .frame-color-select .item-color{float:left;cursor:pointer;border:3px solid #fff;border-radius:50%;width:25px;height:25px;margin-right:1px;padding:1px}.side-design .scroll .frame .text-card .frame-55 .frame-color-select .item-color .w1{background:#000;border-radius:50%;width:17px;height:17px}.side-design .scroll .frame .text-card .frame-55 .frame-color-select .item-color .w2{background:#00f;border-radius:50%;width:17px;height:17px}.side-design .scroll .frame .text-card .frame-55 .frame-color-select .item-color .w3{background:red;border-radius:50%;width:17px;height:17px}.side-design .scroll .frame .text-card .frame-55 .frame-color-select .item-color .w4{background:green;border-radius:50%;width:17px;height:17px}.side-design .scroll .frame .text-card .frame-55 .frame-color-select .item-color .w5{background:#2dd4bf;border-radius:50%;width:17px;height:17px}.side-design .scroll .frame .text-card .frame-55 .frame-color-select .item-color .w6{background:#ff0;border-radius:50%;width:17px;height:17px}.side-design .scroll .frame .text-card .frame-55 .frame-color-select .item-color .w7{background:violet;border-radius:50%;width:17px;height:17px}.side-design .scroll .frame .text-card .frame-55 .frame-color-select .item-color .w8{background:#fff;border:thin solid #cbd5e1;border-radius:50%;width:17px;height:17px}.side-design .scroll .frame .text-card .frame-55 .frame-k68{flex-direction:row;flex:none;order:2;align-self:stretch;align-items:flex-start;gap:8px;width:208px;height:38px;padding:0;display:flex}.side-design .scroll .frame .text-card .frame-55 .frame-k68 .input-size{box-sizing:border-box;background:#fff;border:1px solid #d1d5db;border-radius:5px;flex-direction:row;flex:none;order:0;justify-content:center;align-items:center;gap:12px;width:80px;height:38px;padding:8px 12px;display:flex}.side-design .scroll .frame .text-card .frame-55 .frame-k68 .input-size .inputs{color:#0c0c0c;border:none;flex:1 0 auto;order:0;width:34px;height:20px;padding:0;font-family:Inter;font-size:14px;font-style:normal;font-weight:400;line-height:20px;position:relative;left:5px}.side-design .scroll .frame .text-card .frame-55 .frame-k68 .input-size .inputs::-webkit-input-placeholder{color:#6b72807a}.side-design .scroll .frame .text-card .frame-55 .frame-k68 .input-size .inputs:-ms-placeholder-shown{color:#6b72807a}.side-design .scroll .frame .text-card .frame-55 .frame-k68 .input-size .inputs::placeholder{color:#6b72807a}.side-design .scroll .frame .text-card .frame-55 .frame-k68 .input-size .right{grid-gap:12px;flex-direction:row;flex:none;order:1;align-items:center;gap:12px;width:28px;height:20px;padding:0;display:flex;position:relative;left:-5px}.side-design .scroll .frame .text-card .frame-55 .frame-k68 .input-size .right .clip{flex:none;order:0;width:0;height:20px}.side-design .scroll .frame .text-card .frame-55 .frame-k68 .input-size .right .clip .divider{background:#e5e7eb;width:1px;height:28px;position:relative;top:calc(50% - 14px);left:6px}.side-design .scroll .frame .text-card .frame-55 .frame-k68 .input-size .right label{text-align:right;letter-spacing:-.02em;color:#9ca3af;flex:none;order:1;width:16px;height:20px;font-family:Inter;font-size:14px;font-style:normal;font-weight:400;line-height:20px}.side-design .scroll .frame .text-card .frame-55 .frame-k68 .div-select-text{white-space:nowrap;text-overflow:ellipsis;cursor:pointer;background:#fff;border:1px solid #d1d5db;border-radius:5px;width:100%;padding:5px;position:relative;overflow:hidden}.side-design .scroll .frame .text-card .frame-55 .frame-k68 .div-list-text-select{z-index:9;background:#fff;border:1px solid #d1d5db;border-radius:5px;width:100%;height:100%;margin-top:39px;position:absolute;overflow-y:scroll}.side-design .scroll .frame .text-card .frame-55 .frame-k68 .div-list-text-select ul{list-style:none}.side-design .scroll .frame .text-card .frame-55 .frame-k68 .div-list-text-select ul li{cursor:pointer;border-bottom:1px solid #d1d5db;padding:5px 10px}.side-design .scroll .frame .text-card .frame-55 .frame-k68 .div-list-text-select ul li:hover{background:#d1d5db40}.side-design .scroll .frame .text-card .frame-55 .frame-k68 .select-font{box-sizing:border-box;letter-spacing:.2px;color:#0c0c0c;background:#fff;border:1px solid #d1d5db;border-radius:5px;flex-direction:row;flex:1 0 auto;order:1;justify-content:center;align-items:center;gap:8px;width:120px;height:38px;padding:8px 8px 8px 12px;font-family:Inter;font-size:14px;font-style:normal;font-weight:400;line-height:160%;display:flex}.side-design .scroll .frame .text-card .frame-6{flex-direction:column;flex:none;order:1;align-items:flex-start;gap:8px;width:208px;height:282.68px;padding:0;display:none}.catalog-list{width:100%;position:relative;top:40px}.catalog-list .card{background:#fff;border-radius:8px;width:-webkit-fill-available;height:185px;margin-top:3px;margin-bottom:12px;position:relative;top:0;left:0;box-shadow:0 2px 12px #0000001a}.catalog-list .card .thumbnail{background:#d9d9d9;border-radius:8px;width:131px;height:131px;position:relative;top:25px;left:20px}.catalog-list .card .thumbnail img{border-radius:8px;width:100%;max-width:100%;height:100%;display:block}.catalog-list .card .thumbnail label{color:#000;width:60px;height:15px;font-family:Inter;font-size:12px;font-style:normal;font-weight:400;line-height:15px;position:relative;top:50px;left:35px}.catalog-list .card .project-name{color:#000;width:auto;height:19px;font-family:Inter;font-size:16px;font-style:normal;font-weight:600;line-height:19px;position:absolute;top:25px;left:165px}.catalog-list .card .description{color:gray;width:auto;height:19px;font-family:Inter;font-size:16px;font-style:normal;font-weight:400;line-height:19px;position:absolute;top:50px;left:165px}.catalog-list .card .tipe{color:#04818e;width:122px;height:19px;font-family:Inter;font-size:16px;font-style:normal;font-weight:600;line-height:19px;position:absolute;top:77px;left:165px}.catalog-list .card .size{color:#000;width:auto;height:19px;font-family:Inter;font-size:16px;font-style:normal;font-weight:400;line-height:19px;position:absolute;top:105px;left:165px}.catalog-list .card .price{color:#000;width:auto;height:19px;font-family:Inter;font-size:16px;font-style:normal;font-weight:600;line-height:19px;position:absolute;top:130px;left:165px}.catalog-list .card .min{color:#000;float:right;width:auto;height:19px;font-family:Inter;font-size:16px;font-style:normal;font-weight:400;line-height:19px;position:absolute;top:75px;right:20px}.catalog-list .card .max{color:#000;float:right;width:auto;height:19px;font-family:Inter;font-size:16px;font-style:normal;font-weight:400;line-height:19px;position:absolute;top:100px;right:20px}.catalog-list .card .btn-publish{color:#fff;cursor:pointer;background:#04818e;border:none;border-radius:5px;font-family:Inter;font-size:13px;font-style:normal;font-weight:600;line-height:19px;position:absolute;right:55px;box-shadow:0 2px 12px #0000001a;width:105px!important;height:31px!important;top:20px!important}.catalog-list .card .btn-un-publish{color:#fff;cursor:pointer;background:red;border:none;border-radius:5px;font-family:Inter;font-size:13px;font-style:normal;font-weight:600;line-height:19px;position:absolute;right:55px;box-shadow:0 2px 12px #0000001a;width:125px!important;height:31px!important;top:20px!important}.catalog-list .card .btn-publish svg,.catalog-list .card .btn-un-publish svg{position:relative;left:-10px}.catalog-list .card .btn-delete{color:#fff;text-align:center;cursor:pointer;background:red;border:none;border-radius:5px;width:30px;height:30px;padding:2px 0;position:absolute;right:20px;top:20px!important}.catalog-list .card .btn-delete span{position:relative;top:2px}.catalog-list .card .btn-delete label{z-index:99;cursor:pointer;background:0 0;width:100%;height:100%;margin:0;padding:0;position:absolute;top:0;left:0}.add-link{position:relative;top:-12px}.wrap-canvas{width:auto;height:70vh;min-height:520px;margin-right:420px;position:relative;overflow:auto;width:110%!important}.canvas{width:100%;height:90%}.canvas .wrap-box{perspective:5000px;-o-transition:.2s ease all;width:100px;height:100px;margin:auto;transition:all .2s;position:relative;inset:0;box-shadow:5px 14px 16px 5px #837d7d}.canvas .wrap-box .box{width:100%;height:100%;-webkit-transform-style:preserve-3d;-moz-transform-style:preserve-3d;-ms-transform-style:preserve-3d;-o-transform-style:preserve-3d;transform-style:preserve-3d;-o-transition:.5s ease all;transition:all .5s;position:absolute;transform:rotateX(-10deg)rotateY(10deg)}.canvas .mailer .wrap-box .box .front{-ms-box-shadow:inset 0 15px 15px -23px #000;-o-box-shadow:inset 0 15px 15px -23px #000;border-top:none;transform:translateZ(50px);box-shadow:inset 0 15px 15px -23px #000}.canvas .wrap-box .box>div{-o-transition:.2s ease all;-ms-box-shadow:inset 0 0 0 0 #0000001a;-o-box-shadow:inset 0 0 0 0 #0000001a;cursor:pointer;outline:1px solid #0000;transition:all .2s;overflow:hidden;box-shadow:inset 0 0 #0000001a}.box-coklat{background-color:#ab7f59;background-size:cover;box-shadow:inset 0 0 8px 3px #00000040,inset 0 0 1px 2px #ad8a6d;background-image:url(../media/texture.3ycpqt35xah4t.png)!important}.box-putih{background-color:#fff;background-size:cover;box-shadow:inset 0 0 8px 3px #00000040,inset 0 0 1px 2px #fff;background-image:url(../media/texture.3ycpqt35xah4t.png)!important}.box-doff{background:linear-gradient(270deg,#c2c2c233 6.47%,#fff3 53.34% 98.78%),#d3d3d3 50%/cover no-repeat;box-shadow:inset 0 0 8px 3px #00000040,inset 0 0 1px 2px #fff;background-image:none!important}.box-glossy{background:linear-gradient(262deg,#c2c2c233 39.41%,#fff3 96.84%),#f0f0f0 50%/cover no-repeat;box-shadow:inset 0 0 8px 3px #00000040,inset 0 0 1px 2px #fff;background-image:none!important}.canvas .wrap-box .box>div{margin:auto;position:absolute;inset:0}.canvas.mailer .wrap-box .box .front:before{content:"";border-top:none;bottom:1px;left:1px;right:1px}.panel-tempel{background:0 0;width:100%;height:100%;position:absolute;top:0;overflow:hidden}.canvas .wrap-box .box .back{transform:rotateY(180deg)translateZ(50px)}.canvas .wrap-box .box .right{transform:rotateY(90deg)translateZ(50px)}.canvas .wrap-box .box .left{transform:rotateY(-90deg)translateZ(50px)}.canvas.mailer .wrap-box .box .top{-ms-box-shadow:inset 0 -15px 15px -21px #000;-o-box-shadow:inset 0 -15px 15px -21px #000;border-bottom:none;box-shadow:inset 0 -15px 15px -21px #000}.canvas .wrap-box .box .top{transform:rotateX(90deg)translateZ(50px)}.lipatan-atas{width:100%;height:4px;position:fixed;bottom:0}.lipatan-atas-kiri{float:left;border-left:2px solid #4646461f;border-right:4px solid #46464657;width:10px;height:100%;background:linear-gradient(90deg,#5252521f 1px,#171616 1px) 0 0/4% 7%!important}.lipatan-atas-kanan{float:right;border-left:4px solid #46464657;border-right:2px solid #4646461f;width:10px;height:100%;background:linear-gradient(90deg,#5252521f 1px,#171616 1px) 0 0/4% 7%!important}.canvas .wrap-box .box .bottom{transform:rotateX(-90deg)translateZ(50px)}.wrapper-shipping{-ms-border-radius:10px;-o-border-radius:10px;background:0 0;border-radius:10px;width:auto;margin:0 60px;padding:1px;position:relative}.shipping-box .wrap-box .box .top:before,.shipping-box .wrap-box .box .top:after,.shipping-box .wrap-box .box .bottom:before,.shipping-box .wrap-box .box .bottom:after{content:"";background:#0003;width:100%;height:2px;margin:auto;position:absolute;top:0;bottom:0;left:0}.side-left-flip{transform:rotateY(90deg)rotateX(-50deg)translateZ(-9px);right:auto!important}.side-left-flip:before{opacity:.1!important}.box .center-handle{width:100%;height:70px}.wrap-box .box .top-sides{z-index:1;-ms-border-radius:10px 10px 0 0;-o-border-radius:10px 10px 0 0;border:none;border-radius:10px 10px 0 0;top:-70px;bottom:auto}.center-handle:before{opacity:0}.wrap-box .box .center-handle span.hole-handle{content:"";-ms-border-radius:30px;-o-border-radius:30px;z-index:2;background:#eee;border-radius:30px;width:85px;height:20px;display:block}.side-right-flip{transform:rotateY(90deg)rotateX(50deg)translateZ(9px);left:auto!important}.wrap-box .box .side-right-flip{width:95px;height:110px;top:-81px}.side-right-flip:before{opacity:.1}.canvas.goodie-box .wrap-box .box>div:before{content:"";opacity:0;background:#000;width:100%;height:100%;display:block}.canvas.goodie-box .wrap-box .box .side-left-flip{width:95px;height:110px;top:-81px;bottom:unset}.canvas.goodie-box .wrap-box .box .center-handle{width:100%;height:70px}.canvas.goodie-box .wrap-box .box .top-sides{z-index:1;-ms-border-radius:10px 10px 0 0;-o-border-radius:10px 10px 0 0;border:none;border-radius:10px 10px 0 0;top:-70px;bottom:auto}.canvas.goodie-box .wrap-box .box .center-handle span.hole-handle{margin:auto;position:absolute;inset:0}.canvas.goodie-box .wrap-box .box .side-right-flip{left:auto;transform:rotateY(90deg)rotateX(50deg)translateZ(9px)}.hidePanel{display:none!important}.showPanel{position:absolute;top:0;display:block!important}.showPanel #container{width:650px;height:600px;margin-top:0}.rightSideBtn{float:right!important;padding-top:0!important}.color-picker-position{width:-webkit-fill-available;position:relative!important;top:0!important}.color-picker .format{margin:0 auto 10px;display:block}.color-picker .lightness{margin:0}.color-picker .spectrum{-webkit-user-select:none;user-select:none;cursor:crosshair;background:linear-gradient(gray,#0000),linear-gradient(90deg,red,#ff0,#0f0,#0ff,#00f,#f0f,red);border-radius:2px;margin:10px 0;position:relative;overflow:hidden}.color-picker .spectrum.active,.color-picker .spectrum.active .pin{cursor:none}.color-picker .lightness-filter{position:absolute;inset:0;box-shadow:inset 0 1px 3px #0003}.color-picker .pin{cursor:move;border:2px solid #fff;border-radius:50%;width:4px;height:4px;margin-top:-4px;margin-left:-4px;position:absolute;box-shadow:0 1px 1px #0006}.color-picker .color{-webkit-appearance:none;text-align:center;letter-spacing:1px;color:#0009;border:0;border-radius:2px;padding:10px;font-family:Consolas,Monaco,Andale Mono,monospace;font-size:11px;transition:color .2s;box-shadow:inset 0 1px 3px #0003}.color-picker .color,.color-picker .lightness{box-sizing:border-box;width:100%;display:block}.color-height{height:170px}.modal-input-description{z-index:99;background:#fff;border-radius:5px;width:400px;height:215px;padding:10px;font-size:14px;position:fixed;top:20%;left:50%;transform:translate(-60%);box-shadow:0 10px 16px #0000,0 6px 20px #0000000f!important}.modal-input-description .input{width:-webkit-fill-available;height:150px;font-family:Inter;font-size:14px;font-style:normal;position:relative;top:20px}.modal-input-description button{float:right;cursor:pointer;background:0 0;border:none;top:6px}.modal-input-description label{letter-spacing:.2px;color:#0c0c0c;width:88px;height:26px;font-family:Inter;font-size:16px;font-style:normal;font-weight:400;line-height:160%;position:relative;top:5px;left:0}.modal-info-box{z-index:99;background:#fff;border-radius:5px;width:300px;height:350px;font-size:14px;position:fixed;top:20%;left:50%;transform:translate(-60%);box-shadow:0 10px 16px #0000,0 6px 20px #0000000f!important}.modal-info-box .body{color:#374151;flex:1 0 auto;order:0;width:95%;height:auto;padding:6px;font-size:14px;font-style:normal;font-weight:400;line-height:20px;position:relative;left:16px}.modal-info-box .body .image-left{float:left;width:260px;height:260px;margin-top:7px;margin-left:-6px;padding:0;overflow:scroll}.modal-info-box .body .image-left .ckl{z-index:99;cursor:pointer;width:fit-content;height:fit-content;position:absolute;top:110px;left:-10px}.modal-info-box .body .image-left .ckl img{float:none!important;width:50px!important;height:50px!important;margin:0!important}.modal-info-box .body .image-left .ckr{z-index:99;cursor:pointer;width:50px;height:fit-content;margin-left:235px;position:absolute;top:110px}.modal-info-box .body .image-left .ckr img{float:none!important;width:50px!important;height:50px!important;margin:0!important}.modal-info-box .body .image-left::-webkit-scrollbar{display:none}.modal-info-box .body .image-left .bar-dots{width:fit-content;margin-top:270px;position:absolute;left:110px}.modal-info-box .body .image-left .bar-dots .item-dots-active{background:#000!important}.modal-info-box .body .image-left .bar-dots .item-dots{float:left;background:gray;border-radius:50%;width:10px;height:10px;margin-right:2px}.modal-info-box .body .image-left div{width:1060px}.modal-info-box .body .image-left div img{float:left;border-radius:5px;width:255px;height:255px;margin:5px}.modal-info-box .body .desc-right{float:left;width:400px;margin-left:20px}.modal-info-box .header{padding:10px;box-shadow:0 1px #e2e8f0}.modal-info-box .header button{float:right;cursor:pointer;background:0 0;border:none;top:6px}.modal-info-box .header label{letter-spacing:.2px;color:#0c0c0c;width:88px;height:26px;font-family:Inter;font-size:16px;font-style:normal;font-weight:600;line-height:160%;position:relative;left:10px}.addDeskripsi{cursor:pointer}.uploadThumbnail{box-sizing:border-box;grid-gap:8px;grid-gap:8px;text-align:center;cursor:pointer;background:#f8fafc;border:1px dashed #cbd5e1;border-radius:8px;flex-direction:column;flex:none;order:1;justify-content:center;align-items:center;gap:8px;width:-webkit-fill-available;height:150px;padding:8px;display:flex;position:relative;top:13px}.uploadThumbnail span div span svg{margin-top:-66px!important;position:absolute!important}.addThumbnailUpload .judul{letter-spacing:.2px;color:#0c0c0c;margin-top:-170px;font-family:Inter;font-size:14px;font-style:normal;font-weight:600;line-height:160%;position:absolute}.addThumbnailUpload{height:200px!important}.ui-icon{width:16px;height:16px}.ui-resizable-e{background-size:contain;width:10px;height:100%;top:0;right:-12px}.ui-resizable-s{background-size:contain;width:100%;height:12px;bottom:-13px;left:0}.ui-resizable-handle{font-size:.1px;display:block;position:absolute}.ui-rotatable-handle{background:url(../media/rotate.0mav0znp7cg8j.png) 0 0/100% 100% no-repeat;width:15px;height:15px;position:absolute;top:-25px;left:50%;transform:translate(-50%)}.ui-rotatable-handle-sw{bottom:-27px;left:-27px}.ui-rotatable-handle-nw{top:-27px;left:-27px}.ui-rotatable-handle-se{bottom:-27px;right:-27px}.ui-rotatable-handle-ne{top:-27px;right:-27px}.ui-icon{vertical-align:middle;text-indent:-99999px;background-repeat:no-repeat;margin-top:-.25em;display:inline-block;position:relative;overflow:hidden}.ui-icon,.ui-widget-content .ui-icon{position:relative;left:-8px;background-size:contain!important;top:-13px!important}.btn-delete-gambar{color:#fff;float:right;z-index:99;text-align:center;cursor:pointer;background:red;width:20px;height:20px;font-weight:700;position:absolute;right:0}.btn-delete-item{color:#fff;float:right;z-index:99;text-align:center;cursor:pointer;float:left;background:red;border-radius:50%;width:20px;height:20px;font-weight:700}.list-text{background:pink;height:fit-content;padding:10px;font-size:14px;position:relative}.list-text ul{padding:0 10px;list-style:none}.list-text ul li{border-bottom:thin solid #e2e8f0;height:35px}.list-text ul li div{white-space:nowrap;text-overflow:ellipsis;float:left;max-width:170px;margin:0;position:relative;top:5px;overflow:hidden}.list-text ul li label{float:right;color:#fff;cursor:pointer;background:red;padding:1px 8px;font-size:13px;font-weight:700;position:relative;top:5px}.frame-item-gambar-upload{padding:110px}.item-gambar-upload{box-sizing:border-box;background:#f8fafc;border:1px solid #cbd5e1;border-radius:5px;flex-direction:column;flex:none;order:2;justify-content:center;align-items:center;gap:8px;width:208px;height:38px;margin-bottom:5px;padding:8px;display:flex}.item-gambar-upload .padding{grid-gap:4px;cursor:pointer;background:0 0;flex-direction:row;flex:none;order:0;align-items:center;gap:4px;width:160px;height:22px;padding:0 4px;display:flex;position:absolute;left:8px}.item-gambar-upload .padding label{letter-spacing:.2px;color:#64748b;white-space:nowrap;text-overflow:ellipsis;cursor:pointer;flex:1 0 auto;order:0;width:100%;max-width:170px;height:22px;margin:0;font-family:Inter;font-size:14px;font-style:normal;font-weight:400;line-height:160%;overflow:hidden}.item-gambar-upload .padding svg{flex:none;order:1;width:16px;height:16px;transform:rotate(-90deg)}.item-gambar-upload .padding img{cursor:pointer;width:16px;height:16px}.item-gambar-upload img{cursor:pointer;width:16px;height:16px;position:absolute;right:10px}.catalog-list div div .kardoos-pagination{margin:0!important;position:relative!important;top:5px!important}.text-search-instant{color:gray;border:thin solid #9e9e9e66;border-radius:5px;width:250px;height:33px;margin-top:-10px;padding:7px;font-size:12px;position:absolute}.img-upload{width:50%;margin:0 auto;position:relative}.item-text-upload{box-sizing:border-box;background:#f8fafc;border:1px solid #cbd5e1;border-radius:5px;flex-direction:column;flex:none;order:2;justify-content:center;align-items:center;gap:8px;width:208px;height:38px;margin-bottom:5px;padding:8px;display:flex}.item-text-upload .padding{grid-gap:4px;cursor:pointer;white-space:nowrap;color:#64748b;text-overflow:ellipsis;background:0 0;flex-direction:row;flex:none;order:0;align-items:center;gap:4px;width:160px;max-width:170px;height:22px;padding:0 4px;font-size:14px;display:flex;position:absolute;left:8px;overflow:hidden}.item-text-upload .padding label{letter-spacing:.2px;color:#64748b;white-space:nowrap;text-overflow:ellipsis;cursor:pointer;flex:1 0 auto;order:0;width:100%;max-width:170px;height:22px;margin:0;font-family:Inter;font-size:14px;font-style:normal;font-weight:400;line-height:160%;overflow:hidden}.item-text-upload .padding svg{flex:none;order:1;width:16px;height:16px;transform:rotate(-90deg)}.item-text-upload .padding img{cursor:pointer;width:16px;height:16px}.item-text-upload img{cursor:pointer;width:16px;height:16px;position:absolute;right:10px}.item-text-upload img:hover,.item-gambar-upload img:hover{background:#e2e8f0;border-radius:50%;width:18px;height:18px}.item-text-upload .box-aksi-append{cursor:pointer;background:#fff;border-radius:5px;width:84.02px;margin-top:75px;padding:3px;display:none;position:absolute;right:10px;box-shadow:0 -1px 6px -2px #0000000d,0 10px 15px -3px #0000001a}.item-text-upload .box-aksi-append .box-close-append{height:27px}.item-text-upload .box-aksi-append div{letter-spacing:.2px;color:#64748b;cursor:pointer;width:100%;padding:4px 16px;font-family:Inter;font-size:14px;font-style:normal;font-weight:500;line-height:160%}.item-text-upload .box-aksi-append .ed-txt-add:hover,.item-text-upload .box-aksi-append .del-txt-add:hover{background:#f1f5f9}.item-text-upload .box-aksi-append hr{letter-spacing:.2px;color:#e2e8f0;border:1px solid #e2e8f0;font-family:Inter;font-size:14px;font-style:normal;font-weight:400;line-height:160%}.item-gambar-upload .box-aksi-append{cursor:pointer;background:#fff;border-radius:5px;width:84.02px;margin-top:75px;padding:3px;display:none;position:absolute;right:10px;box-shadow:0 -1px 6px -2px #0000000d,0 10px 15px -3px #0000001a}.item-gambar-upload .box-aksi-append .box-close-append{height:27px}.item-gambar-upload .box-aksi-append div{letter-spacing:.2px;color:#64748b;cursor:pointer;width:100%;padding:4px 16px;font-family:Inter;font-size:14px;font-style:normal;font-weight:500;line-height:160%}.item-gambar-upload .box-aksi-append .ed-img-add:hover,.item-gambar-upload .box-aksi-append .del-img-add:hover{background:#f1f5f9}.item-gambar-upload .box-aksi-append hr{letter-spacing:.2px;color:#e2e8f0;border:1px solid #e2e8f0;font-family:Inter;font-size:14px;font-style:normal;font-weight:400;line-height:160%}.btn-apply-img{cursor:pointer;background:#f8fafc;border:1px solid #cbd5e1;border-radius:5px;width:100%;margin-top:-5px;margin-bottom:10px;padding:7px;font-size:14px;font-weight:500;display:none}.canvas .wrap-box .box .bottom .panel-tempel .kunci1{z-index:99;border-radius:5px;width:2%;height:20%;position:absolute;top:10%;left:3px;background-image:url(../media/kuncian.3g51-pxzj3mi3.png)!important;background-size:cover!important}.canvas .wrap-box .box .bottom .panel-tempel .kunci2{z-index:99;border-radius:5px;width:2%;height:20%;position:absolute;top:10%;right:3px;background-image:url(../media/kuncian.3g51-pxzj3mi3.png)!important;background-size:cover!important}.canvas .wrap-box .box .bottom .panel-tempel .kunci3{z-index:99;border-radius:5px;width:2%;height:20%;position:absolute;bottom:10%;left:3px;background-image:url(../media/kuncian.3g51-pxzj3mi3.png)!important;background-size:cover!important}.canvas .wrap-box .box .bottom .panel-tempel .kunci4{z-index:99;border-radius:5px;width:2%;height:20%;position:absolute;bottom:10%;right:3px;background-image:url(../media/kuncian.3g51-pxzj3mi3.png)!important;background-size:cover!important}.snap-container{background-color:#a9a9a9;width:100%;height:20px;margin-top:25px;position:absolute}.snap-container:after{text-align:center;color:#fff;width:100%;height:100%;font-size:15px;line-height:20px;display:block}.smart-guide{border-style:dashed;border-color:red}.tambah-gambar.selected{background-color:#b6f3b6}.add-border-guide-x{border-top:1px dashed red;border-bottom:1px dashed red}.add-border-guide-y{border-left:1px dashed red;border-right:1px dashed red}.x-guide{z-index:0;width:100%;height:100px;position:absolute;inset:0}.y-guide{z-index:0;width:100px;height:100%;position:absolute;inset:0}.btn-apply-txt{cursor:pointer;background:#f8fafc;border:1px solid #cbd5e1;border-radius:5px;width:100%;margin-top:85px;margin-bottom:10px;padding:7px;font-size:14px;font-weight:500;display:none}.frame-img-quality{width:100%;display:none;position:relative;top:-10px}.frame-img-quality .q7{cursor:pointer;color:#fff;background:#b0aeae;border:1px solid #cbd5e1;border-radius:2px;width:25%;font-size:14px}.frame-img-quality .q8{cursor:pointer;color:#fff;background:#8c8b8b;border:1px solid #cbd5e1;border-radius:2px;width:25%;font-size:14px}.frame-img-quality .q9{cursor:pointer;color:#fff;background:#656464;border:1px solid #cbd5e1;border-radius:2px;width:25%;font-size:14px}.frame-img-quality .q10{cursor:pointer;color:#fff;background:#3d3d3d;border:1px solid #cbd5e1;border-radius:2px;width:25%;font-size:14px}.pMailer{text-align:center;vertical-align:middle;width:fit-content;height:-webkit-fill-available;margin:auto;font-size:14px;position:absolute;top:250px;left:0;right:0;transform:translateY(-50%)}.pMailer .s1{float:left;width:12.5%;height:700px;position:relative}.pMailer .s1 .s1-2{background:#fff;border-top:thin solid gray;border-bottom:thin solid gray;border-left:thin solid gray;width:100%;height:250px;position:relative;top:98px}.pMailer .s1 .s1-2 .b1{float:left;background:#fff;border-top:thin solid gray;border-left:thin solid gray;border-radius:20px 0 0 20px;width:10px;height:20%;margin-left:-9px;position:relative;top:15%}.pMailer .s1 .s1-2 .b2{float:left;background:#fff;border-top:thin solid gray;border-left:thin solid gray;border-radius:20px 0 0 20px;width:10px;height:20%;margin-left:-10px;position:relative;top:65%}.pMailer .s2{float:left;width:12.5%;height:700px;position:relative}.pMailer .s2 .s2-1{background:#fff;border-top:thin solid gray;border-bottom:solid gray;border-left:thin solid gray;width:100%;height:95px;position:relative}.pMailer .s2 .s2-2{background:#fff;border-top:thin solid gray;border-bottom:solid gray;border-left:thin solid gray;width:100%;height:250px;position:relative}.pMailer .s3{float:left;width:300px;height:700px;position:relative}.pMailer .s3 .s3-1{background:#fff;border:thin solid gray;border-radius:5px;width:100%;height:100px;position:relative}.pMailer .s3 .s3-2{background:#fff;border-left:thin solid gray;border-right:thin solid gray;width:100%;height:250px;position:relative}.pMailer .s3 .s3-2 .b1{float:left;background:gray;width:10px;height:20%;position:relative;top:6%}.pMailer .s3 .s3-2 .b2{float:left;background:gray;width:10px;height:20%;margin-left:-10px;position:relative;top:58%}.pMailer .s3 .s3-2 .b3{float:right;background:gray;width:10px;height:20%;position:relative;top:6%}.pMailer .s3 .s3-2 .b4{float:right;background:gray;width:10px;height:20%;margin-right:-10px;position:relative;top:58%}.pMailer .s4{float:left;width:12.5%;height:700px;position:relative}.pMailer .s4 .s4-1{background:#fff;border-top:thin solid gray;border-bottom:solid gray;border-right:thin solid gray;width:100%;height:95px;position:relative}.pMailer .s4 .s4-2{background:#fff;border-top:thin solid gray;border-bottom:solid gray;border-right:1px solid gray;width:100%;height:250px;position:relative}.pMailer .s5{float:left;width:12.5%;height:700px;position:relative}.pMailer .s5 .s5-2{background:#fff;border-top:thin solid gray;border-bottom:thin solid gray;border-right:thin solid gray;width:100%;height:250px;position:relative;top:98px}.pMailer .s5 .s5-2 .b3{float:right;background:#fff;border-top:thin solid gray;border-right:thin solid gray;border-radius:0 20px 20px 0;width:10px;height:20%;margin-right:-9px;position:relative;top:15%}.pMailer .s5 .s5-2 .b4{float:right;background:#fff;border-top:thin solid gray;border-right:thin solid gray;border-radius:0 20px 20px 0;width:10px;height:20%;margin-right:-10px;position:relative;top:65%}.pMailer-sisipan-kiri{border-radius:20% 0 0 97%}.pMailer-sisipan-kanan{border-radius:0 20% 97% 0}.pShipping{text-align:center;color:#fff;width:-webkit-fill-available;height:-webkit-fill-available;margin:auto;font-size:14px;position:absolute;top:250px;left:25px;right:0;transform:translateY(-50%)}.pShipping .s1{float:left;width:4%;height:400px;position:relative}.pShipping .s1 .s1-1{background:#fff;border-left:thin solid gray;border-radius:50px 0 0 50px;height:50%;position:relative;top:25%}.pShipping .s2{float:left;width:32%;height:400px;position:relative}.pShipping .s2 .s2-1{background:#fff;border:thin solid gray;height:25%;position:relative}.pShipping .s2 .s2-2{background:#fff;height:50%;position:relative}.pShipping .s2 .s2-3{background:#fff;border:thin solid gray;height:25%;position:relative}.pShipping .s3{float:left;width:16%;height:400px;position:relative}.pShipping .s3 .s3-1{background:#fff;border-top:thin solid gray;border-left:solid gray;border-right:solid gray;width:95%;height:24%;position:relative}.pShipping .s3 .s3-2{background:#fff;border:thin solid gray;height:50%;position:relative}.pShipping .s3 .s3-3{background:#fff;border-bottom:thin solid gray;border-left:solid gray;border-right:solid gray;width:95%;height:24%;position:relative}.pShipping .s4{float:left;width:32%;height:400px;position:relative}.pShipping .s4 .s4-1{background:#fff;border:thin solid gray;height:25%;position:relative}.pShipping .s4 .s4-2{background:#fff;height:50%;position:relative}.pShipping .s4 .s4-3{background:#fff;border:thin solid gray;height:25%;position:relative}.pShipping .s5{float:left;width:16%;height:400px;position:relative}.pShipping .s5 .s5-1{background:#fff;border-top:thin solid gray;border-left:solid gray;border-right:solid gray;width:95%;height:24%;position:relative}.pShipping .s5 .s5-2{background:#fff;border:thin solid gray;height:50%;position:relative}.pShipping .s5 .s5-3{background:#fff;border-bottom:thin solid gray;border-left:solid gray;border-right:solid gray;width:95%;height:24%;position:relative}.pGoodie{text-align:center;vertical-align:middle;font-size:14px;position:relative;top:50px}.pGoodie .s1{float:left;width:4%;height:600px;position:relative}.pGoodie .s1 .s1-1{background:#fff;border:thin solid gray;border-radius:50px 0 0 50px;height:50%;position:relative;top:25%}.pGoodie .s2{float:left;width:32%;height:600px;position:relative}.pGoodie .s2 .s2-1{background:#fff;border:thin solid gray;height:25%;position:relative}.pGoodie .s2 .s2-2{background:#fff;border-right:thin solid gray;height:50%;position:relative}.pGoodie .s2 .s2-3{background:#fff;border:thin solid gray;height:13%;position:relative}.pGoodie .s2 .s2-3 .s2-a{float:left;background:#fff;border:thin solid gray;border-radius:0 0 15px;width:20%;height:150%;position:relative}.pGoodie .s2 .s2-3 .s2-b{float:left;background:#fff;width:60%;height:70%;position:relative}.pGoodie .s2 .s2-3 .s2-c{float:right;background:#fff;border:thin solid gray;border-radius:0 0 0 15px;width:20%;height:150%;position:relative}.pGoodie .s3{float:left;width:16%;height:600px;position:relative}.pGoodie .s3 .s3-1{background:#fff;border:thin solid gray;border-radius:400px 400px 0 0;width:100%;height:15%;position:relative}.pGoodie .s3 .s3-1 .s3-kunci{background:gray;border-radius:50px;width:7%;height:80%;margin:0 auto;position:relative;top:20%}.pGoodie .s3 .s3-2{background:#fff;border-bottom:thin solid gray;border-right:thin solid gray;height:50%;position:relative}.pGoodie .s4{float:left;width:32%;height:600px;position:relative}.pGoodie .s4 .s4-1{background:#fff;border:thin solid gray;height:25%;position:relative}.pGoodie .s4 .s4-2{background:#fff;border-right:thin solid gray;height:50%;position:relative}.pGoodie .s4 .s4-3{background:#fff;border:thin solid gray;height:20%;position:relative}.pGoodie .s5{float:left;width:16%;height:600px;position:relative}.pGoodie .s5 .s5-1{background:#fff;border:thin solid gray;border-radius:400px 400px 0 0;width:100%;height:15%;position:relative}.pGoodie .s5 .s5-1 .s5-kunci{background:gray;border-radius:50px;width:7%;height:80%;margin:0 auto;position:relative;top:20%}.pGoodie .s5 .s5-2{background:#fff;border-bottom:thin solid gray;border-right:thin solid gray;height:50%;position:relative}.showPanelsUi{display:block!important}.resize-handler{-webkit-user-select:none;user-select:none;background-color:#05f;border:1px solid #fff;border-radius:100px;width:10px;height:10px;display:none;position:absolute}.resize-handler:hover{background-color:#00c}.center-top,.center-bot{cursor:row-resize}.left-mid,.right-mid{cursor:col-resize}.right-top,.left-bot{cursor:nesw-resize}.ui-resizable-se{cursor:nwse-resize;display:none!important}.right-bot{cursor:nwse-resize}.deg-info{font-size:12px;font-weight:700;position:absolute;left:25px}.reset-deg{cursor:pointer;background:0 0;border:thin solid gray;border-radius:4px;width:60px;padding:0 5px;font-size:12px;font-weight:600;position:absolute;top:-53px;left:50%;transform:translate(-50%,-50%)}.openGambar{z-index:9}.div-sisi-panel{color:#64748b;letter-spacing:.2px;opacity:.5;font-family:Inter;font-size:11px;font-style:normal;font-weight:600;line-height:160%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.activeListImg{background:#ccfbf1}.border-editing{position:absolute}.active-list-select{background:#ccfbf1}.tab-filter-inspiration-img{width:208px;height:57px;margin-bottom:10px;overflow-y:scroll}.tab-filter-inspiration-img .tab-click-right-tab{float:right;z-index:99999999;cursor:pointer;background:#fff;border:1px solid #94a3b8;border-radius:16px;margin-top:-40px;position:absolute;right:0}.tab-filter-inspiration-img .tab-click-left-tab{float:right;z-index:99999999;cursor:pointer;background:#fff;border:1px solid #94a3b8;border-radius:16px;margin-top:18px;position:absolute;left:-15px}.tab-filter-inspiration-img::-webkit-scrollbar{display:none}.tab-filter-inspiration-img .rel{width:1400px;height:100%;margin-left:10px}.tab-filter-inspiration-img .rel .active{background:#ccfbf1}.tab-filter-inspiration-img .rel div{float:left;color:#0f766e;letter-spacing:.2px;cursor:pointer;border-radius:50px;margin:10px 5px;padding:8px 16px;font-family:Inter;font-size:16px;font-style:normal;font-weight:600;line-height:160%}.list-inpiration-img-frame{width:228px;height:330px;margin-bottom:10px;margin-left:-7px;padding:12px;overflow-y:scroll}.list-inpiration-img-frame::-webkit-scrollbar{display:none}.list-inpiration-img-frame div{float:left;background:var(--White,#fff);cursor:pointer;width:98px;height:fit-content;margin-right:4px;padding:18px;box-shadow:0 0 10px #00000003,0 2px 8px #0000000d,0 0 1px #0000001a}.list-inpiration-img-frame div img{cursor:pointer;width:64px;height:64px}.info-auto-save,.info-auto-save-chmodel{color:#0c0c0c;letter-spacing:.2px;opacity:.6;-webkit-transform:translate(-50%);text-align:center;background:#fff;border-radius:8px;width:320px;padding:10px;font-family:Inter;font-size:11px;font-style:normal;font-weight:500;line-height:160%;position:absolute;left:50%;transform:translate(-40%)}.info-auto-save-no-login{color:#0c0c0c;letter-spacing:.2px;opacity:.6;-webkit-transform:translate(-50%);text-align:center;z-index:99;background:#fff;border-radius:8px;width:360px;padding:10px;font-family:Inter;font-size:11px;font-style:normal;font-weight:500;line-height:160%;position:absolute;left:50%;transform:translate(-40%)}.info-auto-save-no-login a{color:#0d9488;cursor:pointer;font-weight:700}#emailValueLogin{display:none}.bacground-panel{z-index:999;background:#fff;border:thin solid #e2e8f0;border-radius:5px;width:90%;height:40px;margin-top:60px;position:absolute;left:50%;transform:translate(-40%,-50%)}.bacground-panel .side-a{float:left;letter-spacing:.2px;color:#0c0c0c;width:25%;height:100%;padding:8px;font-family:Inter;font-size:14px;font-style:normal;font-weight:500;line-height:160%}.bacground-panel .side-b{float:left;width:47%;height:100%}.bacground-panel .side-c{float:left;width:28%;height:100%;padding:6px}.bacground-panel .side-c .bar-input-color{float:left;background:#000;width:1px;height:27px;position:absolute}.bacground-panel .side-c .input-color{float:left;width:25px;margin-left:15px;padding:0;position:absolute}.bacground-panel .side-c .input-color-text{float:left;border:thin solid #e2e8f0;width:90px;height:27px;margin-left:42px;padding:2px 10px;font-family:Inter;font-size:14px;font-style:normal;font-weight:500;position:absolute}.bacground-panel .side-b .frame-color-select{grid-gap:8px;flex-direction:row;flex:none;order:2;align-self:stretch;align-items:flex-start;gap:7px;width:100%;height:30px;padding:8px}.bacground-panel .side-b .frame-color-select .item-color-active{border:3px solid #12b7a5!important}.bacground-panel .side-b .frame-color-select .item-color-box-default{border:1px solid #dedede;border-radius:50%;width:17px;height:17px;position:relative}.bacground-panel .side-b .frame-color-select .item-color-box{float:left;cursor:pointer;border:3px solid #0000;border-radius:50%;width:25px;height:25px;margin-right:1px;padding:1px}.bacground-panel .side-b .frame-color-select .item-color-box .w1{background:#000;border-radius:50%;width:17px;height:17px}.bacground-panel .side-b .frame-color-select .item-color-box .w2{background:#00f;border-radius:50%;width:17px;height:17px}.bacground-panel .side-b .frame-color-select .item-color-box .w3{background:red;border-radius:50%;width:17px;height:17px}.bacground-panel .side-b .frame-color-select .item-color-box .w4{background:green;border-radius:50%;width:17px;height:17px}.bacground-panel .side-b .frame-color-select .item-color-box .w5{background:#2dd4bf;border-radius:50%;width:17px;height:17px}.bacground-panel .side-b .frame-color-select .item-color-box .w6{background:#ff0;border-radius:50%;width:17px;height:17px}.bacground-panel .side-b .frame-color-select .item-color-box .w7{background:violet;border-radius:50%;width:17px;height:17px}.bacground-panel .side-b .frame-color-select .item-color-box .w8{background:#8c2525;border-radius:50%;width:17px;height:17px}.line-side-menu{background:#e2e8f0;border-radius:10px;width:100%;height:2px}.editor-info-qty-1{cursor:pointer;margin-top:-16px;position:relative;right:-118px}.scrollItemBoxEd::-webkit-scrollbar{display:none}.loader-blok-image{z-index:99999999;background:#d1d5db66;width:100%;height:100%;position:fixed;top:0;left:0}.scroll-project-draft{width:-webkit-fill-available;height:580px;left:unset;margin-top:20px;position:absolute;top:0;overflow-y:scroll}.scroll-project-draft::-webkit-scrollbar{display:none}.scroll-project-draft .frame-k56{flex-direction:column;align-items:flex-start;gap:16px;width:208px;height:930px;padding:0 0 16px;display:flex;position:absolute;top:0;left:0}.scroll-project-draft .frame-k56-b2{width:208px;height:930px;padding:0 0 16px;position:absolute;top:0;left:0}.scroll-project-draft .frame-k56-project{flex-direction:column;align-items:flex-start;gap:16px;width:208px;height:auto;padding:0 0 16px;position:absolute;top:0;left:0}.scroll-project-draft .frame-k56-project .empty-project{flex-direction:column;align-items:center;gap:8px;width:208px;padding:24px 0;display:flex}.scroll-project-draft .frame-k56-project .empty-project label{color:#64748b;text-align:center;letter-spacing:.2px;align-self:stretch;font-family:Inter;font-size:14px;font-style:normal;font-weight:500;line-height:160%}.scroll-project-draft .frame-k56-project .empty-project label a{color:#0d9488;letter-spacing:.2px;cursor:pointer;font-family:Inter;font-size:14px;font-style:normal;font-weight:700;line-height:160%}.scroll-project-draft .frame-k56-project .card-empty{width:100%;margin:0;position:relative}.scroll-project-draft .frame-k56-project .tab-project-me{background:#fff;flex-direction:column;align-items:flex-start;gap:16px;margin-bottom:15px;display:flex}.scroll-project-draft .frame-k56-project .tab-project-me .project-blok{align-self:stretch;align-items:flex-start;display:flex}.scroll-project-draft .frame-k56-project .tab-project-me .project-blok div{color:#0c0c0c;letter-spacing:.2px;cursor:pointer;border-bottom:2px solid #fff;flex:1 0 0;justify-content:center;align-items:flex-start;gap:10px;padding-bottom:4px;font-family:Inter;font-size:16px;font-style:normal;font-weight:500;line-height:160%;display:flex}.scroll-project-draft .frame-k56-project .tab-project-me .project-blok .active-tab-project{color:#0c0c0c;letter-spacing:.2px;border-bottom:2px solid #0d9488;font-family:Inter;font-size:16px;font-style:normal;font-weight:700;line-height:160%}.scroll-project-draft .frame-k56-project .tab-project-me .project-blok div label{cursor:pointer}.scroll-project-draft .frame-k56-project .tab-project-me .project-blok div .h2-active{font-weight:700}.scroll-project-draft .frame-k56-project .tab-project-me .project-blok div h2{cursor:pointer;letter-spacing:.2px;font-family:Inter;font-size:16px;font-style:normal;font-weight:500;line-height:160%}.scroll-project-draft .frame-k56-project .item-project-side{float:left;text-align:left;z-index:1;-webkit-transition:-webkit-transform .18s,box-shadow .18s,border-color .18s;background:#fff;border:1px solid #f1f5f9;border-radius:8px;flex-direction:column;flex-shrink:0;align-items:center;gap:8px;width:100px;padding:4px;transition:transform .18s,box-shadow .18s,border-color .18s;display:flex;position:relative}.scroll-project-draft .frame-k56-project .item-project-side:hover{z-index:10;border-color:#ccfbf1;transform:translateY(-2px);box-shadow:0 4px 12px #0f172a14}.scroll-project-draft .frame-k56-project .item-project-side:hover>.hv-panel-p{opacity:1;visibility:visible;pointer-events:auto;transform:translateY(0)scale(1)}.scroll-project-draft .frame-k56-project .item-project-side .hv-panel-p{opacity:0;visibility:hidden;pointer-events:none;z-index:20;-webkit-transition:opacity .18s,visibility .18s,-webkit-transform .18s;background:#f8fafc;border:1px solid #f1f5f9;border-radius:8px;align-items:center;width:100px;height:145px;margin-top:-5px;margin-left:-6px;transition:opacity .18s,visibility .18s,transform .18s;animation:none;position:absolute;transform:translateY(4px)scale(.96)}.scroll-project-draft .frame-k56-project .item-project-side .hv-panel-p .hv-in{margin-left:4px;position:relative}.scroll-project-draft .frame-k56-project .item-project-side .hv-panel-p .hv-in .hv-in-box{width:100%;height:100px;padding:4px}.scroll-project-draft .frame-k56-project .item-project-side .hv-panel-p .hv-in .hv-in-box label{color:#000;letter-spacing:.2px;align-self:stretch;font-family:Inter;font-size:9px;font-style:normal;font-weight:700;line-height:160%}.scroll-project-draft .frame-k56-project .item-project-side .hv-panel-p .hv-in .hv-in-box label a{color:#000;letter-spacing:.2px;font-family:Inter;font-size:9px;font-style:normal;font-weight:500;line-height:160%}.scroll-project-draft .frame-k56-project .item-project-side .hv-panel-p .hv-in .hv-p-line{background:#e2e8f0;width:92px;height:1px}.scroll-project-draft .frame-k56-project .item-project-side .hv-panel-p .hv-in-blok{opacity:0;visibility:hidden;-webkit-transition:opacity .16s,visibility .16s,max-height .16s,-webkit-transform .16s;align-self:stretch;align-items:center;max-height:0;padding:0 8px;transition:opacity .16s,visibility .16s,max-height .16s,transform .16s;overflow:hidden;transform:translateY(4px)}.scroll-project-draft .frame-k56-project .item-project-side .hv-panel-p:hover>.hv-in .hv-in-blok{opacity:1;visibility:visible;max-height:50px;transform:translateY(0)}.scroll-project-draft .frame-k56-project .item-project-side .hv-panel-p .hv-in-blok .btn-hv-d{cursor:pointer;-webkit-transition:border-color .16s,background-color .16s,-webkit-transform .16s;background:#fff;border:1px solid #e2e8f0;border-radius:4px;justify-content:center;align-items:center;width:30px;height:30px;margin-left:53px;padding:8px;transition:border-color .16s,background-color .16s,transform .16s;position:absolute}.scroll-project-draft .frame-k56-project .item-project-side .hv-panel-p .hv-in-blok .btn-hv-d:hover{border:1.4px solid #dc2626;transform:scale(1.04)}.scroll-project-draft .frame-k56-project .item-project-side .hv-panel-p .hv-in-blok .btn-hv-d:hover>svg path{stroke:#dc2626;cursor:pointer;transition:stroke .16s}.scroll-project-draft .frame-k56-project .item-project-side .hv-panel-p .hv-in-blok .btn-hv-d>svg path{transition:stroke .16s}.scroll-project-draft .frame-k56-project .item-project-side .hv-panel-p .hv-in-blok .btn-hv-e:hover{border:1.4px solid #0d9488;transform:scale(1.04)}.scroll-project-draft .frame-k56-project .item-project-side .hv-panel-p .hv-in-blok .btn-hv-e:hover>svg path{stroke:#0d9488;cursor:pointer;transition:stroke .16s}.scroll-project-draft .frame-k56-project .item-project-side .hv-panel-p .hv-in-blok .btn-hv-e>svg path{transition:stroke .16s}.scroll-project-draft .frame-k56-project .item-project-side .hv-panel-p .hv-in-blok .btn-hv-e{float:left;cursor:pointer;text-align:center;letter-spacing:.2px;color:#fff;-webkit-transition:border-color .16s,background-color .16s,-webkit-transform .16s;background:#0d9488;border:1px solid #e2e8f0;border-radius:4px;justify-content:center;align-items:center;width:60px;height:30px;margin-left:-8px;padding:8px;font-family:Inter;font-size:14px;font-style:normal;font-weight:600;line-height:160%;transition:border-color .16s,background-color .16s,transform .16s;position:relative}.scroll-project-draft .frame-k56-project .item-project-side .vProject #container{width:80px;height:80px}.scroll-project-draft .frame-k56-project .item-project-side .vProject #container .wrap-canvas{height:80px;margin:0;position:relative;width:80px!important}.scroll-project-draft .frame-k56-project .item-project-side .vProject #container .wrapper-shipping{width:80px;height:80px;margin:0;position:relative}.scroll-project-draft .frame-k56-project .item-project-side .vProject #container .wrap-canvas .canvas{width:80px;height:80px;overflow:hidden}.scroll-project-draft .frame-k56-project .item-project-side .vProject #container .wrap-canvas .canvas .wrap-box{width:80px;height:80px;box-shadow:none;position:relative}.scroll-project-draft .frame-k56-project .item-project-side .vProject #container .wrap-canvas .canvas .wrap-box .box{width:80px;height:80px;position:relative}.scroll-project-draft .frame-k56-project .item-project-side img{border-radius:8px;align-self:stretch;height:92px}.scroll-project-draft .frame-k56-project .item-project-side div{flex-direction:column;align-self:stretch;align-items:flex-start;gap:4px;display:flex}.scroll-project-draft .frame-k56-project .item-project-side div .lbl-prjk-title{color:#0c0c0c;letter-spacing:.2px;white-space:nowrap;text-overflow:ellipsis;align-self:stretch;width:90px;height:15px;font-family:Inter;font-size:12px;font-style:normal;font-weight:600;line-height:160%;overflow:hidden}.scroll-project-draft .frame-k56-project .item-project-side div .lbl-prjk-date{color:#0c0c0c;letter-spacing:.2px;white-space:nowrap;text-overflow:ellipsis;align-self:stretch;width:90px;font-family:Inter;font-size:9px;font-style:normal;font-weight:500;line-height:160%;overflow:hidden}.scroll-project-draft .frame-k56 .model-card{background:#fff;flex-direction:column;flex:none;order:0;align-items:center;gap:8px;width:208px;height:294px;padding:0;display:flex}.scroll-project-draft .frame-k56-b2 .model-card-b2{float:left;background:#fff;flex:none;order:0;width:100px;height:100px;margin-left:2px;padding:0}.scroll-project-draft .frame-k56 .active-tab,.scroll-project-draft .frame-k56 .model-card .active,.scroll-project-draft .frame-k56-b2 .model-card-b2 .active{background:#ccfbf1}.scroll-project-draft .frame-k56 .model-card .frame-k55:hover,.scroll-project-draft .frame-k56-b2 .model-card-b2 .frame-k55:hover{background:#eee}.scroll-project-draft .frame-k56 .model-card .frame-k55{cursor:pointer;border-radius:8px;flex-direction:column;flex:none;order:0;align-self:stretch;align-items:center;gap:8px;width:208px;height:294px;padding:8px;display:flex}.scroll-project-draft .frame-k56-b2 .model-card-b2 .frame-k55{cursor:pointer;border-radius:8px;width:100%;height:100%;padding:8px}.scroll-project-draft .frame-k56 .model-card .frame-k55 img{cursor:pointer;background:#fff;border-radius:8px;flex:none;order:0;align-self:stretch;width:192px;height:192px}.scroll-project-draft .frame-k56-b2 .model-card-b2 .frame-k55 img{cursor:pointer;background:#fff;border-radius:8px;flex:none;order:0;align-self:stretch;width:100%;height:100%}.scroll-project-draft .frame-k56 .model-card .frame-k55 .frame-k54{cursor:pointer;flex-direction:column;flex:none;order:1;align-self:stretch;align-items:flex-start;gap:4px;width:192px;height:78px;padding:8px;display:flex}.scroll-project-draft .frame-k56 .model-card .template{min-height:260px;height:0!important}.scroll-project-draft .frame-k56 .model-card .frame-k55 .frame-k54 .header{letter-spacing:.2px;color:#0c0c0c;cursor:pointer;flex:none;order:0;width:auto;height:22px;font-family:Inter;font-size:14px;font-style:normal;font-weight:600;line-height:160%}.scroll-project-draft .frame-k56 .model-card .frame-k55 .frame-k54 .detail{letter-spacing:.2px;color:#0c0c0c;cursor:pointer;flex:none;order:1;align-self:stretch;width:176px;height:36px;font-family:Inter;font-size:11px;font-style:normal;font-weight:400;line-height:160%}.message-box{display:none!important}.pacdora-animation{border:"3px solid transparent !important";border:none!important;width:0!important;height:0!important;animation:none!important;display:none!important}.pacdora-animation div{border:"3px solid transparent !important"}:root{--primary-color:transparent!important}
.prosess-draft-auto-div,.save-draft-auto-div{color:#0d9488;will-change:transform,opacity;backface-visibility:hidden;-webkit-user-select:none;user-select:none;align-items:center;gap:6px;min-width:180px;height:16px;margin:0;padding:0;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;font-size:11px;font-weight:500;line-height:16px;display:inline-flex;transform:translateZ(0)scale(1);transform-origin:0!important}.prosess-draft-auto-div svg,.save-draft-auto-div svg{will-change:transform;margin:0;padding:0;transform:translateZ(0);transform-origin:50%!important;flex-grow:0!important;flex-shrink:0!important;width:16px!important;min-width:16px!important;height:16px!important;min-height:16px!important;display:block!important}.prosess-draft-auto-div svg{animation:1.2s linear infinite saving-rotate}@keyframes saving-rotate{0%{transform:rotate(0);transform-origin:50%!important}to{transform:rotate(360deg);transform-origin:50%!important}}.save-draft-auto-div svg path{animation:.22s ease-out checkmark-draw;transform-origin:50%!important}@keyframes checkmark-draw{0%{opacity:0;transform:scale(.92);transform-origin:50%!important}to{opacity:1;transform:scale(1);transform-origin:50%!important}}.save-draft-auto-div button:hover svg{transition:transform .12s ease-out;transform:scale(1.05);transform-origin:50%!important}.save-draft-auto-div button:active svg{transition:transform 80ms ease-out;transform:scale(.96);transform-origin:50%!important}.draft-animation-container{will-change:opacity;backface-visibility:hidden;justify-content:flex-start;align-items:center;width:180px;min-width:180px;height:20px;min-height:20px;margin:0;padding:0;display:flex;position:absolute;top:1px;left:0;transform:translateZ(0)}@media (prefers-reduced-motion:reduce){.prosess-draft-auto-div svg,.save-draft-auto-div svg path{animation:none}.save-draft-auto-div button:hover svg,.save-draft-auto-div button:active svg{transform:none}}
:root{--primary-color:#333;--primary-light-color:#33333326;--primary-light-color1:#3333334c;--primary-hover:#333c;--border-color:#cbcbcb;--fs-sm:14px;--fs-base:16px;--fs-lg:20px;--fs-xl:28px;--fs-2xl:32px;--fs-3xl:40px;--fs-4xl:48px;--fs-5xl:56px;--fs-6xl:64px;--fw-bold:600;--fw-medium:500;--fw-normal:400;--lh-none:1;--lh-tight:1.3;--lh-normal:1.5;--lh-loose:2;--dialog-tab-title-fs:16px;--dialog-tab-content-fc:#4c4c4c;--small-font-color:#7f7f7f;--normal-font-color:#191919;--dialog-tab-title-margin:8px 0}.left-bar-revamp{z-index:999}.instant-box-revamp{background:#f6f5f7;height:100vh;position:relative;min-height:100vh!important}.wrap-canvas-revamp{width:auto;height:100vh;min-height:520px;margin-left:250px;overflow:hidden}.info-name{color:#333;height:48px;margin:30px 0;font-size:32px;font-weight:500}.box-info-slider{width:100%;height:100%;transition:transform .5s ease-in-out;position:relative;overflow:visible}.box-info-item .d3,.dieline,.preview{width:100%;height:100vh;margin-top:80px}.box-info .box-info-item:first-of-type{transform:translate(0)}.box-info .box-info-item:nth-of-type(2){transform:translate(100%)}.box-info .box-info-item:nth-of-type(3){transform:translate(200%)}.d3-and-d2-switch{background-color:#fff;border-radius:32px;grid-template-columns:repeat(3,1fr);align-items:center;column-gap:3px;width:285px;margin:auto;padding:3px;line-height:36px;display:grid;position:absolute;bottom:20px;left:0;right:0}.d3-and-d2-switch .switch-item{text-align:center;cursor:pointer;color:#4c4c4c;background:#f0f0f0;border-radius:30px;height:30px;padding:0 50px;font-size:14px;font-style:normal;font-weight:400;line-height:30px}.d3-and-d2-switch .switch-item.active{color:#fff;background:#731eff}.price-box{color:#333}.price-box .price-unit{color:#333;margin-right:10px;font-size:18px;font-style:normal;font-weight:400;line-height:normal}.price-box .price-text{font-size:18px;font-style:normal;font-weight:400;line-height:normal}.price-box .price-total{font-size:36px;font-style:normal;font-weight:500;line-height:normal}.box-info .right{flex-direction:column;flex:1;height:500px;padding-left:40px;display:flex}.btn-group{align-items:center;margin-top:60px;display:flex}.btn-buy{background:#000;flex:1}.btn-group .design-btn{cursor:pointer;color:#191919;background-image:linear-gradient(90deg,#fff,#fff),conic-gradient(#ff7a00,#fff500,#00ff85,#00f0ff,#000aff,#8f00ff,#ff005c,#fe0000);background-origin:padding-box,border-box;background-clip:padding-box,border-box;border:2px solid #0000;flex:1;margin-left:30px}.download-text{color:#333;text-align:right;cursor:pointer;margin-top:16px;font-size:16px;font-style:normal;font-weight:500;line-height:normal;text-decoration-line:underline}.description-box{margin-top:160px}.description-box h2{color:#333;font-size:32px;font-style:normal;font-weight:500;line-height:normal}.description-box .description-info{color:#333;font-size:16px;font-style:normal;font-weight:400;line-height:normal}.collapse-control{color:#191919;cursor:pointer;background:#fff;border-radius:28px;align-items:center;width:210px;height:28px;margin:auto;padding:8px 12px;font-size:12px;font-style:normal;font-weight:400;line-height:12px;display:flex;position:absolute;bottom:10px;left:20px;right:0;box-shadow:0 0 4px #0000001a}.collapse-control .slider-box{background-color:#7f7f7f;border-radius:4px;flex:1;height:4px;margin:0 8px;position:relative}.slider-box .slider-selecter{background:#000;border-radius:4px;width:100%;height:4px;display:inline-block;position:absolute;left:0}.slider-box .pointer{cursor:pointer;background:#fff;border:1px solid #d1d0d2;border-radius:6px;width:12px;height:12px;display:inline-block;position:absolute;top:-4px;left:100%;transform:translate(-6px);box-shadow:0 0 3px #0003}.toast-message{opacity:0;pointer-events:none;color:#7f7f7f;z-index:100;background:#fff;border-radius:12px;max-width:350px;margin:auto;padding:10px;font-size:16px;transition:transform .5s ease-in-out,opacity .3s;display:inline-block;position:fixed;top:0;left:0;right:0;transform:translateY(0);box-shadow:0 0 8px #f2f2f2}.toast-message.active{opacity:1;transform:translateY(60px)}.crop-parent{margin:auto;position:absolute;inset:0}.div-list-font-revamp{width:40px;position:absolute;left:0}.div-list-text-select-revamp{z-index:9;background:#fff;border:1px solid #d1d5db;border-radius:5px;width:100%;height:100%;margin-top:39px;overflow-y:scroll}.div-list-text-select-revamp ul{list-style:none}.div-list-text-select-revamp ul li{cursor:pointer;border-bottom:1px solid #d1d5db;padding:5px 10px}.div-list-text-select-revamp ul li:hover{background:#d1d5db40}.editor-rotate-box,.rotate-box{display:none!important}body[data-dp-rotating="1"] #text-quick-actions,body[data-dp-rotating="1"] #delete-image-button,body[data-dp-rotating="1"] #delete-image-button-mobile,body[data-dp-rotating="1"] #mobile-selection-actions,body[data-dp-rotating="1"] #followCursorDiv{opacity:0!important}body[data-dp-rotating="1"] .chakra-tooltip,body[data-dp-rotating="1"] [role=tooltip]{display:none!important}
.absolute-center,.product-open h5,.canvas-box .box-detail-canvas .canvas,.canvas-box .box-detail-canvas .canvas .wrap-box .box>div,.canvas-box .box-detail-canvas .canvas .wrap-box .box>div .add-attr,.canvas-box .box-detail-canvas .canvas .wrap-box .box>div .add-attr img,.canvas-box .box-detail-canvas .canvas .wrap-box .box .bg-place,.canvas-box .box-detail-canvas .canvas .wrap-box .box .bg-place:after,.canvas-box .box-detail-canvas .canvas.mailer .wrap-box .box .front:after,.canvas-box .box-detail-canvas .canvas.mailer .wrap-box .box .front:before,.canvas-box .box-detail-canvas .canvas.goodie-box .wrap-box .box>div:before,.canvas-box .box-detail-canvas .canvas.goodie-box .wrap-box .box .top-sides,.canvas-box .box-detail-canvas .canvas.goodie-box .wrap-box .box .center-handle span.hole-handle{margin:auto;position:absolute;inset:0}.after_clear,.product-open.product-3 .box:after,.product-open-info .row:after,.product-open-info .list:after,.canvas-box .box-detail-canvas .title:after{clear:both;content:"";display:block}.no-margin{margin:0!important}.a-center{text-align:center!important}.a-right{text-align:right!important}.a-left{text-align:left!important}figure{margin:0;padding:0}figure img{vertical-align:middle}img{border:0;max-width:100%;height:auto}p{margin:1px 0 15px;line-height:20px}input,textarea,select{color:#666;appearance:none;box-sizing:border-box;border:1px solid #d8d8d8;margin:0;padding:10px;font-family:Montserrat;font-size:12px}input[type=checkbox],input[type=radio]{border-style:none}input[type=number]::-webkit-outer-spin-button{appearance:none;opacity:0}input[type=number]::-webkit-inner-spin-button{appearance:none;opacity:0}input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}h1{font-size:32px}h2{font-size:28px}h3{font-size:24px}h4{font-size:20px}h5{font-size:16px}h6{font-size:14px}.product-open{width:770px;height:700px;margin:5% auto;position:relative;top:10px}.product-open.product-1 .wrap-tb .back,.product-open.product-1 .wrap-tb .back h5{transform:rotate(180deg)}.product-open.product-2 .front,.product-open.product-2 .top,.product-open.product-2 .bottom,.product-open.product-2 .front h5,.product-open.product-2 .top h5,.product-open.product-2 .bottom h5{transform:rotate(180deg)}.box-detail-canvas{float:left;box-sizing:border-box;border:1px solid #ccc;width:30%;height:0;margin:30px 5% 20px 0;padding-bottom:30%;position:relative}.box-detail-canvas:nth-child(3n){margin-right:0}.box-detail-canvas h6{text-align:center;position:absolute;top:-35px;left:0}.box-detail-canvas.front-side .box{transform:rotateX(-5deg)rotateY(5deg)!important}.box-detail-canvas.back-side .box{transform:rotateX(-5deg)rotateY(175deg)!important}.box-detail-canvas.top-side .box{transform:rotateX(-95deg)rotate(-5deg)!important}.box-detail-canvas.bottom-side .box{transform:rotateX(95deg)rotate(5deg)!important}.box-detail-canvas.right-side .box{transform:rotateX(-5deg)rotateY(85deg)!important}.box-detail-canvas.left-side .box{transform:rotateX(-5deg)rotateY(-85deg)!important}.box-detail-canvas.right-side,.box-detail-canvas.left-side{background:0 0!important;min-height:0!important;padding-top:0!important}.canvas-box{margin:40px 20px 20px}.canvas-box h3{margin:0 0 20px;font-size:24px;font-weight:700}.canvas-box .box-detail-canvas{position:relative}.canvas-box .box-detail-canvas *{box-sizing:border-box}.canvas-box .box-detail-canvas .wrapper{width:auto;margin:0 60px;padding:1px;position:relative}.canvas-box .box-detail-canvas .wrap-canvas{background:#eee;border:1px solid #eee;width:auto;height:90vh;min-height:640px;margin-right:350px;position:relative;overflow:auto}.canvas-box .box-detail-canvas .canvas{width:90%;height:90%}.canvas-box .box-detail-canvas .canvas .wrap-box{perspective:5000px;-o-transition:.2s ease all;width:100px;height:100px;margin:auto;transition:all .2s;position:absolute;inset:0}.canvas-box .box-detail-canvas .canvas .wrap-box .box{width:100%;height:100%;-webkit-transform-style:preserve-3d;-moz-transform-style:preserve-3d;-ms-transform-style:preserve-3d;-o-transform-style:preserve-3d;transform-style:preserve-3d;-o-transition:.5s ease all;box-shadow:none;background:0 0;border-top:none;border-radius:0;margin-bottom:auto;transition:all .5s;position:absolute;transform:rotateX(-10deg)rotateY(10deg)}.canvas-box .box-detail-canvas .canvas .wrap-box .box>div{-o-transition:.2s ease all;-ms-box-shadow:inset 0 0 0px 0px #0000001a;-o-box-shadow:inset 0 0 0px 0px #0000001a;cursor:pointer;background:#cba675;transition:all .2s;overflow:hidden;box-shadow:inset 0 0 #0000001a}.canvas-box .box-detail-canvas .canvas .wrap-box .box>div .add-attr{opacity:0;-o-transition:.2s ease all;max-width:60%;max-height:60%;transition:all .2s}.canvas-box .box-detail-canvas .canvas .wrap-box .box>div .add-attr img{-ms-box-shadow:0px 0px 20px -10px #000;-o-box-shadow:0px 0px 20px -10px #000;-ms-border-radius:100%;-o-border-radius:100%;border-radius:100%;box-shadow:0 0 20px -10px #000}.canvas-box .box-detail-canvas .canvas .wrap-box .box>div:hover .add-attr{opacity:1}.canvas-box .box-detail-canvas .canvas .wrap-box .box .bg-place:after{content:"";background:url(../media/texture.3ycpqt35xah4t.png)}.canvas-box .box-detail-canvas .canvas .wrap-box .box .front{transform:translateZ(50px)}.canvas-box .box-detail-canvas .canvas .wrap-box .box .back{transform:rotateY(180deg)translateZ(50px)}.canvas-box .box-detail-canvas .canvas .wrap-box .box .top{transform:rotateX(90deg)translateZ(50px)}.canvas-box .box-detail-canvas .canvas .wrap-box .box .top:before,.canvas-box .box-detail-canvas .canvas .wrap-box .box .top:after{content:"";background:#0003;width:100%;height:1px;margin:auto;position:absolute;top:0;bottom:0;left:0}.canvas-box .box-detail-canvas .canvas .wrap-box .box .top:before{background:#fff3;top:-.5px}.canvas-box .box-detail-canvas .canvas .wrap-box .box .bottom{transform:rotateX(-90deg)translateZ(50px)}.canvas-box .box-detail-canvas .canvas .wrap-box .box .left{transform:rotateY(-90deg)translateZ(50px)}.canvas-box .box-detail-canvas .canvas .wrap-box .box .right{transform:rotateY(90deg)translateZ(50px)}.canvas-box .box-detail-canvas .canvas .wrap-box.kraft-material .bg-place{background:#00000026}.canvas-box .box-detail-canvas .canvas .wrap-box.get-capture{width:auto!important;height:auto!important}.canvas-box .box-detail-canvas .canvas .wrap-box.get-capture .ui-resizable-e,.canvas-box .box-detail-canvas .canvas .wrap-box.get-capture .ui-rotatable-handle,.canvas-box .box-detail-canvas .canvas .wrap-box.get-capture .delete{display:none}.canvas-box .box-detail-canvas .canvas .wrap-box.get-capture .box,.canvas-box .box-detail-canvas .canvas .wrap-box.get-capture .top,.canvas-box .box-detail-canvas .canvas .wrap-box.get-capture .bottom,.canvas-box .box-detail-canvas .canvas .wrap-box.get-capture .left,.canvas-box .box-detail-canvas .canvas .wrap-box.get-capture .right,.canvas-box .box-detail-canvas .canvas .wrap-box.get-capture .front,.canvas-box .box-detail-canvas .canvas .wrap-box.get-capture .back{float:none;display:block;position:relative;transform:none!important}.canvas-box .box-detail-canvas .canvas.mailer .wrap-box .box .top{-ms-box-shadow:inset 0px -15px 15px -21px #000;-o-box-shadow:inset 0px -15px 15px -21px #000;border-bottom:none;box-shadow:inset 0 -15px 15px -21px #000}.canvas-box .box-detail-canvas .canvas.mailer .wrap-box .box .top:after,.canvas-box .box-detail-canvas .canvas.mailer .wrap-box .box .top:before{display:none}.canvas-box .box-detail-canvas .canvas.mailer .wrap-box .box .front{-ms-box-shadow:inset 0px 15px 15px -23px #000;-o-box-shadow:inset 0px 15px 15px -23px #000;border-top:none;box-shadow:inset 0 15px 15px -23px #000}.canvas-box .box-detail-canvas .canvas.mailer .wrap-box .box .front:after,.canvas-box .box-detail-canvas .canvas.mailer .wrap-box .box .front:before{content:"";border:1px solid #0000001a;border-top:none}.canvas-box .box-detail-canvas .canvas.mailer .wrap-box .box .front:before{content:"";border:1px solid #ffffff4d;border-top:none;bottom:1px;left:1px;right:1px}.canvas-box .box-detail-canvas .canvas.goodie-box .top:after,.canvas-box .box-detail-canvas .canvas.goodie-box .top:before{display:none}.canvas-box .box-detail-canvas .canvas.goodie-box .wrap-box .box>div:before{content:"";opacity:0;background:#000;width:100%;height:100%;display:block}.canvas-box .box-detail-canvas .canvas.goodie-box .wrap-box .box .top-sides{z-index:1;-ms-border-radius:10px 10px 0 0;-o-border-radius:10px 10px 0 0;border:none;border-radius:10px 10px 0 0;top:-70px;bottom:auto}.canvas-box .box-detail-canvas .canvas.goodie-box .wrap-box .box .center-handle{width:100%;height:70px}.canvas-box .box-detail-canvas .canvas.goodie-box .wrap-box .box .center-handle span.hole-handle{content:"";-ms-border-radius:30px;-o-border-radius:30px;z-index:2;background:#eee;border-radius:30px;width:85px;height:20px;display:block}.canvas-box .box-detail-canvas .canvas.goodie-box .wrap-box .box .side-left-flip,.canvas-box .box-detail-canvas .canvas.goodie-box .wrap-box .box .side-right-flip{width:95px;height:110px;top:-81px}.canvas-box .box-detail-canvas .canvas.goodie-box .wrap-box .box .side-left-flip{right:auto;transform:rotateY(90deg)rotateX(-50deg)translateZ(-9px)}.canvas-box .box-detail-canvas .canvas.goodie-box .wrap-box .box .side-right-flip{left:auto;transform:rotateY(90deg)rotateX(50deg)translateZ(9px)}.canvas-box .box-detail-canvas .canvas.goodie-box .wrap-box .box.vright .center-handle:before,.canvas-box .box-detail-canvas .canvas.goodie-box .wrap-box .box.vleft .center-handle:before,.canvas-box .box-detail-canvas .canvas.goodie-box .wrap-box .box.vtop .center-handle:before{opacity:.1}.canvas-box .box-detail-canvas .canvas.goodie-box .wrap-box .box.vright .side-right-flip:before,.canvas-box .box-detail-canvas .canvas.goodie-box .wrap-box .box.vright .side-left-flip:before,.canvas-box .box-detail-canvas .canvas.goodie-box .wrap-box .box.vleft .side-right-flip:before,.canvas-box .box-detail-canvas .canvas.goodie-box .wrap-box .box.vleft .side-left-flip:before,.canvas-box .box-detail-canvas .canvas.goodie-box .wrap-box .box.vtop .side-right-flip:before,.canvas-box .box-detail-canvas .canvas.goodie-box .wrap-box .box.vtop .side-left-flip:before{opacity:0}.canvas-box .box-detail-canvas .canvas.goodie-box .wrap-box .box.vright .top:before,.canvas-box .box-detail-canvas .canvas.goodie-box .wrap-box .box.vleft .top:before,.canvas-box .box-detail-canvas .canvas.goodie-box .wrap-box .box.vtop .top:before{opacity:.05}.canvas-box .box-detail-canvas .canvas.goodie-box .wrap-box .box.vback .center-handle:before,.canvas-box .box-detail-canvas .canvas.goodie-box .wrap-box .box.vfront .center-handle:before{opacity:0}.canvas-box .box-detail-canvas .canvas.goodie-box .wrap-box .box.vback .side-right-flip:before,.canvas-box .box-detail-canvas .canvas.goodie-box .wrap-box .box.vback .side-left-flip:before,.canvas-box .box-detail-canvas .canvas.goodie-box .wrap-box .box.vfront .side-right-flip:before,.canvas-box .box-detail-canvas .canvas.goodie-box .wrap-box .box.vfront .side-left-flip:before{opacity:.1}.canvas-box .box-detail-canvas .canvas .box-tool{cursor:move;object-fit:contain;white-space:nowrap;z-index:2;width:85px;height:auto;position:absolute;top:8px;left:8px}.canvas-box .box-detail-canvas .canvas .box-tool img{width:100%;max-width:100%;max-height:100%;display:block}.canvas-box .box-detail-canvas .canvas .box-tool span{object-fit:contain;height:100%;display:block;position:relative}.canvas-box .box-detail-canvas .canvas .box-tool .border-editing{-o-transition:.15s linear all;object-fit:contain;width:100%;height:100%;transition:all .15s linear;position:relative}.canvas-box .box-detail-canvas .canvas .box-tool .ui-resizable-e,.canvas-box .box-detail-canvas .canvas .box-tool .ui-rotatable-handle,.canvas-box .box-detail-canvas .canvas .box-tool .delete{-ms-border-radius:100%;-o-border-radius:100%;-ms-box-shadow:0px 0px 10px -4px #000;-o-box-shadow:0px 0px 10px -4px #000;text-indent:-99999px;cursor:pointer;visibility:hidden;opacity:0;-o-transition:.15s linear all;z-index:1;background:red url(../media/texture.3ycpqt35xah4t.png) 50% no-repeat;border-radius:100%;width:16px;height:16px;transition:all .15s linear;position:absolute;bottom:-4px;left:-4px;box-shadow:0 0 10px -4px #000}.canvas-box .box-detail-canvas .canvas .box-tool .ui-resizable-e{background:#087f8c url(../media/texture.3ycpqt35xah4t.png) 50% no-repeat;left:auto;right:-4px}.canvas-box .box-detail-canvas .canvas .box-tool .ui-rotatable-handle{background:#087f8c url(../media/texture.3ycpqt35xah4t.png) 50% no-repeat;inset:-4px -4px auto auto}.canvas-box .box-detail-canvas .canvas .box-tool:hover{z-index:2}.canvas-box .box-detail-canvas .canvas .box-tool:hover .ui-resizable-e,.canvas-box .box-detail-canvas .canvas .box-tool:hover .ui-rotatable-handle,.canvas-box .box-detail-canvas .canvas .box-tool:hover .delete{opacity:1;visibility:visible}.canvas-box .box-detail-canvas .canvas .box-tool.text{width:auto}.canvas-box .box-detail-canvas .canvas .box-tool.text .delete{bottom:-16px;left:-16px}.canvas-box .box-detail-canvas .canvas .box-tool.text .ui-resizable-e{bottom:-16px;left:auto;right:-16px}.canvas-box .box-detail-canvas .canvas .box-tool.text .ui-rotatable-handle{inset:-16px -16px auto auto}.canvas-box .box-detail-canvas .canvas .box-tool.text .border-editing{border:1px dashed #0000}.canvas-box .box-detail-canvas .canvas .box-tool.text:hover .border-editing{border-color:#fff}.add-putih{background-size:cover;background-color:#e4e4e4!important;background-image:url(../media/texture.3ycpqt35xah4t.png)!important;box-shadow:inset 0 0 8px 3px #00000040,inset 0 0 1px 2px #fff!important}.add-coklat{background-size:cover;background-color:#ab7f59!important;background-image:url(../media/texture.3ycpqt35xah4t.png)!important;box-shadow:inset 0 0 8px 3px #00000040,inset 0 0 1px 2px #ad8a6d!important}.add-putih-jaring{background-color:#8080802b;background-size:cover;background-image:url(../media/texture.3ycpqt35xah4t.png)!important}.add-coklat-jaring{background-size:cover;background-color:#ab7f59!important;background-image:url(../media/texture.3ycpqt35xah4t.png)!important}.product-open *{border-collapse:collapse;box-sizing:border-box;white-space:nowrap}.product-open h5{text-align:center;opacity:0;-o-transition:.2s linear all;z-index:9999;background:#fffc;height:35px;padding:10px 0;font-size:14px;font-weight:700;transition:all .2s linear;position:absolute}.product-open h5 span{color:red;font-size:16px}.product-open .box{position:relative}.product-open .box:hover h5{opacity:1}.product-open .box-tool{position:absolute}.product-open .front,.product-open .back,.product-open .right,.product-open .left,.product-open .top,.product-open .bottom{float:left;border:1px solid #666;position:relative;overflow:hidden}.product-open.product-1 .box{width:700px;margin:5% auto}.product-open.product-1 .wrap-tb{clear:both;width:100%;height:75px;position:relative;overflow:hidden}.product-open.product-1 .wrap-tb:last-child{border-top:none}.product-open.product-1 .wrap-tb:last-child h5{top:-50%}.product-open.product-1 .wrap-tb:last-child>div:after{bottom:50%}.product-open.product-1 .wrap-tb:last-child>div.back:after{top:50%;bottom:auto}.product-open.product-1 .wrap-tb:last-child>div.back h5{top:50%}.product-open.product-1 .wrap-tb:first-child>div{top:-100%}.product-open.product-1 .wrap-tb:first-child>div:after{top:50%}.product-open.product-1 .wrap-tb:first-child>div.back:after{top:auto;bottom:50%}.product-open.product-1 .wrap-tb:first-child>div.back h5{bottom:50%}.product-open.product-1 .wrap-tb:first-child h5{bottom:-50%}.product-open.product-1 .wrap-tb>div:after{content:"";background:#666;width:100%;height:1px;position:absolute;left:0}.product-open.product-1 .wrap-tb .back,.product-open.product-1 .wrap-tb .back h5{transform:rotate(180deg)}.product-open.product-1 .left,.product-open.product-1 .right{width:150px;height:100px}.product-open.product-1 .front,.product-open.product-1 .back{width:200px;height:100px}.product-open.product-2 .front,.product-open.product-2 .top,.product-open.product-2 .bottom,.product-open.product-2 .front h5,.product-open.product-2 .top h5,.product-open.product-2 .bottom h5{transform:rotate(180deg)}.product-open.product-2 .box{margin:5% auto}.product-open.product-2 .box>div{float:none;margin:auto;display:block}.product-open.product-2 .mid{position:relative}.product-open.product-2 .mid>div{float:none;margin:auto}.product-open.product-2 .mid .left,.product-open.product-2 .mid .right{transform-origin:0 0;position:absolute;top:100%;transform:rotate(90deg)}.product-open.product-2 .mid .right{transform-origin:100% 0;right:0}.product-open.product-2 .mid .left{left:0;transform:rotate(270deg)}.product-open.product-2 .mid:after{top:50%;bottom:auto}.product-open.product-3 .box{margin:5% auto}.product-open.product-3 .box>div{float:left}.product-open-info{margin:20px;font-family:Open Sans;font-size:16px;font-weight:400}.product-open-info a{color:#666;text-decoration:underline}.product-open-info .row{border-bottom:1px solid #ddd;margin:0 0 5px;padding:0 0 5px}.product-open-info .row label{float:left;width:200px}.product-open-info .row .val{float:left;width:48%;font-weight:700}.product-open-info .row.p-texts,.product-open-info .row.p-images{padding:20px 0 30px}.product-open-info .row.p-texts label,.product-open-info .row.p-images label{width:100%;margin-bottom:10px;font-size:24px;font-weight:600}.product-open-info .list .box{float:left;border:none;width:31%;margin-bottom:30px;margin-right:3.5%}.product-open-info .list .box:nth-child(3n){margin-right:0}.product-open-info .list .box:nth-child(3n+1){clear:both}.product-open-info .list .box .info-text{float:left;width:44%;line-height:23px}.product-open-info .list .box .object{white-space:nowrap;float:right;width:55%}
.font-select{zoom:1;width:210px;font-size:16px;display:inline-block;position:relative}.font-select .fs-drop{-o-box-shadow:0 4px 5px #00000026;z-index:999;background:#fff;border:1px solid #aaa;border-top:0;position:absolute;top:29px;left:0;box-shadow:0 4px 5px #00000026}.font-select>a{background-color:#fff;-moz-background-clip:padding;white-space:nowrap;color:#444;-webkit-background-clip:padding-box;background-clip:padding-box;border:1px solid #ccc;border-radius:4px;height:34px;padding:0 0 0 8px;line-height:34px;text-decoration:none;display:block;position:relative;overflow:hidden;box-shadow:inset 0 1px 1px #00000013;max-width:165px!important}.font-select>a span{white-space:nowrap;text-overflow:ellipsis;-ms-text-overflow:ellipsis;cursor:pointer;margin-right:26px;line-height:2;display:block;overflow:hidden}.font-select>a div{-moz-background-clip:padding;-webkit-background-clip:padding-box;background-clip:padding-box;border-radius:0 4px 4px 0;width:14px;height:100%;display:block;position:absolute;top:0;right:0}.font-select>a div b{cursor:pointer;color:#555;width:100%;height:100%;font-size:.6em;display:block;position:relative}.font-select>a div b:after{content:"▼"}.font-select .fs-drop{-moz-background-clip:padding;-webkit-background-clip:padding-box;background-clip:padding-box;border:1px solid #ccc;border-radius:0 0 4px 4px;top:34px;box-shadow:0 6px 12px #0000002d}.font-select .fs-results{width:100%;max-height:190px;margin:0 4px 4px 0;padding:0;position:relative;overflow:hidden auto}.font-select .fs-results li{margin:0;padding:7px 7px 8px;font-size:18px;line-height:80%;list-style:none}.font-select .fs-results li.active{color:#fff;cursor:pointer;background-color:#428bca}.font-select .fs-results li em{background:#feffde;font-style:normal}.font-select .fs-results li.active em{background:0 0}.font-select-active>a{-o-box-shadow:0 0 5px #0000004d;-o-box-shadow:0 1px 0 #fff inset;-moz-border-radius-bottomleft:0;-moz-border-radius-bottomright:0;border:1px solid #ccc;border-bottom-right-radius:0;border-bottom-left-radius:0;box-shadow:inset 0 1px #fff}.font-select-active>a div{background:0 0;border-left:none}.font-select-active>a div b:after{content:"▲"}