.listProduct_container__chTLw{display:flex;justify-content:center;flex-direction:column;align-items:center;font-size:.5rem}.listProduct_dalamcontainer__mlumE{width:var(--max-width);font-size:.5rem}.listProduct_atas__BIUSf{display:flex;padding:0 30px;justify-content:space-between;align-items:center;height:70px;width:var(--max-width);background-color:var(--colorsekunder);position:-webkit-sticky;position:sticky;top:0;z-index:99}.listProduct_atas__BIUSf .listProduct_judul__rZAGW{font-weight:1000;cursor:pointer;display:flex;align-items:center;gap:5px}.listProduct_atas__BIUSf .listProduct_judul__rZAGW:hover{opacity:.9}.listProduct_atas__BIUSf .listProduct_judulkanan__pZ6F4{font-weight:700}.listProduct_atas__BIUSf .listProduct_search__JEWpD{border:1px solid var(--colorthrid);border-radius:var(--border-radius);padding:1px;display:flex}.listProduct_atas__BIUSf .listProduct_search__JEWpD input{padding:10px}.listProduct_atas__BIUSf .listProduct_search__JEWpD input:focus{border:transparent;outline:0}.listProduct_atas__BIUSf .listProduct_search__JEWpD .listProduct_searchB__VFWyq{height:100%;padding:10px;border-radius:var(--border-radius);cursor:pointer;font-weight:700}.listProduct_atas__BIUSf .listProduct_searchP__O2ejn{height:40px;padding:0 18px;border-radius:var(--border-radius);cursor:pointer;font-weight:700}.listProduct_atas__BIUSf button{background-color:var(--colorbggreyutama)}.listProduct_atas__BIUSf button:hover{background-color:var(--hovercolorbggreyutama)}.listProduct_kotakhitamlayang__CyXAW{position:fixed;top:0;width:100vw;height:100vh;background-color:#000;display:flex;justify-content:center;align-items:center;z-index:98;opacity:.5}.listProduct_penawaranlayang__AZwpp{position:absolute;top:0;bottom:0;left:0;right:0;margin:auto;z-index:99;background-color:#fff;height:400px;width:500px}.listProduct_producttable__Zr75y{width:100%;border-collapse:collapse;margin:20px 0;font-size:1em;font-family:sans-serif;text-align:left}.listProduct_producttable__Zr75y td,.listProduct_producttable__Zr75y th{padding:12px 15px;border:1px solid #ddd}.listProduct_producttable__Zr75y th{background-color:#f4f4f4}.listProduct_producttable__Zr75y td:nth-child(6){text-align:center}.listProduct_producttable__Zr75y td:nth-child(7){text-align:center;cursor:pointer;color:var(--colormain);width:15px}.listProduct_producttable__Zr75y td:first-child{cursor:pointer}.listProduct_producttable__Zr75y tr:nth-child(2n){background-color:#f9f9f9}.listProduct_producttable__Zr75y tr:hover{background-color:#f1f1f1}.listProduct_switch__GLIIH{position:relative;display:inline-block;width:60px;height:34px}.listProduct_switch__GLIIH input{opacity:0;width:0;height:0}.listProduct_slider__7MClC{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#ccc;transition:.4s;border-radius:34px}.listProduct_slider__7MClC:before{position:absolute;content:"";height:26px;width:26px;border-radius:50%;left:4px;bottom:4px;background-color:#fff;transition:.4s}input:checked+.listProduct_slider__7MClC{background-color:#2196f3}input:checked+.listProduct_slider__7MClC:before{transform:translateX(26px)}.listProduct_bghitam__lOXOV{position:fixed;top:0;width:100vw;height:100dvh;background-color:var(--colorthrid);opacity:.7;z-index:999}.listProduct_containerupdate__HhN6B{position:fixed;top:50px;width:var(--max-width);height:80vh;background-color:var(--colorsekunder);z-index:1000;border-radius:var(--border-radius);padding:0 50px 50px;overflow:hidden}.listProduct_containerupdate__HhN6B:hover{overflow-y:scroll}.listProduct_loading__4w6px{position:fixed;top:0;width:100vw;height:100vh}.listProduct_loading__4w6px .listProduct_kotak__idmvJ{width:100vw;height:100vh;display:flex;justify-content:center;align-items:center;font-size:2rem;font-weight:1000;z-index:99992;color:#fff}.listProduct_loading__4w6px .listProduct_kotakmelayang__0t8UN{position:fixed;top:0;width:100vw;height:100vh;background-color:blue;opacity:.7;z-index:99991}.listProduct_hasilpencarian__Mj78n{margin-top:10px}.listProduct_ataskanan__iSBc5{display:flex;gap:10px;align-items:center}.listProduct_bawah__4fvnJ{display:flex;scrollbar-width:none;padding:20px}.listProduct_bawah__4fvnJ::-webkit-scrollbar{display:none}.listProduct_bawah__4fvnJ .listProduct_filter__JyHMR{position:-webkit-sticky;position:sticky;top:0;width:300px;border-radius:var(--border-radius)}.listProduct_bawah__4fvnJ .listProduct_filter__JyHMR .listProduct_judul__rZAGW{padding:15px;display:flex;justify-content:space-between;font-weight:700;box-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1)}.listProduct_bawah__4fvnJ .listProduct_filter__JyHMR .listProduct_kategori__wPVSi{box-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1);background-color:var(--colorsekunder);text-transform:capitalize}.listProduct_bawah__4fvnJ .listProduct_filter__JyHMR .listProduct_kategori__wPVSi .listProduct_list__SGnFh{font-weight:500;padding:15px 15px 15px 5px;display:flex;align-items:center;gap:10px}.listProduct_bawah__4fvnJ .listProduct_filter__JyHMR .listProduct_kategori__wPVSi .listProduct_list__SGnFh:hover{transition:all .2s ease;background-color:var(--colormain);color:var(--colorsekunder);cursor:pointer}.listProduct_bawah__4fvnJ .listProduct_filter__JyHMR .listProduct_kategori__wPVSi .listProduct_checkboxLabel__knM__{display:flex;align-items:center;cursor:pointer}.listProduct_bawah__4fvnJ .listProduct_filter__JyHMR .listProduct_kategori__wPVSi .listProduct_checkbox__Yy_kX{margin-right:8px}.listProduct_bawah__4fvnJ .listProduct_filter__JyHMR .listProduct_kategori__wPVSi .listProduct_text__Yqu7R{font-size:14px}.listProduct_bawah__4fvnJ .listProduct_filternya__i60CX{margin:10px 0;display:flex;align-items:center;justify-content:space-between;border-radius:var(--border-radius);gap:10px;background-color:var(--colorbggreyutama);padding:5px;width:100%;text-transform:capitalize}.listProduct_bawah__4fvnJ .listProduct_filternya__i60CX .listProduct_close__BgU8Y{background-color:var(--colorsekunder);border-radius:var(--border-radius);padding:5px 7px;color:var(--colorthrid);cursor:pointer}.listProduct_bawah__4fvnJ .listProduct_listproduct__IHwfX{width:100%}.listProduct_bawah__4fvnJ .listProduct_gambarbawah__I0FJk{width:100%;position:relative}.listProduct_bawah__4fvnJ .listProduct_gambarbawah__I0FJk img{width:100%;object-fit:contain}.listProduct_bawah__4fvnJ .listProduct_gambarbawah__I0FJk .listProduct_wm__02iv2{width:100%;position:absolute;top:0}.listProduct_bawah__4fvnJ .listProduct_name__Kaemc{font-weight:500}.listProduct_bawah__4fvnJ .listProduct_name__Kaemc .listProduct_merek__CKso_{font-weight:700;text-transform:uppercase}.listProduct_bawah__4fvnJ .listProduct_grid__aGQ98{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));grid-gap:10px;grid-gap:20px;gap:20px;padding:0 20px}.listProduct_kotak__idmvJ{width:100%;min-height:400px;padding:10px;flex-direction:column;gap:10px;border-radius:var(--border-radius);box-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1);position:relative}.listProduct_kotak__idmvJ,.listProduct_kotak__idmvJ .listProduct_indiatas__eYc4G{display:flex;justify-content:space-between}.listProduct_kotak__idmvJ .listProduct_detailproduct__T80m6{background-color:#ccc;color:#000;font-weight:700;margin:10px 0;padding:5px}.listProduct_kotak__idmvJ .listProduct_detailproduct__T80m6 span{font-weight:500}.listProduct_kotak__idmvJ .listProduct_switchdelete__zolTu{display:flex}.listProduct_bawah__4fvnJ .listProduct_kotak__idmvJ{background-color:#fff}.listProduct_bawahdetail__B0_ZK{display:flex;flex-direction:column;gap:10px}.listProduct_penawaran__5yJJ9{background-color:var(--colormain);text-align:center;color:var(--colorsekunder);height:40px;font-size:16px;display:flex;align-items:center;justify-content:center;border-radius:var(--border-radius);cursor:pointer;padding:0 2px}.listProduct_penawaran__5yJJ9:hover{background-color:var(--hovercolormain)}.listProduct_bawah__4fvnJ .listProduct_listproduct__IHwfX .listProduct_price__VVhvb{color:var(--colormain);font-weight:1000}.listProduct_bawah__4fvnJ .listProduct_listproduct__IHwfX .listProduct_kotak__idmvJ:hover img{transition:all .2s ease;scale:1.08}.listProduct_loadmore__WWYI7{width:100%;height:100%;font-size:var(--font1);font-weight:700;cursor:pointer;display:flex;justify-content:center;align-items:center;flex-direction:column;gap:20px}.listProduct_angka__uadS2{display:flex;flex-direction:column;position:absolute;left:-5px;top:8px;z-index:6;cursor:pointer}.listProduct_satu__TskzM{font-size:20px;width:100px;height:40px;padding:4px 8px;display:flex;align-items:center;justify-content:center;border-radius:8px 12px 12px 0;font-weight:800;line-height:12px;letter-spacing:.1px;color:#fff;background-color:#f94d63}.listProduct_dua__1BPpl{width:5px;height:5px;border-radius:0 0 0 5px;background-color:#f94d63}@media only screen and (max-width:1000px){.listProduct_bawah__4fvnJ{display:flex;overflow-y:unset;height:auto;flex-direction:column}.listProduct_bawah__4fvnJ .listProduct_filter__JyHMR{position:unset;top:auto;width:auto;width:100%}.listProduct_bawah__4fvnJ .listProduct_grid__aGQ98{padding:20px}.listProduct_dalamkontainer__v6YCV{width:100%}}@media only screen and (max-width:767px){.listProduct_dalamkontainer__v6YCV{padding:0!important}}@media only screen and (max-width:480px){.listProduct_bawah__4fvnJ .listProduct_grid__aGQ98{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));grid-gap:5px;gap:5px;padding:20px 10px}.listProduct_container__chTLw{font-size:var(--font1mobile)}.listProduct_bawah__4fvnJ{padding:0;display:flex}.listProduct_satu__TskzM{font-size:12px;width:70px;height:30px}.listProduct_bawahdetail__B0_ZK .listProduct_penawaran__5yJJ9{font-size:14px}}.penawaran_bghitam__52m42{position:fixed;top:0;background-color:#000;width:100vw;height:100dvh;opacity:.8;z-index:999}.penawaran_container__iv5lX{position:fixed;top:0;bottom:0;left:0;right:0;margin:auto;width:500px;background-color:var(--colorsekunder);height:-moz-fit-content;height:fit-content;z-index:9999;padding:30px;text-align:center;display:flex;justify-content:center;align-items:center;flex-direction:column;border-radius:var(--border-radius);gap:10px}.penawaran_suratpenawaran__o5Ml0{font-weight:1000;border:1px solid var(--colormain);padding:10px 30px}.penawaran_judul__0q5HJ{font-weight:1000;font-size:var(--font1);text-align:left;margin:5px 0}.penawaran_tombol__ZT1A3{margin-top:20px;background-color:var(--colorthrid);color:var(--colorsekunder);width:-moz-fit-content;width:fit-content;border-radius:var(--border-radius);height:60px;padding:0 18px;display:flex;align-items:center;font-size:25px}.penawaran_tombol__ZT1A3:hover{background-color:var(--colorgrey);cursor:pointer}.penawaran_container__iv5lX form{width:100%;display:flex;flex-direction:column;gap:10px}.penawaran_container__iv5lX input{width:100%;border:1px solid var(--colorthrid);border-radius:var(--border-radius);font-size:var(--font1)}.penawaran_container__iv5lX button{width:100%;height:50px;background-color:var(--colormain);color:var(--colorsekunder);border-radius:var(--border-radius);font-size:var(--font1)}.penawaran_container__iv5lX button:hover{background-color:var(--hovercolormain);cursor:pointer}.penawaran_container__iv5lX .penawaran_input__C7q3G{display:flex;align-items:flex-start;flex-direction:column;position:relative}.penawaran_container__iv5lX .penawaran_input__C7q3G label{display:flex}.penawaran_container__iv5lX .penawaran_er__1mQ5e{color:red}.penawaran_container__iv5lX input{padding:10px}.penawaran_container__iv5lX select{width:100%;padding:10px;border:1px solid var(--colorthrid)}.penawaran_salles__mmArT{background-color:#9acd32}.penawaran_custumer__Cjh5D,.penawaran_salles__mmArT{display:flex;flex-direction:column;gap:10px;padding:10px}.penawaran_custumer__Cjh5D{background-color:#1e1b1c}.penawaran_custumer__Cjh5D b{color:#fff}.penawaran_gambar__vuYDM{width:100%;display:flex;justify-content:center;height:200px}.penawaran_gambar__vuYDM img{width:200px;height:200px;object-fit:contain}.penawaran_harga__sGrsg{display:flex;gap:20px}.penawaran_harga__sGrsg .penawaran_input__C7q3G input,.penawaran_harga__sGrsg label{width:100%}.penawaran_alert__hyzAw{text-align:left}.penawaran_text__dTFd4{text-align:left;margin-bottom:20px;font-size:30px}.penawaran_doc__5CVpa{cursor:pointer}.penawaran_jumlahbarang__V1Wq7{background-color:#8a2055;display:flex;flex-direction:column;gap:10px;padding:10px}.penawaran_jumlahbarang__V1Wq7 b{color:#fff}.penawaran_dalamcontainer__bsu0H{height:80dvh;overflow-y:scroll;width:100%}.penawaran_notecontainer__1WFt_{display:flex;flex-direction:column;gap:10px}.penawaran_inputnote__FNzlq{display:flex;align-items:center;gap:10px}.penawaran_deletenote__QV7qf{background-color:red;color:#fff;width:30px;height:30px;display:flex;justify-content:center;align-items:center;border-radius:var(--border-radius);cursor:pointer}@media only screen and (max-width:480px){.penawaran_gambar__vuYDM{width:100%;height:auto}.penawaran_gambar__vuYDM img{width:100%;height:auto;object-fit:contain}.penawaran_container__iv5lX{position:fixed;top:auto;bottom:0;left:auto;right:auto;margin:auto;width:100%;padding:30px 0}.penawaran_dalamcontainer__bsu0H{height:80dvh;overflow-y:scroll;padding:0 30px}.penawaran_tombol__ZT1A3{font-size:var(--font1)}}@keyframes react-loading-skeleton{to{transform:translateX(100%)}}.react-loading-skeleton{--base-color:#ebebeb;--highlight-color:#f5f5f5;--animation-duration:1.5s;--animation-direction:normal;--pseudo-element-display:block;background-color:var(--base-color);width:100%;border-radius:.25rem;display:inline-flex;line-height:1;position:relative;-webkit-user-select:none;-moz-user-select:none;user-select:none;overflow:hidden}.react-loading-skeleton:after{content:" ";display:var(--pseudo-element-display);position:absolute;top:0;left:0;right:0;height:100%;background-repeat:no-repeat;background-image:var(
    --custom-highlight-background,linear-gradient(90deg,var(--base-color) 0,var(--highlight-color) 50%,var(--base-color) 100%)
  );transform:translateX(-100%);animation-name:react-loading-skeleton;animation-direction:var(--animation-direction);animation-duration:var(--animation-duration);animation-timing-function:ease-in-out;animation-iteration-count:infinite}@media (prefers-reduced-motion){.react-loading-skeleton{--pseudo-element-display:none}}