:root{min-height:100dvh}body{background-color:#fff;color:#000;font-family:Google Sans Code;width:380px;margin:0}.home-header{display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:10px}.link{display:flex;align-items:center;text-decoration:none;color:inherit}.product-container{display:grid;gap:10px}.product-card{display:grid;grid-template-columns:40% auto;border:1px solid #333;padding:15px}.product-item{display:grid;grid-template-columns:40% auto;align-items:center}.product-item-description-container{display:grid;align-items:center;gap:10px}.product-amount{display:grid;grid-template-columns:1fr 1fr 1fr;align-items:center;width:150px}.product-modal{display:grid;padding:15px;width:275px;min-height:500px;background:#fff;border:1px solid #333}.product-modal-background{position:fixed;inset:0 0 40px;z-index:1;min-height:100dvh;width:380px;display:grid;align-items:center;justify-content:center;background:#fff}.product-name{grid-area:product}.product-price{grid-area:price;text-align:end}.product-quantity{grid-area:quantity}.product-quantity-confirmation{grid-area:delete;text-align:start}.product-select{grid-area:select;padding:10px;width:70px;border:1px solid #333;border-radius:40px;background-color:#fff;font-family:Google Sans Code;font-size:1em;text-align:center}.product-option-number{font-size:1em}.order-card{display:grid;grid-template-columns:1fr auto;grid-template-rows:auto auto;grid-template-areas:"product product product price" "delete . quantity select";gap:5px;border-top:1px solid #999;padding-bottom:10px;padding-top:10px;align-items:center;justify-content:flex-end}.order-card-confirmation{display:grid;grid-template-columns:1fr auto}.order-form{display:grid;gap:5px;padding:10px}.create-user-button{background-color:inherit;border:none;text-decoration:underline;font-family:Google Sans Code;font-size:1em;text-align:start;width:100%;padding:0}.text-align-center{text-align:center}.text-align-end{text-align:end}.pointer{cursor:pointer}.underscore{text-decoration:underline}.border{border:1px solid #333}.no-margin{margin:0}.change-amount{width:25px;padding:5px;border:1px solid #333;border-radius:50%}.change-amount-cart{width:20px}.amount-number{font-size:1.5em}.delete-icon{grid-area:delete;width:20px;padding:5px;border:1px solid #333;border-radius:50%}