.ds-line-green{background:#0d9488;width:60px;height:-webkit-fill-available;position:fixed;top:0;left:0}.ds-center{flex-direction:column;align-items:flex-start;gap:10px;width:1200px;height:426px;padding:0;display:flex;position:absolute;top:50%;left:52%;transform:translate(-50%,-50%)}.ds-header{flex-direction:row;flex:none;order:0;justify-content:space-between;align-self:stretch;align-items:center;width:100%;height:32px;padding:0;display:flex;flex-grow:0!important}.ds-header .ds-breadcrumb{flex-direction:row;flex:none;order:0;align-items:center;gap:8px;width:auto;height:22px;padding:0;display:flex}.ds-header .ds-breadcrumb .back{flex-direction:row;flex:none;order:0;align-items:flex-start;gap:10px;width:auto;height:20px;padding:0 12px 0 0;display:flex}.ds-header .ds-breadcrumb .back svg{flex:none;order:0;width:20px;height:20px}.ds-header .ds-breadcrumb .beranda{grid-gap:10px;flex-direction:row;flex:none;order:0;align-items:flex-start;gap:10px;width:auto;height:20px;display:flex}.ds-header .ds-breadcrumb .beranda label{letter-spacing:.2px;color:#0c0c0c;font-family:Inter;font-size:14px;font-style:normal;font-weight:500;line-height:160%}.ds-header .ds-breadcrumb .beranda .add-underline{cursor:pointer;text-decoration:underline}.ds-header .ds-breadcrumb .pembatas{flex-direction:row;flex:none;order:0;align-items:flex-start;width:auto;height:20px;padding:6px;display:flex}.ds-header .ds-header-menu{flex-direction:row;flex:none;order:1;align-items:center;gap:16px;width:auto;height:32px;padding:0;display:flex}.ds-header .ds-header-menu .ds-frame{flex-direction:row;flex:none;order:0;align-items:flex-start;gap:10px;width:auto;height:32px;padding:0;display:flex}.ds-header .ds-header-menu .ds-frame .item-header{cursor:pointer;border-radius:5px;flex-direction:row;flex:none;order:5;justify-content:center;align-items:center;gap:8px;width:auto;height:32px;padding:4px;display:flex}.ds-header .ds-header-menu .ds-frame .item-header label{text-align:center;letter-spacing:.2px;color:#000;cursor:pointer;flex:none;order:1;width:auto;height:20px;font-family:Inter;font-size:14px;font-style:normal;font-weight:700;line-height:20px}.ds-header .ds-header-menu .ds-frame .item-header svg{flex:none;order:0;width:24px;height:24px}.ds-header .ds-header-menu .ds-frame .pembatas{border-radius:5px;flex-direction:row;flex:none;order:5;justify-content:center;align-items:center;width:auto;height:32px;display:flex}.ds-header .ds-header-menu .ds-frame .pembatas div{border:1px solid #e4e4e7;flex:none;order:0;width:32px;height:0;transform:rotate(90deg)}.ds-header-frame{background:#fff;flex-direction:column;flex:none;order:0;justify-content:center;align-items:flex-start;width:100%;margin-top:15px;padding:24px 0;display:flex;flex-grow:0!important}.ds-header-frame .title{flex-direction:row;flex:none;order:1;align-self:stretch;align-items:flex-start;width:100%;margin-top:50px;padding:0;display:flex}.ds-header-frame .title label{letter-spacing:.2px;color:#0c0c0c;flex:none;order:0;width:auto;height:58px;font-family:Inter;font-size:36px;font-style:normal;font-weight:700;line-height:160%}.ds-frame-card{background:#fff;border-radius:8px;flex-direction:column;flex:none;order:1;align-items:flex-start;gap:24px;width:100%;height:232px;padding:24px 0;display:flex;flex-grow:0!important}.ds-frame-card .title{letter-spacing:.2px;color:#0c0c0c;flex:none;order:0;width:auto;height:43px;font-family:Inter;font-size:27px;font-style:normal;font-weight:700;line-height:160%}.ds-frame-card .title .ds-fw-200{font-weight:200!important}.ds-frame-card .frame{flex-direction:row;flex:none;order:1;align-self:stretch;align-items:flex-start;gap:24px;width:100%;height:117px;padding:0;display:flex;flex-grow:0!important}.ds-frame-card .frame .items{box-sizing:border-box;cursor:pointer;background:#fff;border:1px dashed #99f6e4;border-radius:8px;flex-direction:column;flex:1 0 auto;order:0;justify-content:center;align-items:center;gap:16px;max-width:19%;height:117px;padding:16px;display:flex}.ds-frame-card .frame .ds-green{background:#f0fdfa}.ds-frame-card .frame .ds-green>div{position:absolute}.ds-frame-card .frame .ds-green label{width:100%!important}.ds-frame-card .frame .items .count{letter-spacing:.2px;color:#0c0c0c;cursor:pointer;flex:none;order:0;width:auto;height:43px;font-family:Inter;font-size:27px;font-style:normal;font-weight:700;line-height:160%}.ds-frame-card .frame .items .deskripsi{letter-spacing:.2px;color:#0c0c0c;cursor:pointer;flex:none;order:1;width:auto;height:26px;font-family:Inter;font-size:14px;font-style:normal;font-weight:500;line-height:160%}.ds-tab{background:#fff;flex-direction:row;flex:none;order:1;align-self:stretch;align-items:flex-start;width:100%;padding:0;display:flex;flex-grow:0!important}.ds-tab .ds-tab-item{cursor:pointer;flex-direction:column;flex:none;order:0;align-items:center;gap:4px;width:auto;padding:0 4px;display:flex;flex-grow:0!important}.ds-tab .ds-tab-item .content{cursor:pointer;flex-direction:row;flex:none;order:0;justify-content:center;align-items:center;width:auto;padding:8px 18px 8px 16px;display:flex;flex-grow:0!important}.ds-tab .ds-tab-item .content .ds-counter{border-radius:10%;flex-direction:column;justify-content:center;align-items:center;height:25px;padding-left:10px;display:flex;position:relative}.ds-tab .ds-tab-item .content .ds-counter label{text-align:center;letter-spacing:.2px;color:#abb4bf;flex:none;order:0;height:10px;font-size:11px;font-weight:700;line-height:12px;position:relative;top:-1px}.ds-tab .ds-tab-item .content .actived-tab{text-align:center;letter-spacing:.2px;flex:none;order:0;padding-left:10px;font-size:11px;font-weight:700;line-height:12px;position:relative}.ds-tab .ds-tab-item .content .actived-tab label{text-align:center;letter-spacing:.2px;color:#04818e;flex:none;order:0;font-size:11px;font-weight:700;line-height:12px;position:relative}.ds-tab .ds-tab-item .active{background:#0d9488;border-radius:3px 3px 0 0;flex:none;order:1;align-self:stretch;width:100%;height:4px}.ds-tab .ds-tab-item .content label{text-align:center;letter-spacing:.2px;color:#64748b;cursor:pointer;flex:none;order:0;width:auto;height:26px;font-family:Inter;font-size:16px;font-style:normal;font-weight:600;line-height:160%;flex-grow:0!important}.ds-tab .ds-tab-item .content .active-tab{color:#0d9488;font-weight:700}.ds-section{flex-direction:column;flex:none;order:2;align-items:flex-start;gap:24px;width:100%;height:auto;padding:0;flex-grow:0!important}.ds-section .items-baru{float:left;cursor:pointer;text-align:center;box-sizing:border-box;background:#fff;border:1px dashed #99f6e4;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;width:232px;height:358px;margin-bottom:16px;margin-left:16px;display:flex;flex:none!important}.ds-section .items-baru .add{letter-spacing:.2px;color:#0c0c0c;flex:none;order:0;width:100%;height:43px;font-family:Inter;font-size:27px;font-style:normal;font-weight:700;line-height:160%}.ds-section .items-baru .deskripsi{letter-spacing:.2px;color:#0c0c0c;flex:none;order:1;width:100%;height:26px;font-family:Inter;font-size:16px;font-style:normal;font-weight:500;line-height:160%}.ds-section .items{float:left;cursor:pointer;background:#fff;border:3px solid #fff;border-radius:15px;width:232px;height:358px;margin-bottom:16px;margin-left:16px;box-shadow:-1px 1px #d1d5db,1px -1px #d1d5db,-1px -1px #d1d5db,1px 1px #d1d5db;flex:none!important}.ds-section .items:hover{border:3px solid #0d9488}.ds-section .items>.deleteItems{z-index:999;width:fit-content;height:30px;margin-top:-32px;margin-left:150px;display:none;position:absolute}.ds-section .items>.deleteItems div{float:left;border:1px solid #64748b;border-radius:4px;width:30px;height:30px;margin-left:5px;padding:2px 6px}.ds-section .items>.deleteItems .ed:hover{cursor:pointer;border:thin solid #0d9488}.ds-section .items>.deleteItems .ed:hover>svg g path{stroke:#0d9488;cursor:pointer}.ds-section .items>.deleteItems .del:hover{cursor:pointer;border:thin solid #dc2626}.ds-section .items>.deleteItems .del:hover>svg path{stroke:#dc2626;cursor:pointer}.ds-section .items:hover>.deleteItems,.ds-section .items .frame .deleteItems:hover{display:block}.ds-section .items .frame{flex-direction:column;flex:none;order:0;align-self:stretch;align-items:flex-start;gap:8px;width:200px;height:-webkit-fill-available;margin:15px auto 0;padding:0;display:flex}.ds-section .items .frame .img-frame{flex:none;order:0;width:100%;height:200px}.ds-section .items .frame .img-frame .badge-draft{background:#ffc300!important}.ds-section .items .frame .img-frame .badge{z-index:9;background:#0d9488;border-radius:9px;flex-direction:row;align-items:flex-start;gap:10px;width:43px;height:26px;padding:4px 8px;display:flex;position:relative;top:0;left:157px}.ds-section .items .frame .img-frame img{position:relative}.ds-section .items .frame .img-frame .badge label{text-align:center;letter-spacing:.2px;color:#f0fdfa;flex:none;order:0;width:auto;height:18px;font-family:Inter;font-size:11px;font-style:normal;font-weight:700;line-height:160%}.ds-section .items .frame .desc-frame{flex-direction:column;flex:none;order:1;align-self:stretch;align-items:flex-start;gap:4px;width:200px;height:74px;padding:0;display:flex}.ds-section .items .frame .desc-frame .title{letter-spacing:.2px;color:#0c0c0c;text-overflow:ellipsis;flex:none;order:0;align-self:stretch;width:auto;height:26px;font-family:Inter;font-size:16px;font-style:normal;font-weight:500;line-height:160%;overflow:hidden}.ds-section .items .frame .desc-frame .deskripsi{letter-spacing:.2px;color:#64748b;flex:none;order:1;width:200px;height:44px;font-family:Inter;font-size:13px;font-style:normal;font-weight:600;line-height:160%}.ds-section .items .frame .info{flex-direction:column;flex:none;order:2;align-items:flex-start;gap:4px;width:201px;height:18px;padding:0;display:flex}.ds-section .items .frame .info label{letter-spacing:.2px;color:#64748b;flex:none;order:0;width:auto;height:18px;font-family:Inter;font-size:11px;font-style:normal;font-weight:500;line-height:160%}.ds-section .items .frame .img-frame .partial,.ds-section .items .frame .img-frame .partial #container{height:100%}.ds-section .items .frame .img-frame .partial #container .wrapper-shipping{width:100%;height:100%;margin:0;padding:0}.ds-section .items .frame .img-frame .partial #container .wrapper-shipping .wrap-canvas{height:100%;width:100%!important;min-height:0!important}.ds-section .item-trans{filter:drop-shadow(0 0 #d1d5db)drop-shadow(1px 0 #d1d5db)drop-shadow(0 0 #d1d5db)drop-shadow(1px 1px #d1d5db);flex-direction:column;flex:none;order:1;align-items:flex-start;gap:24px;width:100%;height:auto;padding:0;display:flex;flex-grow:0!important}.ds-section .item-trans .frame{background:#fff;border:thin solid #d1d5db;border-radius:8px;flex-direction:column;flex:none;order:0;align-items:flex-start;width:100%;min-height:600px;padding:0;display:flex;flex-grow:0!important}.ds-section .item-trans .frame .header{background:#fff;border-radius:8px 8px 0 0;flex-direction:column;flex:none;order:0;align-self:stretch;align-items:flex-start;gap:10px;width:100%;padding:20px;display:flex;box-shadow:0 1px #d1d5db;flex-grow:0!important}.ds-section .item-trans .frame .header .frame-header{flex-direction:row;flex:none;order:0;justify-content:space-between;align-self:stretch;align-items:center;gap:4px;width:100%;height:22px;padding:0;display:flex}.ds-section .item-trans .frame .header .frame-header .info{flex-direction:row;flex:none;order:0;align-items:flex-start;gap:8px;width:auto;height:22px;padding:0;display:flex;flex-grow:0!important}.ds-section .item-trans .frame .header .frame-header .info label{letter-spacing:.2px;color:#64748b;flex:none;order:0;width:auto;height:22px;font-family:Inter;font-size:16px;font-style:normal;font-weight:600;line-height:160%;flex-grow:0!important}.ds-section .item-trans .frame .trans-body{grid-gap:32px;flex-direction:row;flex:none;order:1;align-self:stretch;align-items:flex-start;gap:32px;width:100%;height:auto;padding:24px;flex-grow:0!important}.ds-section .item-trans .frame .trans-body .trans-desc img{float:left;flex:none;order:0;width:124px;height:124px;flex-grow:0!important}.ds-section .item-trans .frame .trans-body .trans-desc .divImgProduct{float:left;flex:none;order:0;width:190px;height:190px;flex-grow:0!important;padding:40px 10px 10px 19px!important}.ds-section .item-trans .frame .trans-body .trans-desc .divImgProduct .wrap-canvas{overflow:hidden}.ds-section .item-trans .frame .trans-body .set-h100{height:100px!important}.ds-section .item-trans .frame .trans-body .set-h70{height:70px!important}.ds-section .item-trans .frame .trans-body .set-h70 .items-ds{margin-top:10px!important}.ds-section .item-trans .frame .trans-body .produk-label{width:100%!important;height:30px!important}.ds-section .item-trans .frame .trans-body .produk-label .items-ds{margin-top:0!important}.ds-section .item-trans .frame .trans-body .trans-desc{grid-gap:12px;flex-direction:column;flex:none;order:1;align-items:flex-start;gap:12px;width:70%;height:200px;padding:0;flex-grow:1!important}.ds-section .item-trans .frame .trans-body .trans-desc .items-ds-right{margin-left:20px!important}.ds-section .item-trans .frame .trans-body .trans-desc .items-ds{float:left;flex-direction:column;flex:none;order:0;justify-content:center;align-items:flex-start;width:auto;height:auto;margin-top:20px;padding:0;display:flex;flex-grow:0!important}.ds-section .item-trans .frame .trans-body .trans-desc .items-ds .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%;flex-grow:0!important}.ds-section .item-trans .frame .trans-body .trans-desc .items-ds .deskripsi{flex-direction:row;flex:none;order:1;align-items:flex-start;gap:8px;width:100%;height:22px;padding:0;display:flex;flex-grow:0!important}.ds-section .item-trans .frame .trans-body .trans-desc .items-ds .deskripsi label{letter-spacing:.2px;color:#64748b;text-overflow:ellipsis;flex:none;order:0;width:100%;height:22px;font-family:Inter;font-size:14px;font-style:normal;font-weight:500;line-height:160%;flex-grow:0!important}.ds-section .item-trans .frame .trans-body .trans-desc .items-ds .deskripsi .label-title{float:left;width:100px;color:#0c0c0c!important}.ds-section .item-trans .frame .trans-body .trans-desc .items-ds .deskripsi .label-title-right{float:left;margin-left:0!important}.ds-section .item-trans .frame .trans-ringkasan{background:#f8fafc;flex-direction:column;flex:none;order:2;align-items:flex-start;gap:8px;width:347px;height:fit-content;padding:16px;display:flex;position:fixed;top:68px;right:12px;flex-grow:0!important}.ds-section .item-trans .frame .trans-ringkasan .title{letter-spacing:.2px;color:#0c0c0c;flex:none;order:0;align-self:stretch;width:315px;height:34px;font-family:Inter;font-size:21px;font-style:normal;font-weight:600;line-height:160%;flex-grow:0!important}.ds-section .item-trans .frame .trans-ringkasan .items-ds{flex-direction:row;flex:none;order:1;justify-content:space-between;align-self:stretch;align-items:center;gap:4px;width:315px;height:26px;padding:0;display:flex;flex-grow:0!important}.ds-section .item-trans .frame .trans-ringkasan .items-ds .lbl-kiri{letter-spacing:.2px;color:#64748b;flex:none;order:0;width:auto;height:26px;font-family:Inter;font-size:16px;font-style:normal;font-weight:500;line-height:160%;flex-grow:0!important}.ds-section .item-trans .frame .trans-ringkasan .items-ds .lbl-kanan{letter-spacing:.2px;color:#64748b;flex:none;order:1;width:auto;height:22px;font-family:Inter;font-size:14px;font-style:normal;font-weight:600;line-height:160%;flex-grow:0!important}.ds-section .item-trans .frame .trans-ringkasan .btn-invoice{flex-direction:column;flex:none;order:5;align-items:flex-start;gap:10px;width:315px;height:58px;padding:8px 0 0;display:flex;flex-grow:0!important}.ds-section .item-trans .frame .trans-ringkasan .btn-invoice button{box-sizing:border-box;text-align:center;letter-spacing:.2px;color:#0d9488;cursor:pointer;background:0 0;border:1px solid #d1d5db;border-radius:9px;flex-direction:row;flex:none;order:0;justify-content:center;align-items:center;width:315px;height:50px;padding:12px 24px;font-family:Inter;font-size:16px;font-style:normal;font-weight:600;line-height:160%;display:flex;flex-grow:0!important}.ds-section .item-trans .frame .trans-ringkasan .btn-bayar{flex-direction:column;flex:none;order:6;align-items:flex-start;gap:10px;width:315px;height:58px;padding:8px 0 0;display:flex;flex-grow:0!important}.ds-section .item-trans .frame .trans-ringkasan .btn-bayar button{text-align:center;letter-spacing:.2px;color:#fff;cursor:pointer;background:#0d9488;border:none;border-radius:9px;flex-direction:row;flex:none;order:0;justify-content:center;align-items:center;width:315px;height:50px;padding:12px 24px;font-family:Inter;font-size:16px;font-style:normal;font-weight:600;line-height:160%;display:flex;flex-grow:0!important}.dsp-frame{flex-direction:column;flex:none;order:0;align-items:flex-start;gap:24px;width:900px;height:fit-content;margin-bottom:120px;padding:0;display:flex;flex-grow:1!important}.dsp-frame .dsp-item{flex-direction:column;flex:none;order:0;justify-content:center;align-self:stretch;align-items:flex-start;gap:12px;width:900px;height:fit-content;margin-bottom:0;padding:0;display:flex;flex-grow:0!important}.dsp-frame .dsp-min-bottom{margin-bottom:-35px!important}.dsp-item-P .title{height:fit-content!important}.dsp-item-P .kardoos-form-item{margin-bottom:0!important}.dsp-frame .dsp-item .title{letter-spacing:.2px;color:#0c0c0c;flex:none;order:0;align-self:stretch;width:auto;height:26px;font-family:Inter;font-size:16px;font-style:normal;font-weight:500;line-height:160%;flex-grow:0!important}.dsp-frame .dsp-item .title div{margin-top:-25px;position:absolute;left:150px}.dsp-frame .dsp-item .text{box-sizing:border-box;letter-spacing:.2px;color:#0c0c0c;background:#fff;border:1px solid #d1d5db;border-radius:5px;flex-direction:row;flex:none;order:1;justify-content:center;align-self:stretch;align-items:center;width:900px;height:50px;padding:12px 16px;font-family:Inter;font-size:16px;font-style:normal;font-weight:500;line-height:160%;display:flex;flex-grow:0!important}.dsp-frame .dsp-item .text div:first-child{width:100%}.dsp-frame .dsp-button{text-align:center;letter-spacing:.2px;color:#fff;cursor:pointer;background:#0d9488;border:none;border-radius:9px;flex-direction:row;flex:none;order:4;justify-content:center;align-items:center;width:107px;height:50px;margin-bottom:120px;padding:12px 24px;font-family:Inter;font-size:16px;font-style:normal;font-weight:600;line-height:160%;display:flex;flex-grow:0!important}.dsp-frame .dsp-item .tag-list{border-radius:4px;flex-direction:row;flex:none;order:2;align-items:flex-start;gap:1px;width:467px;height:26px;padding:0;display:flex;flex-grow:0!important}.dsp-frame .dsp-item .tag-list .item-tag-green{background:#ccfbf1!important}.dsp-frame .dsp-item .tag-list .item-tag{background:#f8fafc;flex-direction:row;flex:none;order:0;align-items:flex-start;width:auto;height:26px;padding:4px 8px;display:flex}.dsp-frame .dsp-item .tag-list .item-tag label{letter-spacing:.2px;color:#0d9488;flex:none;order:0;width:auto;height:18px;font-family:Inter;font-size:11px;font-style:normal;font-weight:500;line-height:160%}.dsp-frame .dsp-items-alamat{box-sizing:border-box;background:#fff;border:1px solid #f1f5f9;border-radius:8px;flex-direction:column;flex:none;order:0;justify-content:center;align-items:flex-start;gap:12px;width:834px;height:212px;padding:24px;display:flex;flex-grow:0!important}.dsp-frame .dsp-items-alamat .nama{letter-spacing:.2px;color:#0c0c0c;flex:none;order:0;align-self:stretch;width:auto;height:26px;font-family:Inter;font-size:16px;font-style:normal;font-weight:600;line-height:160%;flex-grow:0!important}.dsp-frame .dsp-items-alamat .tlp{letter-spacing:.2px;color:#64748b;flex:none;order:1;align-self:stretch;width:auto;height:26px;font-family:Inter;font-size:16px;font-style:normal;font-weight:500;line-height:160%;flex-grow:0!important}.dsp-frame .dsp-items-alamat .alamat{letter-spacing:.2px;color:#0c0c0c;text-overflow:ellipsis;flex:none;order:2;align-self:stretch;width:auto;height:26px;font-family:Inter;font-size:16px;font-style:normal;font-weight:500;line-height:160%;overflow:hidden;flex-grow:0!important}.dsp-frame .dsp-items-alamat .frm-button{flex-direction:row;flex:none;order:3;align-items:flex-start;gap:12px;width:201px;height:50px;padding:0;display:flex;flex-grow:0!important}.dsp-frame .dsp-items-alamat .frm-button .ubah{box-sizing:border-box;text-align:center;letter-spacing:.2px;color:#0d9488;cursor:pointer;background:0 0;border:1px solid #d1d5db;border-radius:9px;flex-direction:row;flex:none;order:0;justify-content:center;align-items:center;width:90px;height:50px;padding:12px 24px;font-family:Inter;font-size:16px;font-style:normal;font-weight:600;line-height:160%;display:flex;flex-grow:0!important}.dsp-frame .dsp-items-alamat .frm-button .hapus{box-sizing:border-box;text-align:center;letter-spacing:.2px;color:#dc2626;cursor:pointer;background:0 0;border:1px solid #d1d5db;border-radius:9px;flex-direction:row;flex:none;order:1;justify-content:center;align-items:center;width:99px;height:50px;padding:12px 24px;font-family:Inter;font-size:16px;font-style:normal;font-weight:600;line-height:160%;display:flex;flex-grow:0!important}.dsp-frame .dsp-add-alamat{box-sizing:border-box;letter-spacing:.2px;color:#0c0c0c;cursor:pointer;background:#fff;border:1px dashed #99f6e4;border-radius:8px;flex-direction:row;flex:none;order:3;justify-content:center;align-self:stretch;align-items:center;gap:16px;width:834px;height:58px;padding:16px;font-family:Inter;font-size:16px;font-style:normal;font-weight:500;line-height:160%;display:flex;flex-grow:0!important}.dsp-bg-pop{background:#95909070;width:100%;height:100%;position:fixed}.dsp-pop-confirm{z-index:999;width:328px;height:230px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.dsp-pop-confirm .dsp-modal{background:#fff;border-radius:8px;flex-direction:column;align-items:flex-start;gap:16px;width:328px;height:230px;padding:24px;display:flex;position:absolute;top:0;left:0;box-shadow:0 0 1px #0000001a,0 2px 8px #0000000d,0 0 10px #00000003}.dsp-pop-confirm .dsp-modal .title{letter-spacing:.2px;color:#0c0c0c;flex:none;order:0;align-self:stretch;width:280px;height:34px;font-family:Inter;font-size:21px;font-style:normal;font-weight:600;line-height:160%;flex-grow:0!important}.dsp-pop-confirm .dsp-modal .pesan{letter-spacing:.2px;color:#64748b;flex:none;order:1;align-self:stretch;width:280px;height:66px;font-family:Inter;font-size:14px;font-style:normal;font-weight:500;line-height:160%;flex-grow:0!important}.dsp-pop-confirm .dsp-modal .modal-frame-btn{flex-direction:row;flex:none;order:2;align-self:stretch;align-items:flex-start;gap:16px;width:280px;height:50px;padding:0;display:flex;flex-grow:0!important}.dsp-pop-confirm .dsp-modal .modal-frame-btn .hapus{box-sizing:border-box;text-align:center;letter-spacing:.2px;color:#dc2626;cursor:pointer;background:0 0;border:1px solid #d1d5db;border-radius:9px;flex-direction:row;flex:none;order:0;justify-content:center;align-items:center;width:132px;height:50px;padding:12px 24px;font-family:Inter;font-size:16px;font-style:normal;font-weight:600;line-height:160%;display:flex;flex-grow:1!important}.dsp-pop-confirm .dsp-modal .modal-frame-btn .cancel{text-align:center;letter-spacing:.2px;color:#fff;cursor:pointer;background:#0d9488;border:none;border-radius:9px;flex-direction:row;flex:none;order:1;justify-content:center;align-items:center;width:132px;height:50px;padding:12px 24px;font-family:Inter;font-size:16px;font-style:normal;font-weight:600;line-height:160%;display:flex;flex-grow:1!important}.ds-invoice-padding{padding:20px;position:relative;top:100px}.card-loader{float:left;cursor:pointer;background:linear-gradient(90deg,#a8a8a8,#e2e2e2) 0/400% 100%;border-radius:15px;width:232px;height:358px;margin-bottom:16px;margin-left:16px;animation:2s linear infinite alternate f;box-shadow:-1px 1px #d1d5db,1px -1px #d1d5db,-1px -1px #d1d5db,1px 1px #d1d5db;flex:none!important}.card-loader-xl{border:1px solid #a8a8a8;border-radius:8px;width:98%;height:358px;padding:20px}.card-loader-xl .top-loader-xl{cursor:pointer;background:linear-gradient(90deg,#a8a8a8,#e2e2e2) 0/400% 100%;border-radius:8px;width:100%;height:54px;margin-bottom:16px;animation:2s linear infinite alternate f;box-shadow:-1px 1px #d1d5db,1px -1px #d1d5db,-1px -1px #d1d5db,1px 1px #d1d5db}.card-loader-xl .left-loader-xl{cursor:pointer;float:left;background:linear-gradient(90deg,#a8a8a8,#e2e2e2) 0/400% 100%;border-radius:8px;width:60%;height:70%;margin-bottom:16px;animation:2s linear infinite alternate f;box-shadow:-1px 1px #d1d5db,1px -1px #d1d5db,-1px -1px #d1d5db,1px 1px #d1d5db}.card-loader-xl .right-loader-xl{cursor:pointer;float:right;background:linear-gradient(90deg,#a8a8a8,#e2e2e2) 0/400% 100%;border-radius:8px;width:39%;height:70%;margin-bottom:16px;animation:2s linear infinite alternate f;box-shadow:-1px 1px #d1d5db,1px -1px #d1d5db,-1px -1px #d1d5db,1px 1px #d1d5db}.card-empty{float:left;width:70%;margin-left:20px;position:relative}.card-empty>div{height:360px;border-radius:8px!important}.chakra-form-control svg{float:right;cursor:pointer;position:relative}.chakra-form-control .svgMata{float:right;cursor:pointer;margin-top:-36px;position:relative;right:20px}.chakra-form-control .error-info-input{color:#dc2626;letter-spacing:.2px;font-family:Inter;font-size:14px;font-style:normal;font-weight:500;line-height:160%}.chakra-form-control .error-info-input a,.chakra-form-control .pass-info-input{color:#0d9488;letter-spacing:.2px;font-family:Inter;font-size:14px;font-style:normal;font-weight:500;line-height:160%}.chakra-input{outline-offset:2px;appearance:none;width:100%;min-width:0;transition-property:var(--chakra-transition-property-common);transition-duration:var(--chakra-transition-duration-normal);font-size:var(--chakra-fontSizes-md);-webkit-padding-start:var(--chakra-space-10);-webkit-padding-end:var(--chakra-space-10);height:var(--chakra-sizes-10);border-radius:var(--chakra-radii-md);border:1px solid;border-color:inherit;background:inherit;letter-spacing:.2px;outline:2px solid #0000;padding-inline-start:var(--chakra-space-10);padding-inline-end:var(--chakra-space-10);font-family:Inter;font-style:normal;font-weight:600;line-height:160%;position:relative;font-size:15px!important}.chakra-input:focus-visible{z-index:1;border-color:#0d9488!important;box-shadow:0 0 0 1px #0d9488!important}@media only screen and (min-width:1441px){.ds-center{padding:0 24px 24px;position:absolute;width:1441px!important}}@media only screen and (min-width:1300px) and (max-width:1440px){.ds-center{position:absolute;width:1280px!important}}@media only screen and (min-width:1040px) and (max-width:1299px){.ds-center{position:absolute;width:1040px!important}}@media only screen and (min-width:761px) and (max-width:1039px){.ds-center{position:absolute;width:790px!important}}
.body-cary-suplier{width:100%;min-height:1512px;margin-bottom:100px;position:relative;top:82px}.body-cary-suplier .header{background:#fff;width:100%;height:360px}.body-cary-suplier .header .header-bg{background-color:#0000;background-image:linear-gradient(#00000040,#00000040),url(../media/cari-suplier-bg.0g8no0iy1bkao.jpeg);background-position:right 35% bottom 45%;background-repeat:repeat,repeat;background-size:cover;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;border-radius:0;width:100%;height:298px}.body-cary-suplier .header .header-bg .search-box{letter-spacing:.2px;color:#64748b;background:#f8fafc;border:1px solid #f0fdfa;border-radius:8px;width:792px;height:58px;margin:0 auto;font-family:Inter;font-size:16px;font-style:normal;font-weight:500;line-height:160%;position:absolute;top:120px;left:50%;transform:translate(-50%);box-shadow:0 0 1px #0000001a,0 2px 8px #0000000d,0 0 10px #00000003}.body-cary-suplier .header .breadcrumb{width:1200px;height:22px;position:absolute;top:318px;left:50%;transform:translate(-50%)}.body-cary-suplier .header .breadcrumb .underline-link{cursor:pointer;text-decoration-line:underline}.body-cary-suplier .header .breadcrumb .link{float:left;letter-spacing:.2px;color:#0c0c0c;width:auto;height:22px;font-family:Inter;font-size:14px;font-style:normal;font-weight:500;line-height:160%}.body-cary-suplier .body-suplier{width:1200px;height:1152px;position:absolute;top:360px;left:50%;transform:translate(-50%)}.body-cary-suplier .body-suplier .filter-frame{float:left;background:#fff;border-radius:8px;width:22%;height:fit-content;padding:20px;box-shadow:0 0 1px #0000001a,0 2px 8px #0000000d,0 0 10px #00000003}.body-cary-suplier .body-suplier .filter-frame .filter-top{width:100%;height:fit-content;margin-bottom:40px}.body-cary-suplier .body-suplier .filter-frame .filter-city ul{overflow-y:scroll;height:300px!important}.body-cary-suplier .body-suplier .filter-frame .filter-city ul::-webkit-scrollbar{display:none}.body-cary-suplier .body-suplier .filter-frame .filter-top .ul-fixed{height:fit-content!important;margin-bottom:0!important}.body-cary-suplier .body-suplier .filter-frame .filter-top ul{width:100%;padding:0;list-style:none;position:relative;top:10px}.body-cary-suplier .body-suplier .filter-frame .filter-top ul .active-li{color:#0d9488;background:#ccfbf1;border-radius:3px}.body-cary-suplier .body-suplier .filter-frame .filter-top ul .checkbox{margin-right:0;position:relative;top:3px;left:7px}.body-cary-suplier .body-suplier .filter-frame .filter-top ul .checkbox:checked{margin-right:0;position:relative;top:5px;left:4px}.body-cary-suplier .body-suplier .filter-frame .filter-top ul label{position:relative;left:15px}.body-cary-suplier .body-suplier .filter-frame .filter-top ul li:hover{color:#0d9488;background:#ccfbf1;border-radius:3px}.body-cary-suplier .body-suplier .filter-frame .filter-top ul li{letter-spacing:.2px;color:#64748b;cursor:pointer;height:34px;margin-bottom:10px;padding:5px 10px;font-family:Inter;font-size:16px;font-style:normal;font-weight:500;line-height:160%}.body-cary-suplier .body-suplier .filter-frame .filter-top .label-judul{cursor:pointer;width:100%;height:34px}.body-cary-suplier .body-suplier .filter-frame .filter-top .label-judul label{letter-spacing:.2px;color:#0c0c0c;cursor:pointer;width:auto;height:34px;font-family:Inter;font-size:21px;font-style:normal;font-weight:600;line-height:160%;position:absolute}.body-cary-suplier .body-suplier .filter-frame .filter-top .label-judul svg{float:right;cursor:pointer;position:relative;top:5px;right:10px}.body-cary-suplier .body-suplier .items-frame{float:right;width:75%;height:100%;padding:1px 3px;overflow-y:scroll}.body-cary-suplier .body-suplier .items-frame::-webkit-scrollbar{display:none}.body-cary-suplier .body-suplier .items-frame .items{background:#fff;border:3px solid #fff;border-radius:8px;width:100%;height:270px;margin-bottom:20px;padding:25px;box-shadow:0 0 1px #0000001a,0 2px 8px #0000000d,0 0 10px #00000003}.body-cary-suplier .body-suplier .items-frame .items:hover{background:#f4fffd;border:3px solid #0d9488}.body-cary-suplier .body-suplier .items-frame .items .header-item{width:100%;height:130px}.body-cary-suplier .body-suplier .items-frame .items .total-galery-items{grid-gap:8px;flex-direction:row;flex:none;order:1;align-items:center;gap:8px;width:fit-content;height:92px;padding:0;display:flex;position:relative;top:-92px;left:500px}.body-cary-suplier .body-suplier .items-frame .items .total-galery-items label{letter-spacing:.2px;color:#0d9488;font-family:Inter;font-size:16px;font-style:normal;font-weight:600;line-height:160%}.body-cary-suplier .body-suplier .items-frame .items .frame-galery-items{flex-direction:row;flex:none;order:1;align-items:center;gap:8px;width:400px;height:92px;padding:0;display:flex;position:relative;left:100px;overflow:hidden}.body-cary-suplier .body-suplier .items-frame .items .frame-galery-items div{object-fit:cover;-o-transition:.15s ease-out all;border-radius:5%;flex:none;order:0;width:92px;height:92px;transition:all .15s ease-out;display:block;overflow:hidden}.body-cary-suplier .body-suplier .items-frame .items .frame-galery-items .imgs{object-fit:cover;-o-transition:.15s ease-out all;border-radius:5%;flex:none;order:0;width:92px;height:92px;transition:all .15s ease-out;display:block}.body-cary-suplier .body-suplier .items-frame .items .frame-galery-items .imgs:hover{transition:transform .5s;transform:scale(1.5)}.body-cary-suplier .body-suplier .items-frame .items .frame-galery-items .imgs:focus{outline:0}.body-cary-suplier .body-suplier .items-frame .items .frame-galery-items label{letter-spacing:.2px;color:#0d9488;font-family:Inter;font-size:16px;font-style:normal;font-weight:600;line-height:160%}.body-cary-suplier .body-suplier .items-frame .items .header-item .deskripsi-frame-item .avatar-suplier{float:left;background:gray;border-radius:50%;width:72px;height:72px;position:relative;top:10px;left:10px}.body-cary-suplier .body-suplier .items-frame .items .header-item .deskripsi-frame-item .avatar-suplier img{object-fit:cover;border-radius:50%;width:72px;height:72px}.body-cary-suplier .body-suplier .items-frame .items .header-item .deskripsi-frame-item .deskripsi-header{float:left;width:80%;height:94px;position:relative;left:30px}.body-cary-suplier .body-suplier .items-frame .items .header-item .deskripsi-frame-item .deskripsi-header .name-suplier{letter-spacing:.2px;color:#0c0c0c;width:100%;height:38px;font-family:Inter;font-size:24px;font-style:normal;font-weight:600;line-height:160%;position:absolute}.body-cary-suplier .body-suplier .items-frame .items .header-item .deskripsi-frame-item .deskripsi-header .alamat-suplier{letter-spacing:.2px;color:#64748b;width:100%;height:26px;font-family:Inter;font-size:16px;font-style:normal;font-weight:500;line-height:160%;position:absolute;top:42px;left:0}.body-cary-suplier .body-suplier .items-frame .items .header-item .deskripsi-frame-item .deskripsi-header .keterangan-suplier{letter-spacing:.2px;color:#0d9488;float:left;cursor:pointer;background:#ccfbf1;border-radius:10px;width:auto;margin-top:10px;margin-bottom:10px;margin-right:10px;padding:8px 10px;font-family:Inter;font-size:14px;font-style:normal;font-weight:600;line-height:160%;position:relative;top:67px}.body-cary-suplier .body-suplier .items-frame .items .header-item .deskripsi-frame-item .deskripsi-header .dot-keterangan-suplier{color:#cbd5e1;font-size:19px;top:58px}.body-cary-suplier .body-suplier .items-frame .items .header-item .deskripsi-frame-item{float:left;width:80%;height:94px}.body-cary-suplier .body-suplier .items-frame .items .header-item .btn-suplier-cari{text-align:center;letter-spacing:.2px;color:#fff;cursor:pointer;float:right;background:#0d9488;border:none;border-radius:9px;width:138px;height:50px;padding:12px 24px;font-family:Inter;font-size:16px;font-style:normal;font-weight:600;line-height:160%;position:relative;top:20px;right:20px}.modal-sertifikasi-suplier{z-index:9;background:#607d8b57;width:100%;height:100%;position:fixed;top:0}.modal-sertifikasi-suplier .modal-frame{background:#fff;border-radius:6px;width:792px;height:386px;margin:0 auto;position:relative;top:200px;flex-grow:unset!important}.modal-sertifikasi-suplier .modal-frame svg{float:right;cursor:pointer}.modal-sertifikasi-suplier .modal-frame .table-frame{width:712px;height:226px;margin:0 auto;position:relative;top:70px}.modal-sertifikasi-suplier .modal-frame .table-frame table{width:100%}.modal-sertifikasi-suplier .modal-frame .table-frame table tr{letter-spacing:.2px;color:#0c0c0c;height:35px;font-family:Inter;font-size:16px;font-style:normal;font-weight:600;line-height:160%}.modal-sertifikasi-suplier .modal-frame .table-frame table tr:first-child{letter-spacing:.2px;color:#0c0c0c;border-bottom:2px solid #0d9488;height:45px;font-family:Inter;font-size:21px;font-style:normal;font-weight:600;line-height:160%}.modal-sertifikasi-suplier .modal-frame .table-frame table tr td div{height:100%!important}.modal-galery-suplier{z-index:99;background:#607d8b57;width:100%;height:300vh;display:none;position:absolute;top:0}.modal-galery-suplier .modal-frame{background:#fff;border-radius:6px;width:493px;height:600px;margin:0 auto;position:relative;top:200px;flex-grow:unset!important}.modal-galery-suplier .modal-frame svg{float:right;cursor:pointer}.modal-galery-suplier .modal-frame .round-click{cursor:pointer;background:#fff;border:.777436px solid #f4f4f5;border-radius:50%;width:46.65px;height:46.65px;padding:18px;position:absolute;top:230px;right:0;box-shadow:0 3.10974px 4.66462px -1.55487px #0000000d,0 7.77436px 11.6615px -2.33231px #0000001a}.modal-galery-suplier .modal-frame .left-round-click{cursor:pointer;z-index:9;background:#fff;border:.777436px solid #f4f4f5;border-radius:50%;width:46.65px;height:46.65px;padding:18px;display:none;position:absolute;top:230px;left:0;box-shadow:0 3.10974px 4.66462px -1.55487px #0000000d,0 7.77436px 11.6615px -2.33231px #0000001a}.modal-galery-suplier .modal-frame .tabs{width:100%;height:20px;position:relative;top:70px}.modal-galery-suplier .modal-frame .tabs ul{width:fit-content;height:20px;margin:0 auto;padding:0;list-style:none;position:relative}.modal-galery-suplier .modal-frame .tabs ul li{cursor:pointer;float:left;background:#8e979f;border-radius:50%;width:10px;height:10px;margin:0 5px 0 0;position:relative}.modal-galery-suplier .modal-frame .tabs ul li:first-child{background:#035d63}.modal-galery-suplier .modal-frame .deskripsi-frame{width:445px;height:248px;margin:0 auto;position:relative;top:100px}.modal-galery-suplier .modal-frame .deskripsi-frame .title{letter-spacing:.2px;color:#0c0c0c;width:100%;height:fit-content;font-family:Inter;font-size:16px;font-style:normal;font-weight:600;line-height:160%}.modal-galery-suplier .modal-frame .deskripsi-frame .information{letter-spacing:.2px;color:#0c0c0c;width:100%;height:fit-content;font-family:Inter;font-size:14px;font-style:normal;font-weight:500;line-height:160%;position:relative;top:20px}.modal-galery-suplier .modal-frame .deskripsi-frame .vendor-list{background:#fff;width:445px;height:56px;position:relative;top:0}.modal-galery-suplier .modal-frame .deskripsi-frame .vendor-list .kiri{grid-gap:12.44px;float:left;flex:none;order:0;gap:12.44px;width:293.44px;height:56px;padding:0}.modal-galery-suplier .modal-frame .deskripsi-frame .vendor-list .kiri img{float:left;object-fit:cover;border-radius:11.6615px;width:55px;height:55px}.modal-galery-suplier .modal-frame .deskripsi-frame .vendor-list .kiri .desc{float:right;width:229px;height:56px;position:relative}.modal-galery-suplier .modal-frame .deskripsi-frame .vendor-list .kiri .desc .judul{letter-spacing:.2px;color:#000;text-overflow:ellipsis;width:100%;height:34px;font-family:Inter;font-size:21px;font-style:normal;font-weight:600;line-height:160%;position:absolute;overflow:hidden}.modal-galery-suplier .modal-frame .deskripsi-frame .vendor-list .kiri .desc .alamat{letter-spacing:.2px;color:#64748b;width:100%;height:22px;font-family:Inter;font-size:12px;font-style:normal;font-weight:500;line-height:160%;position:absolute;top:31px}.modal-galery-suplier .modal-frame .deskripsi-frame .vendor-list .btn-chat{cursor:pointer;text-align:center;letter-spacing:.168404px;color:#fff;float:right;background:#0d9488;border:none;border-radius:7.57817px;width:130.42px;height:42.21px;font-family:Inter;font-size:13.4723px;font-style:normal;font-weight:500;line-height:160%;position:relative;top:7px}.div-scr{border-radius:8px;flex:none;order:1;width:444.69px;height:fit-content;position:relative;top:60px;left:25px;overflow-x:scroll}.div-scr::-webkit-scrollbar{display:none}.scroll-div{grid-gap:24px;flex-direction:row;align-items:flex-start;gap:24px;width:auto;padding:0;display:flex}.scroll-div div{float:left;background:#fff;border-radius:8px;flex:none;order:0;width:444.69px;height:396.49px}.dcs-add-margin-100{margin-top:100px}.scroll-div .div-desc{height:fit-content!important}.scroll-div div img{object-fit:cover;border-radius:8px;width:100%;height:100%}.scroll-div div img:hover{border-radius:8px;transition:all .5s;transform:scale(1.2)}#desGalery{top:30px!important;left:0!important}.reset-rotate-click svg{transition:all .5s;transform:rotate(0)}.rotate-click svg{transition:all .5s;transform:rotate(180.023deg)}.frame-detail-suplier{width:1668px;min-height:1200px;margin-bottom:200px;position:relative;top:120px;left:50%;transform:translate(-50%)}.frame-detail-suplier .dts-section{width:100%;height:fit-content;margin-bottom:10px}.frame-detail-suplier .dts-section .top{width:100%;height:fit-content}.frame-detail-suplier .dts-section .top .breadcrumb{align-items:baseline;width:auto;height:fit-content;display:flex}.frame-detail-suplier .dts-section .top .breadcrumb svg{cursor:pointer;width:32px;height:20px;position:relative;top:5px}.frame-detail-suplier .dts-section .top .breadcrumb label{letter-spacing:.2px;color:#64748b;cursor:pointer;flex:none;order:1;width:auto;height:22px;font-family:Inter;font-size:14px;font-style:normal;font-weight:500;line-height:160%}.frame-detail-suplier .dts-section .top .info-frame{box-sizing:border-box;filter:drop-shadow(-1px 1px #d1d5db)drop-shadow(1px -1px #d1d5db)drop-shadow(-1px -1px #d1d5db)drop-shadow(1px 1px #d1d5db);background:#fff;border:1px solid #d1d5db;border-radius:12px;width:100%;height:181px;margin-top:25px;margin-bottom:25px;padding:1px 0;position:relative}.frame-detail-suplier .dts-section .top .info-frame-loader{box-sizing:border-box;background:linear-gradient(90deg,#a8a8a8,#e2e2e2) 0/400% 100%;border-radius:12px;width:100%;height:181px;margin-top:25px;margin-bottom:25px;padding:1px 0;animation:2s linear infinite alternate f;position:relative}.frame-detail-suplier .dts-section .top .breadcrumb-loader{background:linear-gradient(90deg,#a8a8a8,#e2e2e2) 0/400% 100%;border-radius:10px;width:65px;height:25px;animation:2s linear infinite alternate f}.frame-detail-suplier-loader{min-height:fit-content!important}.frame-detail-suplier .dts-section .top .info-frame .top-kiri{float:left;width:70%;height:100%;padding:24px;position:relative}.frame-detail-suplier .dts-section .top .info-frame .top-kiri .img-pt{float:left;border-radius:15px;width:131px;height:131px}.frame-detail-suplier .dts-section .top .info-frame .top-kiri .img-pt img{object-fit:cover;border-radius:15px;width:131px;height:131px}.frame-detail-suplier .dts-section .top .info-frame .top-kiri .dts-info-pt{float:right;background:#fff;width:79%;height:133px;position:relative}.frame-detail-suplier .dts-section .top .info-frame .top-kiri .dts-info-pt .dts-nama-pt{letter-spacing:.2px;color:#0c0c0c;width:100%;height:43px;font-family:Inter;font-size:27px;font-style:normal;font-weight:700;line-height:160%;position:relative;top:0;left:0}.frame-detail-suplier .dts-section .top .info-frame .top-kiri .dts-info-pt .dts-alamat-pt{letter-spacing:.2px;color:#64748b;width:100%;height:26px;font-family:Inter;font-size:16px;font-style:normal;font-weight:500;line-height:160%;position:relative;left:0}.frame-detail-suplier .dts-section .top .info-frame .top-kiri .dts-info-pt .dts-detail-info-pt{letter-spacing:.2px;color:#0d9488;float:left;cursor:pointer;width:fit-content;height:22px;font-family:Inter;font-size:14px;font-style:normal;font-weight:600;line-height:160%;position:relative;top:40px}.frame-detail-suplier .dts-section .top .info-frame .top-kiri .dts-info-pt .dts-dot-info-pt{letter-spacing:.2px;color:#cbd5e1;float:left;text-align:center;width:20px;height:22px;font-family:Inter;font-size:25px;font-style:normal;font-weight:600;line-height:160%;position:relative;top:25px}.frame-detail-suplier .dts-section .top .info-frame .top-kanan{float:right;width:30%;height:100%;padding:60px 33px;position:relative}.frame-detail-suplier .dts-section .top .info-frame .btn-chat{float:left;text-align:center;letter-spacing:.2px;color:#fff;cursor:pointer;background:#0d9488;border:none;border-radius:9px;width:256px;height:50px;font-family:Inter;font-size:16px;font-style:normal;font-weight:600;line-height:160%}.frame-detail-suplier .dts-section .top .info-frame .bth-share{cursor:pointer;text-align:center;background:#fff;border:1px solid #94a3b8;border-radius:9px;margin-left:60px;padding:12px;position:absolute;top:10px}.frame-detail-suplier .dts-section .ds-frame{height:fit-content;margin-top:40px;position:relative}.frame-detail-suplier .dts-section .ds-title{letter-spacing:.2px;color:#0c0c0c;width:100%;height:43px;margin-bottom:10px;font-family:Inter;font-size:27px;font-style:normal;font-weight:700;line-height:160%;position:relative}.frame-detail-suplier .dts-section .ds-title a{letter-spacing:.2px;color:#0d9488;font-family:Inter;font-size:16px;font-style:normal;font-weight:500;line-height:160%}.frame-detail-suplier .dts-section .ds-description{letter-spacing:.2px;color:#0c0c0c;text-align:justify;width:100%;height:fit-content;font-family:Inter;font-size:16px;font-style:normal;font-weight:500;line-height:160%}.frame-detail-suplier .dts-section .ds-frame .ds-image-list{border-radius:8px;flex:none;order:1;width:100%;height:fit-content;margin-top:10px;position:relative;overflow:hidden}.frame-detail-suplier .dts-section .ds-frame .ds-image-grid{display:block!important}.frame-detail-suplier .dts-section .ds-frame .ds-image-grid div{margin:5px}.frame-detail-suplier .dts-section .ds-frame .ds-image-track{background:#fff;flex-direction:row;align-items:flex-start;gap:20px;width:auto;padding:0;display:flex}.frame-detail-suplier .dts-section .ds-frame .ds-image-track div{float:left;background:linear-gradient(90deg,#a8a8a8,#e2e2e2) 0/400% 100%;border-radius:8px;flex:none;order:0;width:270px;height:270px;animation:2s linear infinite alternate f}@keyframes f{to{background-position:100%}}.body-cary-suplier .body-suplier .items-frame .items .header-item .deskripsi-frame-item .avatar-suplier-loader{float:left;background:linear-gradient(90deg,#a8a8a8,#e2e2e2) 0/400% 100%;border-radius:50%;width:72px;height:72px;animation:2s linear infinite alternate f;position:relative;top:10px;left:10px}.body-cary-suplier .body-suplier .items-frame .items .header-item .deskripsi-frame-item .deskripsi-header .name-suplier-loader{letter-spacing:.2px;color:#0c0c0c;background:linear-gradient(90deg,#a8a8a8,#e2e2e2) 0/400% 100%;border-radius:15px;width:100%;height:38px;font-family:Inter;font-size:24px;font-style:normal;font-weight:600;line-height:160%;animation:2s linear infinite alternate f;position:absolute}.body-cary-suplier .body-suplier .items-frame .items .header-item .deskripsi-frame-item .deskripsi-header .alamat-suplier-loader{background:linear-gradient(90deg,#a8a8a8,#e2e2e2) 0/400% 100%;border-radius:15px;width:100%;height:26px;animation:2s linear infinite alternate f;position:absolute;top:42px;left:0}-loader{background:linear-gradient(90deg,#a8a8a8,#e2e2e2) 0/400% 100%;border-radius:15px;width:100%;height:12px;animation:2s linear infinite alternate f;position:absolute;top:84px;left:0}.body-cary-suplier .body-suplier .items-frame .items .frame-galery-items-loader{margin-top:10px;position:relative;left:103px}.body-cary-suplier .body-suplier .items-frame .items .frame-galery-items-loader div{-webkit-object-fit:cover;object-fit:cover;-o-transition:.15s ease-out all;float:left;background:linear-gradient(90deg,#a8a8a8,#e2e2e2) 0/400% 100%;border-radius:15px;flex:none;order:0;width:92px;height:92px;margin-right:4px;transition:all .15s ease-out;animation:2s linear infinite alternate f;display:block}.frame-detail-suplier .dts-section .ds-frame .ds-image-track div img{object-fit:cover;cursor:pointer;border-radius:8px;width:270px;height:270px;overflow:hidden}.frame-detail-suplier .dts-section .ds-frame .ds-image-track div img:hover{object-fit:none;border-radius:8px;transition:all .5s;animation:none}.frame-detail-suplier .dts-section .ds-frame .ds-btn-kanan{float:right;cursor:pointer;background:#fff;border:1px solid #f4f4f5;border-radius:50%;justify-content:end;align-items:center;width:60px;height:60px;padding:15px 25px;display:flex;position:absolute;top:48%;right:-30px;box-shadow:0 4px 6px -2px #0000000d,0 10px 15px -3px #0000001a}.frame-detail-suplier .dts-section .ds-frame .ds-btn-kanan-loader{float:right;cursor:pointer;background:linear-gradient(90deg,#a8a8a8,#e2e2e2) 0/400% 100%;border:1px solid #f4f4f5;border-radius:50%;width:60px;height:60px;padding:15px 25px;animation:2s linear infinite alternate f;position:absolute;top:48%;right:-30px}.frame-detail-suplier .dts-section .ds-frame .ds-btn-kiri{float:left;cursor:pointer;z-index:9;background:#fff;border:1px solid #f4f4f5;border-radius:50%;width:60px;height:60px;padding:23px 25px;display:none;position:absolute;top:48%;left:-30px;box-shadow:0 4px 6px -2px #0000000d,0 10px 15px -3px #0000001a}.frame-detail-suplier .dts-section .ds-frame .ds-tabs-frame{width:100%;height:fit-content;margin-top:10px;position:relative}.frame-detail-suplier .dts-section .ds-frame .ds-tabs-frame ul{width:fit-content;height:fit-content;margin:0 auto;list-style:none;position:relative}.frame-detail-suplier .dts-section .ds-frame .ds-tabs-frame ul li{cursor:pointer;float:left;background:#8e979f;border-radius:50%;width:10px;height:10px;margin:0 5px 0 0;padding:0}.frame-detail-suplier .dts-section .ds-frame .ds-tabs-frame ul li:first-child{background:#0d9488}.dts-section .ds-frame .modal-frame{background:#fff;border-radius:6px;width:493px;height:fit-content;margin:0 auto;position:relative;flex-grow:unset!important}.add-float-left{float:left!important}.dts-section .ds-frame .modal-frame svg{float:right;cursor:pointer}.dts-section .ds-frame .modal-frame .round-click{cursor:pointer;background:#fff;border:.777436px solid #f4f4f5;border-radius:50%;width:46.65px;height:46.65px;padding:18px;position:absolute;top:230px;right:0;box-shadow:0 3.10974px 4.66462px -1.55487px #0000000d,0 7.77436px 11.6615px -2.33231px #0000001a}.dts-section .ds-frame .modal-frame .left-round-click{cursor:pointer;z-index:9;background:#fff;border:.777436px solid #f4f4f5;border-radius:50%;width:46.65px;height:46.65px;padding:18px;display:none;position:absolute;top:230px;left:0;box-shadow:0 3.10974px 4.66462px -1.55487px #0000000d,0 7.77436px 11.6615px -2.33231px #0000001a}.dts-section .ds-frame .modal-frame .tabs{width:100%;height:20px;position:relative;top:70px}.dts-section .ds-frame .modal-frame .tabs ul{width:fit-content;height:20px;margin:0 auto;padding:0;list-style:none;position:relative}.dts-section .ds-frame .modal-frame .tabs ul li{cursor:pointer;float:left;background:#8e979f;border-radius:50%;width:10px;height:10px;margin:0 5px 0 0;position:relative}.dts-section .ds-frame .modal-frame .tabs ul li:first-child{background:#035d63}.dts-section .ds-frame .modal-frame .deskripsi-frame{width:545px;height:248px;margin:0 auto;position:relative;top:100px}.dts-section .ds-frame .modal-frame .deskripsi-frame .title{letter-spacing:.2px;color:#0c0c0c;width:100%;height:fit-content;font-family:Inter;font-size:16px;font-style:normal;font-weight:600;line-height:160%}.dts-section .ds-frame .modal-frame .deskripsi-frame .information{letter-spacing:.2px;color:#0c0c0c;width:100%;height:fit-content;font-family:Inter;font-size:14px;font-style:normal;font-weight:500;line-height:160%;position:relative;top:20px}.dts-section .ds-frame .modal-frame .deskripsi-frame .vendor-list{background:#fff;width:545px;height:56px;position:relative;top:0}.dts-section .ds-frame .modal-frame .deskripsi-frame .vendor-list .kiri{grid-gap:12.44px;float:left;flex:none;order:0;gap:12.44px;width:393.44px;height:56px;padding:0}.dts-section .ds-frame .modal-frame .deskripsi-frame .vendor-list .kiri img{float:left;object-fit:cover;border-radius:11.6615px;width:55px;height:55px}.dts-section .ds-frame .modal-frame .deskripsi-frame .vendor-list .kiri .desc{float:right;width:329px;height:56px;position:relative}.dts-section .ds-frame .modal-frame .deskripsi-frame .vendor-list .kiri .desc .judul{letter-spacing:.2px;color:#000;width:100%;height:34px;font-family:Inter;font-size:21px;font-style:normal;font-weight:600;line-height:160%;position:absolute}.dts-section .ds-frame .modal-frame .deskripsi-frame .vendor-list .kiri .desc .alamat{letter-spacing:.2px;color:#64748b;width:100%;height:22px;font-family:Inter;font-size:12px;font-style:normal;font-weight:500;line-height:160%;position:absolute;top:31px}.dts-section .ds-frame .modal-frame .deskripsi-frame .vendor-list .btn-chat{cursor:pointer;text-align:center;letter-spacing:.168404px;color:#fff;float:right;background:#0d9488;border:none;border-radius:7.57817px;width:130.42px;height:42.21px;font-family:Inter;font-size:13.4723px;font-style:normal;font-weight:500;line-height:160%;position:relative;top:7px}.text-search-city{letter-spacing:.2px;background:0 0;border-radius:8px;flex:1 0 auto;order:0;width:100%;height:100%;margin-top:20px;margin-bottom:10px;font-family:Inter;font-size:16px;font-style:normal;font-weight:500;line-height:160%;position:relative}.text-search-city::placeholder{color:#cbd5e1}
.body-custom-package{width:100%;margin-top:82px;margin-bottom:100px}.body-custom-package .form-custom-package{margin-top:120px;position:relative}.body-custom-package .text-label{letter-spacing:.2px;font-family:Inter;font-size:14px;font-weight:600;line-height:160%}.body-custom-package .text-label--option{margin-top:24px}.body-custom-package .text-label>a{letter-spacing:.2px;color:#0d9488;font-family:Inter;font-size:11px;font-weight:500;line-height:160%}.body-custom-package .text-title{margin-top:24px;margin-bottom:24px}.body-custom-package .input-box{display:flex}.body-custom-package .input-box>div{margin-right:20px}.body-custom-package .option-label{letter-spacing:.2px;margin-top:16px;margin-bottom:8px;font-family:Inter;font-size:14px;font-weight:500;line-height:160%}.body-custom-package .gallery-box>div{min-height:280px;display:flex!important}
.custom-radio[data-checked]{border-color:var(--chakra-colors-teal-500)!important;color:var(--chakra-colors-teal-500)!important;background:0 0!important}