{"version":3,"file":"static/css/main.75278e41.css","mappings":"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","sources":["../node_modules/slick-carousel/slick/slick-theme.css","components/NavbarSearch.css","components/navbar.css","pages/shop/shop.css","pages/shop2/shop2.css","pages/shop3/shop3.css","pages/checkout/Modal.css","pages/cart/cart.css","../node_modules/slick-carousel/slick/slick.css","App.css"],"sourcesContent":["@charset 'UTF-8';\n/* Slider */\n.slick-loading .slick-list\n{\n    background: #fff url('./ajax-loader.gif') center center no-repeat;\n}\n\n/* Icons */\n@font-face\n{\n    font-family: 'slick';\n    font-weight: normal;\n    font-style: normal;\n\n    src: url('./fonts/slick.eot');\n    src: url('./fonts/slick.eot?#iefix') format('embedded-opentype'), url('./fonts/slick.woff') format('woff'), url('./fonts/slick.ttf') format('truetype'), url('./fonts/slick.svg#slick') format('svg');\n}\n/* Arrows */\n.slick-prev,\n.slick-next\n{\n    font-size: 0;\n    line-height: 0;\n\n    position: absolute;\n    top: 50%;\n\n    display: block;\n\n    width: 20px;\n    height: 20px;\n    padding: 0;\n    -webkit-transform: translate(0, -50%);\n    -ms-transform: translate(0, -50%);\n    transform: translate(0, -50%);\n\n    cursor: pointer;\n\n    color: transparent;\n    border: none;\n    outline: none;\n    background: transparent;\n}\n.slick-prev:hover,\n.slick-prev:focus,\n.slick-next:hover,\n.slick-next:focus\n{\n    color: transparent;\n    outline: none;\n    background: transparent;\n}\n.slick-prev:hover:before,\n.slick-prev:focus:before,\n.slick-next:hover:before,\n.slick-next:focus:before\n{\n    opacity: 1;\n}\n.slick-prev.slick-disabled:before,\n.slick-next.slick-disabled:before\n{\n    opacity: .25;\n}\n\n.slick-prev:before,\n.slick-next:before\n{\n    font-family: 'slick';\n    font-size: 20px;\n    line-height: 1;\n\n    opacity: .75;\n    color: white;\n\n    -webkit-font-smoothing: antialiased;\n    -moz-osx-font-smoothing: grayscale;\n}\n\n.slick-prev\n{\n    left: -25px;\n}\n[dir='rtl'] .slick-prev\n{\n    right: -25px;\n    left: auto;\n}\n.slick-prev:before\n{\n    content: '←';\n}\n[dir='rtl'] .slick-prev:before\n{\n    content: '→';\n}\n\n.slick-next\n{\n    right: -25px;\n}\n[dir='rtl'] .slick-next\n{\n    right: auto;\n    left: -25px;\n}\n.slick-next:before\n{\n    content: '→';\n}\n[dir='rtl'] .slick-next:before\n{\n    content: '←';\n}\n\n/* Dots */\n.slick-dotted.slick-slider\n{\n    margin-bottom: 30px;\n}\n\n.slick-dots\n{\n    position: absolute;\n    bottom: -25px;\n\n    display: block;\n\n    width: 100%;\n    padding: 0;\n    margin: 0;\n\n    list-style: none;\n\n    text-align: center;\n}\n.slick-dots li\n{\n    position: relative;\n\n    display: inline-block;\n\n    width: 20px;\n    height: 20px;\n    margin: 0 5px;\n    padding: 0;\n\n    cursor: pointer;\n}\n.slick-dots li button\n{\n    font-size: 0;\n    line-height: 0;\n\n    display: block;\n\n    width: 20px;\n    height: 20px;\n    padding: 5px;\n\n    cursor: pointer;\n\n    color: transparent;\n    border: 0;\n    outline: none;\n    background: transparent;\n}\n.slick-dots li button:hover,\n.slick-dots li button:focus\n{\n    outline: none;\n}\n.slick-dots li button:hover:before,\n.slick-dots li button:focus:before\n{\n    opacity: 1;\n}\n.slick-dots li button:before\n{\n    font-family: 'slick';\n    font-size: 6px;\n    line-height: 20px;\n\n    position: absolute;\n    top: 0;\n    left: 0;\n\n    width: 20px;\n    height: 20px;\n\n    content: '•';\n    text-align: center;\n\n    opacity: .25;\n    color: black;\n\n    -webkit-font-smoothing: antialiased;\n    -moz-osx-font-smoothing: grayscale;\n}\n.slick-dots li.slick-active button:before\n{\n    opacity: .75;\n    color: black;\n}\n",".search-bar {\r\n    display: flex;\r\n    align-items: center;\r\n  }\r\n  \r\n  .search-bar input {\r\n    padding: 8px;\r\n    margin-right: 8px;\r\n    margin-left: 10px;\r\n    border-radius: 5px;\r\n    border: 3px solid #ccc;\r\n    width: 950px;\r\n  }\r\n  \r\n  .search-bar button {\r\n    padding: 8px;\r\n    border-radius: 5px;\r\n    border: 1px solid #ccc;\r\n    width: 100px;\r\n  }\r\n  ",".navbar {\n  background-color: #526352;\n  overflow: hidden;\n  position: fixed;\n  width: 100%;\n  top: 0;\n  height: 60px;\n  z-index: 100;\n  display: flex;\n}\n\n.links {\n  margin-left: auto; /* Pindahkan elemen ke pojok kanan */\n  display: flex;\n  align-items: center;\n  margin-right: 40px;\n}\n.links img {\n  width: 30px;\n  color: #ddd;\n}\n\n\n.links a {\n  text-decoration: none;\n  color: white;\n  margin-left: 20px;\n  font-size: 25px;\n}\n\n.navbar ul {\n  list-style-type: none;\n  margin: 0;\n  padding: 0;\n  overflow: hidden;\n}\n\n.navbar li {\n  float: left;\n}\n\n.navbar a {\n  display: block;\n  color: white;\n  text-align: center;\n  padding: 10px 12px;\n  text-decoration: none;\n}\n\n\n.navbar .logo {\n  width: 60px;\n  overflow: hidden;\n}\n\n.navbar .logo img {\n  \n  width: 40px; /* Pastikan gambar mengisi seluruh lebar elemen */\n  height: 40px; /* Menjaga aspek rasio gambar */\n}\n",".shopTitle {\n  margin-top: 100px;\n  text-align: center;\n  font-size: 40px;\n  color: #A2D4A2;\n}\n\n.products {\n  width: 100%;\n  height: auto;\n  display: grid;\n  grid-template-columns: 1fr 1fr 1fr 1fr 1fr;\n  place-items: center;\n}\n\n.product {\n  border-radius: 15px;\n  width: 200px;\n  height: 250px;\n  margin: 50px;\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  align-items: center;\n}\n\n.product img {\n  width: 200px;\n}\n\n.product .description {\n  text-align: center;\n}\n\n.product:hover {\n  transition: 0.3s ease-in;\n  cursor: pointer;\n}\n\n.addToCartBttn {\n  background-color: transparent;\n  border: 2px solid rgb(19, 19, 19);\n  min-width: 100px;\n  padding-left: 10px;\n  padding-right: 10px;\n  padding-top: 5px;\n  padding-bottom: 5px;\n  border-radius: 15px;\n}\n\n.addToCartBttn:hover {\n  background-color: rgb(19, 19, 19);\n  color: white;\n  cursor: pointer;\n}\n\n.links2 {\n  display: flex;\n  justify-content: space-around;\n  align-items: center;\n  padding: 10px;\n}\n\n.links2 a {\n  text-decoration: none;\n  color: #333;\n  font-size: 30px;\n  padding: 8px;\n  border: 1px solid #ccc;\n  border-radius: 5px;\n}\n\n.links2 a:hover {\n  background-color: #ddd;\n  color: #555;\n}\n",".shopTitle {\n  margin-top: 100px;\n  text-align: center;\n  font-size: 40px;\n  color: #A2D4A2;\n}\n\n.products {\n  width: 100%;\n  height: auto;\n  display: grid;\n  grid-template-columns: 1fr 1fr 1fr 1fr 1fr;\n  place-items: center;\n}\n\n.product {\n  border-radius: 15px;\n  width: 200px;\n  height: 250px;\n  margin: 50px;\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  align-items: center;\n}\n\n.product img {\n  width: 200px;\n}\n\n.product .description {\n  text-align: center;\n}\n\n.product:hover {\n  transition: 0.3s ease-in;\n  cursor: pointer;\n}\n\n.addToCartBttn {\n  background-color: transparent;\n  border: 2px solid rgb(19, 19, 19);\n  min-width: 100px;\n  padding-left: 10px;\n  padding-right: 10px;\n  padding-top: 5px;\n  padding-bottom: 5px;\n  border-radius: 15px;\n}\n\n.addToCartBttn:hover {\n  background-color: rgb(19, 19, 19);\n  color: white;\n  cursor: pointer;\n}\n",".shopTitle {\n  margin-top: 100px;\n  text-align: center;\n  font-size: 40px;\n  color: #A2D4A2;\n}\n\n.products {\n  width: 100%;\n  height: auto;\n  display: grid;\n  grid-template-columns: 1fr 1fr 1fr 1fr 1fr;\n  place-items: center;\n}\n\n.product {\n  border-radius: 15px;\n  width: 200px;\n  height: 250px;\n  margin: 100px 50px;\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  align-items: center;\n}\n\n.product img {\n  width: 200px;\n  height: 200px;\n}\n\n.product .description {\n  text-align: center;\n}\n\n.product:hover {\n  transition: 0.3s ease-in;\n  cursor: pointer;\n}\n\n.addToCartBttn {\n  background-color: transparent;\n  border: 2px solid rgb(19, 19, 19);\n  min-width: 100px;\n  padding-left: 10px;\n  padding-right: 10px;\n  padding-top: 5px;\n  padding-bottom: 5px;\n  border-radius: 15px;\n}\n\n.addToCartBttn:hover {\n  background-color: rgb(19, 19, 19);\n  color: white;\n  cursor: pointer;\n}\n",".modal-overlay {\r\n  position: fixed;\r\n  top: 0;\r\n  left: 0;\r\n  width: 100%;\r\n  height: 100%;\r\n  background: rgba(0, 0, 0, 0.5);\r\n  display: flex;\r\n  justify-content: center;\r\n  align-items: center;\r\n}\r\n\r\n.modal-content {\r\n  background: white;\r\n  padding: 20px;\r\n  border-radius: 8px;\r\n  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);\r\n  max-width: 600px;\r\n  width: 100%;\r\n  overflow-y: auto; /* Menambahkan scrollbar vertikal jika kontennya melebihi ukuran modal */\r\n  max-height: 500px;/* Atur ketinggian maksimum modal agar sesuai dengan kebutuhan Anda */\r\n}\r\n\r\n.close-button {\r\n  position: absolute;\r\n  bottom: 10px; /* Mengatur jarak dari bagian bawah */\r\n  right: 10px; /* Mengatur jarak dari bagian kanan */\r\n  cursor: pointer;\r\n}\r\n",".cart {\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  align-items: center;\n}\n\n.cartItem {\n  width: 700px;\n  height: 250px;\n  display: flex;\n  background-color: antiquewhite;\n  align-items: center;\n  box-shadow: 0px 3px 15px rgba(0, 0, 0, 0.2);\n  border-radius: 25px;\n  margin: 30px;\n}\n\n.cartItem img {\n  width: 200px;\n  border: 2px solid black;\n  border-radius: 15px;\n}\n\n.cartItem .description {\n  width: 100%;\n  font-size: 30px;\n}\n\n.countHandler input {\n  width: 40px;\n  text-align: center;\n  font-weight: bolder;\n}\n\n.checkout button {\n  width: 150px;\n  height: 50px;\n  background-color: rgb(19, 19, 19);\n  color: white;\n  border: none;\n  border-radius: 8px;\n  margin: 10px;\n  cursor: pointer;\n}\n.nota p{\n  \n  text-align: right;\n}\n/* Tambahkan styling ke dropdown */\n.select-wrapper {\n  position: relative;\n  display: inline-block;\n}\n\n/*.select-wrapper::after {\n  content: '▼';\n  position: absolute;\n  top: 50%;\n  right: 10px;\n  transform: translateY(-50%);\n  pointer-events: none;\n}*/\n\n.select-wrapper select {\n  appearance: none;\n  -webkit-appearance: none;\n  -moz-appearance: none;\n  padding: 10px;\n  border: 1px solid #ccc;\n  border-radius: 5px;\n  background-color: #fff;\n  cursor: pointer;\n  white-space: pre-wrap;\n  height: 50px;\n  width: 150px;\n  background-repeat: no-repeat;\n  background-position: right 10px center;\n}\n\n\n.select-wrapper:hover select {\n  border-color: #555;\n}\n\n.address-option {\n  white-space: nowrap; /* Agar teks tidak wrap */\n  margin: 0;\n}\n\n.address-detail {\n  margin-top: 0;\n  padding-left: 10px;\n  border: 3px dashed #ccc;\n  width: 570px;\n  border-radius: 5px;\n}\n\n","/* Slider */\n.slick-slider\n{\n    position: relative;\n\n    display: block;\n    box-sizing: border-box;\n\n    -webkit-user-select: none;\n       -moz-user-select: none;\n        -ms-user-select: none;\n            user-select: none;\n\n    -webkit-touch-callout: none;\n    -khtml-user-select: none;\n    -ms-touch-action: pan-y;\n        touch-action: pan-y;\n    -webkit-tap-highlight-color: transparent;\n}\n\n.slick-list\n{\n    position: relative;\n\n    display: block;\n    overflow: hidden;\n\n    margin: 0;\n    padding: 0;\n}\n.slick-list:focus\n{\n    outline: none;\n}\n.slick-list.dragging\n{\n    cursor: pointer;\n    cursor: hand;\n}\n\n.slick-slider .slick-track,\n.slick-slider .slick-list\n{\n    -webkit-transform: translate3d(0, 0, 0);\n       -moz-transform: translate3d(0, 0, 0);\n        -ms-transform: translate3d(0, 0, 0);\n         -o-transform: translate3d(0, 0, 0);\n            transform: translate3d(0, 0, 0);\n}\n\n.slick-track\n{\n    position: relative;\n    top: 0;\n    left: 0;\n\n    display: block;\n    margin-left: auto;\n    margin-right: auto;\n}\n.slick-track:before,\n.slick-track:after\n{\n    display: table;\n\n    content: '';\n}\n.slick-track:after\n{\n    clear: both;\n}\n.slick-loading .slick-track\n{\n    visibility: hidden;\n}\n\n.slick-slide\n{\n    display: none;\n    float: left;\n\n    height: 100%;\n    min-height: 1px;\n}\n[dir='rtl'] .slick-slide\n{\n    float: right;\n}\n.slick-slide img\n{\n    display: block;\n}\n.slick-slide.slick-loading img\n{\n    display: none;\n}\n.slick-slide.dragging img\n{\n    pointer-events: none;\n}\n.slick-initialized .slick-slide\n{\n    display: block;\n}\n.slick-loading .slick-slide\n{\n    visibility: hidden;\n}\n.slick-vertical .slick-slide\n{\n    display: block;\n\n    height: auto;\n\n    border: 1px solid transparent;\n}\n.slick-arrow.slick-hidden {\n    display: none;\n}\n",".App {\n  width: 100%;\n  height: auto;\n  min-height: 100vh;\n  font-family: \"Segoe UI\", Tahoma, Geneva, Verdana, sans-serif;\n}\n\nbody {\n  padding: 0;\n  margin: 0;\n  background-color: rgb(239, 229, 215);\n  position: relative;\n}\n\n"],"names":[],"sourceRoot":""}