:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body,html{margin:0;height:100vh;width:100vw}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}input::-webkit-outer-spin-button,input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield}#root{text-align:center;height:100%;width:100%;background-image:url(./public/shopping-cart.jpg);background-size:cover;background-repeat:no-repeat;background-attachment:fixed}.routerLink{height:50%;text-align:center;display:"flex";justify-content:center;align-items:center;align-content:center;font-size:20px;color:#fff}.routerLink:hover{color:#8a2be2}.routerLink:active{color:#5f9ea0}h1{text-align:left}#shoparea{height:90%;width:100%;padding-left:10%;padding-right:10%;box-sizing:border-box;background-color:#fff;display:grid;grid-template-rows:25% 75%}#shopHeader{color:#000}#shopHeader>h1{color:#000}#filter{display:flex;gap:10px}#filter>p{margin:0}#product_display{display:grid;grid-template-columns:repeat(4,1fr);float:right;grid-gap:20px;border:1px solid antiquewhite;overflow-y:auto;overflow-x:hidden;color:#000;box-sizing:border-box;padding-left:20px;padding-right:20px;justify-items:center;align-items:center}.product_card{margin-top:20px;margin-bottom:10px;display:flex;flex-direction:column;height:400px;max-width:300px;box-sizing:border-box;padding-left:20px;padding-right:20px;box-shadow:0 4px 8px #0003,0 6px 20px #00000030}.product_card>.product_img{height:50%;width:100%;display:flex;justify-content:center;align-items:center}.product_img>img{height:50%;object-fit:cover}.product_card>.product_title{height:20%;min-height:50px;width:200px;text-align:start;align-content:center;overflow-y:hidden}.product_card>.product_price{text-align:start;width:200px}.product_card>.product_rating{display:flex;justify-content:start;gap:10px;width:200px}.product_card>.addtocart_btn{display:grid;width:100%;height:50px;grid-template-columns:repeat(3,1fr);align-items:center;justify-items:center;margin-top:10px}.addtocart_btn>button{height:90%;background-color:#fff;font-size:20px}.addtocart_btn>button:active{background-color:#646cff;outline:none}.addtocart_btn>button:focus{border:none;outline:none}.addtocart_btn>button:hover{border:1px solid #646cff}.addtocart_input{width:90%;height:80%;text-align:center;font-size:20px;border:1px solid #1a1a1a;border-radius:8px}@media (max-width: 1283px){#product_display{grid-template-columns:repeat(3,1fr)}}@media (max-width: 1104px){#product_display{grid-template-columns:repeat(2,1fr)}}@media (max-width: 690px){#product_display{grid-template-columns:repeat(1,1fr)}}#cart{height:100%;width:100%;background-color:#fff}#cart_details{height:90%;width:100%;display:grid;grid-template-columns:6fr 4fr;align-items:center;justify-items:center}#cart_products,#cart_checkout{height:90%;width:90%;background-color:#f0f8ff;border-radius:8px;color:#000}#cart_products{display:flex;flex-direction:column;align-items:center;overflow-y:hidden}#cart_products:hover{overflow-y:scroll}.cart_product_card{height:100px;width:90%;margin-top:20px;margin-bottom:10px;background-color:#fff;border:1px solid gainsboro;border-radius:8px;display:grid;grid-template-columns:3fr 10fr 2fr}.cart_product_img{height:100%;width:100%;overflow:hidden;display:flex;justify-content:center;align-items:center;box-sizing:border-box;padding-left:10px}.cart_product_img>img{height:90%;max-width:70%;object-fit:contain}.cart_product_details{height:100%;width:100%;display:flex;flex-direction:column;justify-content:center}.cart_product_details>p{margin:0;height:50%;width:100%;text-align:start;overflow:hidden}.cart_product_controls{display:flex;flex-direction:column;justify-content:center;align-items:center;box-sizing:border-box;padding-right:10px}.cart_product_controls>span{width:100%;text-align:end}.cart_product_delete{background-color:#fff;color:red;margin-left:auto;font-size:30px;text-align:center;padding:0}#cart_checkout{max-height:90%;box-sizing:border-box;padding-left:20px;padding-right:20px}#cart_checkout>h2{width:100%;text-align:start;border-bottom:1px solid black}.checkout_summary_holder{max-height:300px;overflow-y:hidden;border-radius:8px;box-sizing:border-box;margin-bottom:10px}.checkout_summary_holder:hover{overflow-y:scroll}.checkout_summary{width:100%;max-height:700px;margin-bottom:10px;text-align:start;background-color:#faebd7;box-sizing:border-box;padding:10px}th{text-align:left}.checkout_controls{width:100%;display:flex;justify-content:end;gap:20px}.checkout_controls>button{background-color:#00f;color:#fff;outline:none}.checkout_controls>button:hover{background-color:green}