@import"https://fonts.googleapis.com/css2?family=Lobster&display=swap";body{margin:0;padding:0;box-sizing:border-box}#app{font-family:Avenir,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-align:center;color:#2c3e50;background-color:#fafafa}nav{font-family:"Lobster",cursive;color:#dc143c;background-color:#fff;border-bottom:1px solid #dbdbdb}nav div{display:flex;flex-direction:row;justify-content:space-around;align-items:center}nav div a{display:flex;flex-direction:row;gap:1rem;align-items:center}main{padding:2rem 0}img{background-color:#faebeb;object-fit:cover;border-radius:4px;box-shadow:#64646f33 0 7px 29px}ul,.flex{display:flex;flex-direction:row;gap:2rem;justify-content:center;align-items:center;list-style-type:none;flex-wrap:wrap;padding:0}span.status{display:inline-block;height:20px;width:20px;padding:5px;background-color:#dc143c;color:#fff;border-radius:99999px}a{display:block;cursor:pointer;user-select:none;text-decoration:none}.toast-message{margin-top:2rem;background-color:#ffffe0;border:1px solid lavender;display:inline-block;padding:0 20px;cursor:progress;border-radius:2rem}.toast-message p span{font-weight:600}.add-to-cart{user-select:none;min-width:130px;height:40px;color:#fff;padding:5px 10px;font-weight:bold;cursor:pointer;transition:all .3s ease;position:relative;display:inline-block;outline:none;border-radius:5px;border:none;box-shadow:inset 2px 2px 2px #ffffff80,7px 7px 20px #0000001a,4px 4px 5px #0000001a;background:#d90429;z-index:1}.add-to-cart:hover:after{width:100%;left:0}.add-to-cart:after{border-radius:5px;position:absolute;content:"";width:0;height:100%;top:0;z-index:-1;box-shadow:inset 2px 2px 2px #ffffff80,7px 7px 20px #0000001a,4px 4px 5px #0000001a;transition:all .3s ease;background-color:#ef233c;right:0}.add-to-cart:active{top:2px}.add-to-cart:disabled{min-width:130px;height:40px;padding:5px 10px;font-weight:bold;cursor:ne-resize;transition:all .3s ease;position:relative;display:inline-block;outline:none;border-radius:5px;border:none;color:#fff;background-color:#789}.add-to-cart:disabled:hover:after{width:0%;left:0}aside{position:fixed;top:0;right:0;width:180px;height:100%;padding:10px 30px;box-shadow:#64646f33 0 7px 29px;overflow:scroll;background-color:#fff;z-index:1}aside ul{display:flex;flex-direction:column;border-top:1px solid lightgray;border-bottom:1px solid lightgray;padding:2rem 0;margin-block-start:0}aside li{width:100%}aside div{display:flex;justify-content:center;align-items:center}.cart-item{display:flex;gap:1rem;justify-content:flex-start;align-items:flex-start;flex-wrap:wrap}.cart-item-img{display:flex;flex-direction:column;gap:.2rem}.card-item-details{display:flex;flex-direction:column;gap:.2rem;align-items:flex-start}.card-item-details div{align-items:flex-end;gap:.5rem}.card-item-details a[title="Delete Item"]:hover{color:#fff;background-color:#789}.card-item-details div a{padding:2px 8px;color:#fff;background-color:#dc143c;border-radius:99999px;font-size:13px}.card-item-details p{margin:0}input{width:30px;padding:5px;accent-color:crimson}