From 05001a424c652c541aca15baaddacc5ee664c34d Mon Sep 17 00:00:00 2001 From: kumarharsh13 <98450532+kumarharsh13@users.noreply.github.com> Date: Sat, 21 Sep 2024 17:43:28 +0530 Subject: [PATCH] Updates --- asset-manifest.json | 6 +++--- index.html | 2 +- static/css/main.2da57000.css | 2 ++ static/css/main.2da57000.css.map | 1 + static/css/main.ee75cc6c.css | 2 -- static/css/main.ee75cc6c.css.map | 1 - 6 files changed, 7 insertions(+), 7 deletions(-) create mode 100644 static/css/main.2da57000.css create mode 100644 static/css/main.2da57000.css.map delete mode 100644 static/css/main.ee75cc6c.css delete mode 100644 static/css/main.ee75cc6c.css.map diff --git a/asset-manifest.json b/asset-manifest.json index 95e9b7d..6950b6f 100644 --- a/asset-manifest.json +++ b/asset-manifest.json @@ -1,13 +1,13 @@ { "files": { - "main.css": "/add-to-basket/static/css/main.ee75cc6c.css", + "main.css": "/add-to-basket/static/css/main.2da57000.css", "main.js": "/add-to-basket/static/js/main.e215d399.js", "index.html": "/add-to-basket/index.html", - "main.ee75cc6c.css.map": "/add-to-basket/static/css/main.ee75cc6c.css.map", + "main.2da57000.css.map": "/add-to-basket/static/css/main.2da57000.css.map", "main.e215d399.js.map": "/add-to-basket/static/js/main.e215d399.js.map" }, "entrypoints": [ - "static/css/main.ee75cc6c.css", + "static/css/main.2da57000.css", "static/js/main.e215d399.js" ] } \ No newline at end of file diff --git a/index.html b/index.html index ce3ab1a..c139cd4 100644 --- a/index.html +++ b/index.html @@ -1 +1 @@ -Add To Basket
\ No newline at end of file +Add To Basket
\ No newline at end of file diff --git a/static/css/main.2da57000.css b/static/css/main.2da57000.css new file mode 100644 index 0000000..4e309aa --- /dev/null +++ b/static/css/main.2da57000.css @@ -0,0 +1,2 @@ +@import url(https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap);@import url(https://fonts.googleapis.com/css2?family=Dancing+Script:wght@400..700&display=swap);#root{box-sizing:border-box;margin:0;padding:0}body{background-color:#faeed7;font-family:Poppins,sans-serif;font-style:normal;font-weight:300;overflow-x:hidden}.header{column-gap:1rem;display:flex;font-family:Dancing Script,cursive;font-optical-sizing:auto;font-size:2rem;font-weight:bolder;margin:-1rem;padding-left:2.5rem}.home{grid-column-gap:10rem;column-gap:10rem;display:grid;grid-template-columns:3fr 1fr}.home,.product{align-items:center;justify-content:center}.product{display:flex;margin-left:4rem}.cart{align-items:normal;background-color:#faeed7;border-left:2px solid #6b4600;display:flex;flex-direction:column;height:100vh;justify-content:flex-start;padding:2rem;position:fixed;right:0;top:0;width:22rem}.button{background-color:#6b4600;color:#fff}@media only screen and (max-width:620px){html{font-size:80%}.home{display:flex;flex-direction:column;justify-content:center;margin-top:2rem}.header,.home{align-items:center}.header{justify-content:space-between;margin:1rem}.product{margin-left:0}}::-webkit-scrollbar{width:.4rem}::-webkit-scrollbar-track{border-radius:10px;box-shadow:inset 0 0 5px #b37400}::-webkit-scrollbar-thumb{background:#b37400;border-radius:10px}::-webkit-scrollbar-thumb:hover{background:#6b4600}.item-list{align-items:center;flex-wrap:wrap;gap:2.5rem}.item,.item-list{display:flex;justify-content:center}.item{align-items:baseline;border-radius:1rem;box-shadow:.2rem .5rem .5rem #000;flex-direction:column;width:16rem}.item-image img{border-top-left-radius:1rem;border-top-right-radius:1rem;height:auto;width:16rem}.item-details{align-items:normal;background-color:#faeed7;border-radius:1rem;display:flex;flex-direction:column;height:auto;justify-content:center;margin-top:-2rem;padding:1rem 0 1rem 1rem;width:15rem}.item-details>.button,.item-details>p{margin-top:.03rem;padding-right:.5rem}.price-cart{align-items:center;display:flex;justify-content:space-between;padding-right:2rem}.item-action .button,.item-details .button{border:none;border-radius:.8rem;box-shadow:.1rem .2rem .4rem #000;font-size:.8rem;font-weight:bolder;height:auto;max-width:6rem;padding:.6rem}.item-action .button:hover,.item-details .button:hover{box-shadow:.2rem .4rem .6rem #000}.cart-item{border-bottom:1px solid #6b4600;margin:2px 0;padding:8px 0}.cart-item img{border-radius:.8em;height:6em;width:8em}.cart-item button{border:none;border-radius:50%;box-shadow:.1rem .2rem .4rem #000;font-size:.8rem;padding:.6rem}.cart-item-list{height:60vh;overflow-x:hidden;overflow-y:auto}.cart-item-detail{align-items:center;display:flex;gap:4.5em;justify-content:flex-start}.cart-item-cost-detail{align-items:center;display:grid;grid-template-columns:1fr 1fr;justify-content:center;width:3.2em}.cart-item-cost-detail .button{background-color:initial;border:none;box-shadow:none;font-size:1.5rem;padding:.6rem}.cart-item-qty{align-items:center;display:flex;justify-content:space-evenly}.item-action-btn,.item-total,.my-cart{align-items:center;display:flex;justify-content:space-between}.my-cart{font-family:Dancing Script,cursive;font-optical-sizing:auto;font-size:2rem;font-weight:bolder}.item-action-btn .button{font-size:1rem;font-weight:bolder;width:40rem}.btn-mobile-nav{background:none;border:none;cursor:pointer;display:none}.icon-mobile-nav{color:#333;height:2rem;width:2rem}.icon-mobile-nav[name=close-outline]{display:none}@media only screen and (max-width:1024px){.cart{width:18em}.my-cart-heading{font-size:1.4rem}.header{font-size:1rem}.header,.product{margin:0}}@media only screen and (max-width:620px){.item-list{align-items:center;display:flex;flex-direction:column;gap:2.5rem;justify-content:center}.btn-mobile-nav{display:block;z-index:99999}.cart{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:#ffffff80;display:flex;height:100vh;justify-content:center;opacity:0;pointer-events:none;position:absolute;right:0;top:0;transform:translateX(100%);transition:all 1s ease-in;visibility:hidden;width:100%}.nav-open .cart{opacity:1;pointer-events:auto;transform:translateX(0);visibility:visible}.nav-open .icon-mobile-nav[name=close-outline]{display:block}.nav-open .icon-mobile-nav[name=menu-outline]{display:none}.my-cart{grid-column-gap:8rem;column-gap:8rem;display:grid;grid-template-columns:3fr 1fr;margin-left:4rem;margin-top:-4rem;position:sticky}.cart-item{width:20em}.item-action-btn{align-items:center;display:flex;gap:4rem;justify-content:space-between}} +/*# sourceMappingURL=main.2da57000.css.map*/ \ No newline at end of file diff --git a/static/css/main.2da57000.css.map b/static/css/main.2da57000.css.map new file mode 100644 index 0000000..17a909d --- /dev/null +++ b/static/css/main.2da57000.css.map @@ -0,0 +1 @@ +{"version":3,"file":"static/css/main.2da57000.css","mappings":"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","sources":["index.css","styles/App.css","styles/item.css"],"sourcesContent":["@import url(\"https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap\");\n@import url(\"https://fonts.googleapis.com/css2?family=Dancing+Script:wght@400..700&display=swap\");\n\n#root {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n}\n\nbody {\n font-family: \"Poppins\", sans-serif;\n font-weight: 300;\n font-style: normal;\n background-color: #faeed7;\n overflow-x: hidden;\n}",".header {\n margin: -1rem;\n display: flex;\n column-gap: 1rem;\n padding-left: 2.5rem;\n font-family: \"Dancing Script\", cursive;\n font-optical-sizing: auto;\n font-weight: bolder;\n font-size: 2rem;\n}\n\n.home {\n display: grid;\n grid-template-columns: 3fr 1fr;\n justify-content: center;\n align-items: center;\n column-gap: 10rem;\n}\n\n.product {\n display: flex;\n align-items: center;\n justify-content: center;\n margin-left: 4rem;\n}\n\n.cart {\n display: flex;\n align-items: normal;\n justify-content: flex-start;\n flex-direction: column;\n position: fixed;\n right: 0;\n top: 0;\n width: 22rem;\n /* Width of the fixed cart */\n height: 100vh;\n /* Full viewport height */\n padding: 2rem;\n background-color: #faeed7;\n border-left: 2px solid #6b4600;\n}\n\n.button {\n background-color: #6b4600;\n color: white;\n}\n\n@media only screen and (max-width: 620px) {\n\n html {\n font-size: 80%;\n }\n\n .home {\n display: flex;\n align-items: center;\n justify-content: center;\n flex-direction: column;\n margin-top: 2rem;\n }\n\n .header {\n align-items: center;\n justify-content: space-between;\n margin: 1rem;\n }\n\n .product {\n margin-left: 0rem;\n }\n}\n\n/* width */\n::-webkit-scrollbar {\n width: 0.4rem;\n}\n\n/* Track */\n::-webkit-scrollbar-track {\n box-shadow: inset 0 0 5px #b37400;\n border-radius: 10px;\n}\n\n/* Handle */\n::-webkit-scrollbar-thumb {\n background: #b37400;\n border-radius: 10px;\n}\n\n/* Handle on hover */\n::-webkit-scrollbar-thumb:hover {\n background: #6b4600;\n}",".item-list {\n display: flex;\n align-items: center;\n justify-content: center;\n flex-wrap: wrap;\n gap: 2.5rem;\n}\n\n.item {\n display: flex;\n justify-content: center;\n align-items: baseline;\n flex-direction: column;\n box-shadow: 0.2rem 0.5rem 0.5rem black;\n border-radius: 1rem;\n width: 16rem;\n}\n\n.item-image img {\n width: 16rem;\n height: auto;\n border-top-left-radius: 1rem;\n border-top-right-radius: 1rem;\n}\n\n.item-details {\n display: flex;\n flex-direction: column;\n align-items: initial;\n justify-content: center;\n width: 15rem;\n margin-top: -2rem;\n background-color: #faeed7;\n border-radius: 1rem;\n padding: 1rem 0rem 1rem 1rem;\n height: auto;\n}\n\n.item-details>p,\n.item-details>.button {\n margin-top: 0.03rem;\n padding-right: 0.5rem;\n}\n\n.price-cart {\n display: flex;\n justify-content: space-between;\n align-items: center;\n padding-right: 2rem;\n}\n\n.item-details .button,\n.item-action .button {\n border-radius: 0.8rem;\n padding: 0.6rem;\n max-width: 6rem;\n height: auto;\n border: none;\n box-shadow: 0.1rem 0.2rem 0.4rem black;\n font-weight: bolder;\n font-size: 0.8rem;\n}\n\n.item-details .button:hover,\n.item-action .button:hover {\n box-shadow: 0.2rem 0.4rem 0.6rem black;\n}\n\n.cart-item {\n margin: 2px 0px 2px 0px;\n padding: 8px 0px 8px 0px;\n border-bottom: 1px solid #6b4600;\n}\n\n.cart-item img {\n width: 8em;\n height: 6em;\n border-radius: 0.8em;\n}\n\n.cart-item button {\n border-radius: 50%;\n padding: 0.6rem;\n border: none;\n box-shadow: 0.1rem 0.2rem 0.4rem black;\n font-size: 0.8rem;\n}\n\n.cart-item-list {\n overflow-x: hidden;\n overflow-y: auto;\n /* Vertical scrollbar for cart */\n height: 60vh;\n}\n\n.cart-item-detail {\n display: flex;\n justify-content: flex-start;\n align-items: center;\n gap: 4.5em;\n}\n\n.cart-item-cost-detail {\n display: grid;\n grid-template-columns: 1fr 1fr;\n justify-content: center;\n align-items: center;\n width: 3.2em;\n}\n\n.cart-item-cost-detail .button {\n padding: 0.6rem;\n border: none;\n box-shadow: none;\n font-size: 1.5rem;\n background-color: transparent;\n}\n\n.cart-item-qty {\n display: flex;\n justify-content: space-evenly;\n align-items: center;\n}\n\n.item-action-btn,\n.item-total,\n.my-cart {\n display: flex;\n justify-content: space-between;\n align-items: center;\n}\n\n.my-cart {\n font-family: \"Dancing Script\", cursive;\n font-optical-sizing: auto;\n font-weight: bolder;\n font-size: 2rem;\n}\n\n.item-action-btn .button {\n width: 40rem;\n font-size: 1rem;\n font-weight: bolder;\n}\n\n.btn-mobile-nav {\n border: none;\n background: none;\n cursor: pointer;\n display: none;\n}\n\n.icon-mobile-nav {\n height: 2rem;\n width: 2rem;\n color: #333;\n}\n\n.icon-mobile-nav[name=\"close-outline\"] {\n display: none;\n}\n\n@media only screen and (max-width: 1024px) {\n .cart {\n width: 18em;\n }\n\n .my-cart-heading {\n font-size: 1.4rem;\n }\n\n .header {\n font-size: 1rem;\n margin: 0;\n }\n\n .product {\n margin: 0;\n }\n}\n\n\n@media only screen and (max-width: 620px) {\n .item-list {\n display: flex;\n align-items: center;\n justify-content: center;\n flex-direction: column;\n gap: 2.5rem;\n }\n\n .btn-mobile-nav {\n display: block;\n z-index: 99999;\n }\n\n .cart {\n background-color: rgba(255, 255, 255, 0.5);\n backdrop-filter: blur(10px);\n position: absolute;\n top: 0;\n right: 0;\n width: 100%;\n height: 100vh;\n transform: translateX(100%);\n\n display: flex;\n align-items: center;\n justify-content: center;\n transition: all 1s ease-in;\n\n opacity: 0;\n\n pointer-events: none;\n\n visibility: hidden;\n }\n\n .nav-open .cart {\n opacity: 1;\n pointer-events: auto;\n visibility: visible;\n transform: translateX(0);\n }\n\n .nav-open .icon-mobile-nav[name=\"close-outline\"] {\n display: block;\n }\n\n .nav-open .icon-mobile-nav[name=\"menu-outline\"] {\n display: none;\n }\n\n .my-cart {\n display: grid;\n grid-template-columns: 3fr 1fr;\n column-gap: 8rem;\n margin-top: -4rem;\n margin-left: 4rem;\n position: sticky;\n }\n\n .cart-item {\n width: 20em;\n }\n\n .cart-item-detail {}\n\n .item-action-btn {\n display: flex;\n justify-content: space-between;\n align-items: center;\n gap: 4rem;\n }\n}"],"names":[],"sourceRoot":""} \ No newline at end of file diff --git a/static/css/main.ee75cc6c.css b/static/css/main.ee75cc6c.css deleted file mode 100644 index f573b94..0000000 --- a/static/css/main.ee75cc6c.css +++ /dev/null @@ -1,2 +0,0 @@ -@import url(https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap);@import url(https://fonts.googleapis.com/css2?family=Dancing+Script:wght@400..700&display=swap);#root{box-sizing:border-box;margin:0;padding:0}body{background-color:#faeed7;font-family:Poppins,sans-serif;font-style:normal;font-weight:300}.header{column-gap:1rem;display:flex;font-family:Dancing Script,cursive;font-optical-sizing:auto;font-size:2rem;font-weight:bolder;margin:-1rem;padding-left:2.5rem}.home{grid-column-gap:10rem;column-gap:10rem;display:grid;grid-template-columns:3fr 1fr}.home,.product{align-items:center;justify-content:center}.product{display:flex;margin-left:4rem}.cart{align-items:normal;background-color:#faeed7;border-left:2px solid #6b4600;display:flex;flex-direction:column;height:100vh;justify-content:flex-start;padding:2rem;position:fixed;right:0;top:0;width:22rem}.button{background-color:#6b4600;color:#fff}@media only screen and (max-width:620px){html{font-size:80%}.home{display:flex;flex-direction:column;justify-content:center;margin-top:2rem}.header,.home{align-items:center}.header{justify-content:space-between;margin:1rem}.product{margin-left:0}}.item-list{align-items:center;flex-wrap:wrap;gap:2.5rem}.item,.item-list{display:flex;justify-content:center}.item{align-items:baseline;border-radius:1rem;box-shadow:.2rem .5rem .5rem #000;flex-direction:column;width:16rem}.item-image img{border-top-left-radius:1rem;border-top-right-radius:1rem;height:auto;width:16rem}.item-details{align-items:normal;background-color:#faeed7;border-radius:1rem;display:flex;flex-direction:column;height:auto;justify-content:center;margin-top:-2rem;padding:1rem 0 1rem 1rem;width:15rem}.item-details>.button,.item-details>p{margin-top:.03rem;padding-right:.5rem}.price-cart{align-items:center;display:flex;justify-content:space-between;padding-right:2rem}.item-action .button,.item-details .button{border:none;border-radius:.8rem;box-shadow:.1rem .2rem .4rem #000;font-size:.8rem;font-weight:bolder;height:auto;max-width:6rem;padding:.6rem}.item-action .button:hover,.item-details .button:hover{box-shadow:.2rem .4rem .6rem #000}.cart-item{border-bottom:1px solid #6b4600;margin:2px 0;padding:8px 0}.cart-item img{border-radius:.8em;height:6em;width:8em}.cart-item button{border:none;border-radius:50%;box-shadow:.1rem .2rem .4rem #000;font-size:.8rem;padding:.6rem}.cart-item-list{height:60vh;overflow-x:hidden;overflow-y:auto}.cart-item-detail{align-items:center;display:flex;gap:4.5em;justify-content:flex-start}.cart-item-cost-detail{align-items:center;display:grid;grid-template-columns:1fr 1fr;justify-content:center;width:3.2em}.cart-item-cost-detail .button{background-color:initial;border:none;box-shadow:none;font-size:1.5rem;padding:.6rem}.cart-item-qty{align-items:center;display:flex;justify-content:space-evenly}.item-action-btn,.item-total,.my-cart{align-items:center;display:flex;justify-content:space-between}.my-cart{font-family:Dancing Script,cursive;font-optical-sizing:auto;font-size:2rem;font-weight:bolder}.item-action-btn .button{font-size:1rem;font-weight:bolder;width:40rem}.btn-mobile-nav{background:none;border:none;cursor:pointer;display:none}.icon-mobile-nav{color:#333;height:2rem;width:2rem}.icon-mobile-nav[name=close-outline]{display:none}@media only screen and (max-width:1024px){.cart{width:18em}.my-cart-heading{font-size:1.4rem}.header{font-size:1rem}.header,.product{margin:0}}@media only screen and (max-width:620px){.item-list{align-items:center;display:flex;flex-direction:column;gap:2.5rem;justify-content:center}.btn-mobile-nav{display:block;z-index:99999}.cart{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:#ffffff80;display:flex;height:100vh;justify-content:center;opacity:0;pointer-events:none;position:absolute;right:0;top:0;transform:translateX(100%);transition:all 1s ease-in;visibility:hidden;width:100%}.nav-open .cart{opacity:1;pointer-events:auto;transform:translateX(0);visibility:visible}.nav-open .icon-mobile-nav[name=close-outline]{display:block}.nav-open .icon-mobile-nav[name=menu-outline]{display:none}.my-cart{grid-column-gap:8rem;column-gap:8rem;display:grid;grid-template-columns:3fr 1fr;margin-left:4rem;margin-top:-4rem;position:sticky}.cart-item{width:20em}.item-action-btn{align-items:center;display:flex;gap:4rem;justify-content:space-between}} -/*# sourceMappingURL=main.ee75cc6c.css.map*/ \ No newline at end of file diff --git a/static/css/main.ee75cc6c.css.map b/static/css/main.ee75cc6c.css.map deleted file mode 100644 index 2cc3a10..0000000 --- a/static/css/main.ee75cc6c.css.map +++ /dev/null @@ -1 +0,0 @@ -{"version":3,"file":"static/css/main.ee75cc6c.css","mappings":"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","sources":["index.css","styles/App.css","styles/item.css"],"sourcesContent":["@import url(\"https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap\");\n@import url(\"https://fonts.googleapis.com/css2?family=Dancing+Script:wght@400..700&display=swap\");\n\n#root {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n}\n\nbody {\n font-family: \"Poppins\", sans-serif;\n font-weight: 300;\n font-style: normal;\n background-color: #faeed7;\n}",".header {\n margin: -1rem;\n display: flex;\n column-gap: 1rem;\n padding-left: 2.5rem;\n font-family: \"Dancing Script\", cursive;\n font-optical-sizing: auto;\n font-weight: bolder;\n font-size: 2rem;\n}\n\n.home {\n display: grid;\n grid-template-columns: 3fr 1fr;\n justify-content: center;\n align-items: center;\n column-gap: 10rem;\n}\n\n.product {\n display: flex;\n align-items: center;\n justify-content: center;\n margin-left: 4rem;\n}\n\n.cart {\n display: flex;\n align-items: normal;\n justify-content: flex-start;\n flex-direction: column;\n position: fixed;\n right: 0;\n top: 0;\n width: 22rem;\n /* Width of the fixed cart */\n height: 100vh;\n /* Full viewport height */\n padding: 2rem;\n background-color: #faeed7;\n border-left: 2px solid #6b4600;\n}\n\n.button {\n background-color: #6b4600;\n color: white;\n}\n\n@media only screen and (max-width: 620px) {\n\n html {\n font-size: 80%;\n }\n\n .home {\n display: flex;\n align-items: center;\n justify-content: center;\n flex-direction: column;\n margin-top: 2rem;\n }\n\n .header {\n align-items: center;\n justify-content: space-between;\n margin: 1rem;\n }\n\n .product {\n margin-left: 0rem;\n }\n}",".item-list {\n display: flex;\n align-items: center;\n justify-content: center;\n flex-wrap: wrap;\n gap: 2.5rem;\n}\n\n.item {\n display: flex;\n justify-content: center;\n align-items: baseline;\n flex-direction: column;\n box-shadow: 0.2rem 0.5rem 0.5rem black;\n border-radius: 1rem;\n width: 16rem;\n}\n\n.item-image img {\n width: 16rem;\n height: auto;\n border-top-left-radius: 1rem;\n border-top-right-radius: 1rem;\n}\n\n.item-details {\n display: flex;\n flex-direction: column;\n align-items: initial;\n justify-content: center;\n width: 15rem;\n margin-top: -2rem;\n background-color: #faeed7;\n border-radius: 1rem;\n padding: 1rem 0rem 1rem 1rem;\n height: auto;\n}\n\n.item-details>p,\n.item-details>.button {\n margin-top: 0.03rem;\n padding-right: 0.5rem;\n}\n\n.price-cart {\n display: flex;\n justify-content: space-between;\n align-items: center;\n padding-right: 2rem;\n}\n\n.item-details .button,\n.item-action .button {\n border-radius: 0.8rem;\n padding: 0.6rem;\n max-width: 6rem;\n height: auto;\n border: none;\n box-shadow: 0.1rem 0.2rem 0.4rem black;\n font-weight: bolder;\n font-size: 0.8rem;\n}\n\n.item-details .button:hover,\n.item-action .button:hover {\n box-shadow: 0.2rem 0.4rem 0.6rem black;\n}\n\n.cart-item {\n margin: 2px 0px 2px 0px;\n padding: 8px 0px 8px 0px;\n border-bottom: 1px solid #6b4600;\n}\n\n.cart-item img {\n width: 8em;\n height: 6em;\n border-radius: 0.8em;\n}\n\n.cart-item button {\n border-radius: 50%;\n padding: 0.6rem;\n border: none;\n box-shadow: 0.1rem 0.2rem 0.4rem black;\n font-size: 0.8rem;\n}\n\n.cart-item-list {\n overflow-x: hidden;\n overflow-y: auto;\n /* Vertical scrollbar for cart */\n height: 60vh;\n}\n\n.cart-item-detail {\n display: flex;\n justify-content: flex-start;\n align-items: center;\n gap: 4.5em;\n}\n\n.cart-item-cost-detail {\n display: grid;\n grid-template-columns: 1fr 1fr;\n justify-content: center;\n align-items: center;\n width: 3.2em;\n}\n\n.cart-item-cost-detail .button {\n padding: 0.6rem;\n border: none;\n box-shadow: none;\n font-size: 1.5rem;\n background-color: transparent;\n}\n\n.cart-item-qty {\n display: flex;\n justify-content: space-evenly;\n align-items: center;\n}\n\n.item-action-btn,\n.item-total,\n.my-cart {\n display: flex;\n justify-content: space-between;\n align-items: center;\n}\n\n.my-cart {\n font-family: \"Dancing Script\", cursive;\n font-optical-sizing: auto;\n font-weight: bolder;\n font-size: 2rem;\n}\n\n.item-action-btn .button {\n width: 40rem;\n font-size: 1rem;\n font-weight: bolder;\n}\n\n.btn-mobile-nav {\n border: none;\n background: none;\n cursor: pointer;\n display: none;\n}\n\n.icon-mobile-nav {\n height: 2rem;\n width: 2rem;\n color: #333;\n}\n\n.icon-mobile-nav[name=\"close-outline\"] {\n display: none;\n}\n\n@media only screen and (max-width: 1024px) {\n .cart {\n width: 18em;\n }\n\n .my-cart-heading {\n font-size: 1.4rem;\n }\n\n .header {\n font-size: 1rem;\n margin: 0;\n }\n\n .product {\n margin: 0;\n }\n}\n\n\n@media only screen and (max-width: 620px) {\n .item-list {\n display: flex;\n align-items: center;\n justify-content: center;\n flex-direction: column;\n gap: 2.5rem;\n }\n\n .btn-mobile-nav {\n display: block;\n z-index: 99999;\n }\n\n .cart {\n background-color: rgba(255, 255, 255, 0.5);\n backdrop-filter: blur(10px);\n position: absolute;\n top: 0;\n right: 0;\n width: 100%;\n height: 100vh;\n transform: translateX(100%);\n\n display: flex;\n align-items: center;\n justify-content: center;\n transition: all 1s ease-in;\n\n opacity: 0;\n\n pointer-events: none;\n\n visibility: hidden;\n }\n\n .nav-open .cart {\n opacity: 1;\n pointer-events: auto;\n visibility: visible;\n transform: translateX(0);\n }\n\n .nav-open .icon-mobile-nav[name=\"close-outline\"] {\n display: block;\n }\n\n .nav-open .icon-mobile-nav[name=\"menu-outline\"] {\n display: none;\n }\n\n .my-cart {\n display: grid;\n grid-template-columns: 3fr 1fr;\n column-gap: 8rem;\n margin-top: -4rem;\n margin-left: 4rem;\n position: sticky;\n }\n\n .cart-item {\n width: 20em;\n }\n\n .cart-item-detail {}\n\n .item-action-btn {\n display: flex;\n justify-content: space-between;\n align-items: center;\n gap: 4rem;\n }\n}"],"names":[],"sourceRoot":""} \ No newline at end of file