@import url(https://fonts.googleapis.com/css2?family=Rubik:wght@300;400;500;600;700&display=swap);body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Rubik","Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh;position:relative;padding-bottom:70px;box-sizing:border-box}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}.App-header{background-color:#282c34;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:calc(10px + 2vmin);color:#fff}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.notfound{display:flex;align-items:center;height:100vh;justify-content:center}.notfound .wrapper{text-align:center}.notfound .wrapper img{width:500px;margin-bottom:20px}.notfound .wrapper .buttons{margin:auto;max-width:200px}@media(max-width:991px){.wrapper img{width:300px;margin-bottom:20px}.wrapper h1{font-size:28px}.wrapper .buttons{margin:auto;max-width:200px}}@media(max-width:500px){.notfound .wrapper img{width:200px;margin-bottom:15px}.notfound .wrapper h1{font-size:18px}.notfound .wrapper .buttons{margin:auto;max-width:150px}}.header-web .navbar img{width:130px}.header-web .navbar a{cursor:pointer}.header-web .navbar .navbar-web .navbar-nav .search-field{width:300px;margin-right:30px;border-bottom:1px solid #000}.header-web .navbar .navbar-web .navbar-nav .search-field input{border:none;width:100%;font-size:14px;padding:10px;background:transparent;color:#000;outline:none;transition:all .3s}.header-web .navbar .navbar-web .navbar-nav .searched-products{position:absolute;background-color:#fff;width:100%;left:0;z-index:999;top:55px}.header-web .navbar .navbar-web .navbar-nav .nav-item.nav-link{font-family:Rubik;font-style:normal;font-weight:400;font-size:16px;line-height:21px;text-align:right;color:#cacccf;margin-right:30px}.header-web .navbar .navbar-web .navbar-nav .nav-item.nav-link.active,.header-web .navbar .navbar-web .navbar-nav .nav-item.nav-link:hover{color:#ff5a5f}.header-web .navbar .navbar-web .navbar-nav .nav-item .cart-icon{position:relative}.header-web .navbar .navbar-web .navbar-nav .nav-item .cart-icon .length{position:absolute;top:-3px;left:14px;font-size:10px;height:12px;width:12px;display:flex;align-items:center;justify-content:center;background-color:#ff5a5f;border-radius:50%;color:#fff}.header-web .menu-mobile{position:absolute;left:0;background-color:#fff;width:100%;padding:10px 0;z-index:999}.header-web .menu-mobile .navbar-nav .nav-item.nav-link{font-family:Rubik;font-style:normal;font-weight:400;font-size:16px;line-height:21px;color:#cacccf;margin-right:30px}.header-web .menu-mobile .navbar-nav .nav-item.nav-link.active,.header-web .menu-mobile .navbar-nav .nav-item.nav-link:hover{color:#ff5a5f}.header-web .menu-mobile .navbar-nav .nav-item .cart-icon{position:relative}.header-web .menu-mobile .navbar-nav .nav-item .cart-icon .length{position:absolute;top:-3px;left:14px;font-size:10px;height:12px;width:12px;display:flex;align-items:center;justify-content:center;background-color:#ff5a5f;border-radius:50%;color:#fff}.footer-web{padding:30px 0;position:absolute;bottom:0;height:80px;width:100%}.footer-web .footer-wrapper a{text-decoration:none}@media(max-width:991px){.footer-web{padding:20px 0;height:70px}}button{width:100%;background:#ff7d1d;color:#fff;font-weight:700;border:none;padding:10px 0}.card-product .card{cursor:pointer;border:none}.card-product .card .card-body .card-title{font-size:14px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;height:35px}.card-product .card .card-body .harga{font-size:12px}.card-product .card:hover{box-shadow:0 0 10px rgba(0,0,0,.1)}@media(max-width:576px){.card-product .card .card-body .card-title{font-size:12px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;height:30px}.card-product .card .card-body .harga{font-size:10px}}.cart-item .product{cursor:pointer}.cart-item .product img{width:100px;height:100px;object-fit:cover;margin-right:10px}.cart-item .product .card-title{cursor:pointer;font-size:18px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;height:auto}.cart-item td{font-size:18px}.cart-item td .input-group span{font-size:14px;cursor:pointer}.cart-item td .input-group .input-group-text{padding:10px}.cart-item td .input-group input{font-size:16px;padding:0}@media(max-width:997px){.cart-item .product img{width:80px;height:80px;object-fit:cover}.cart-item .product .card-title{font-size:16px}.cart-item td{font-size:14px}.cart-item td .input-group span{font-size:10px}.cart-item td .input-group .input-group-text{padding:5px}.cart-item td .input-group input{font-size:12px;padding:0}}@media(max-width:771px){.cart-item .product img{width:50px;height:50px;object-fit:cover}.cart-item .product .card-title{font-size:12px}.cart-item td,.cart-item td .input-group span{font-size:10px}.cart-item td .input-group .input-group-text{padding:2px}.cart-item td .input-group input{font-size:10px;padding:0}}@media(max-width:570px){.cart-item .product img{width:30px;height:30px;object-fit:cover}.cart-item .product .card-title{font-size:10px;height:25px}.cart-item td{font-size:9px}.cart-item td .input-group span{font-size:6px}.cart-item td .input-group .input-group-text{padding:2px}.cart-item td .input-group input{font-size:9px;padding:0}}.detail-product .content .image{padding:10px;border:1px solid #ddd}.detail-product .content .details .price{display:flex;align-items:center}.detail-product .content .details .price .label-harga{margin-right:10px}.detail-product .content .details .price .harga-coret{font-size:16px;text-decoration:line-through;color:#999;margin-bottom:0;margin-right:10px}.detail-product .content .details .price .harga-jual{font-size:24px;font-weight:700;color:#ff5a5f;margin-bottom:0}.detail-product .deskripsi-produk p{margin-bottom:0}.cart-page table thead tr th{font-size:18px}@media(max-width:997px){.cart-page table thead tr th{font-size:14px}}@media(max-width:771px){.cart-page table thead tr th{font-size:10px}}
/*# sourceMappingURL=main.615b53bf.chunk.css.map */