<!DOCTYPE html>
<html lang="en">

<head>
	<meta charset="UTF-8">
	<title>Summer</title>
	<link href="css.css" rel="stylesheet" type="text/css" />
	<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
	<script src="https://code.jquery.com/ui/1.13.0/jquery-ui.min.js"></script>
	<link href="https://fonts.googleapis.com/css2?family=Roboto&display=swap" rel="stylesheet">
</head>

<body>
	<div class="inventory">
		<div class="innerInventory">
			<div class="sections">
				<div class="bag">
					<div class="bag-weight">
						<div class="bag-container">
							<label for="bag-weight">MOCHILA</label>
							<div class="weight-wrapper">
								<p id="left-weight">21.67<span>/ 100</span></p>
								<!-- <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
									<path
										d="M9.62971 3.36739C9.62971 3.8141 9.45796 4.24252 9.15224 4.5584C8.84652 4.87428 8.43188 5.05173 7.99952 5.05173C7.56717 5.05173 7.15252 4.87428 6.8468 4.5584C6.54108 4.24252 6.36933 3.8141 6.36933 3.36739C6.36933 2.92067 6.54108 2.49225 6.8468 2.17637C7.15252 1.86049 7.56717 1.68304 7.99952 1.68304C8.43188 1.68304 8.84652 1.86049 9.15224 2.17637C9.45796 2.49225 9.62971 2.92067 9.62971 3.36739ZM10.8238 5.05173C11.1097 4.53961 11.2601 3.95876 11.2599 3.36756C11.2597 2.77636 11.1089 2.19562 10.8227 1.68369C10.5365 1.17176 10.125 0.746674 9.6294 0.451131C9.13383 0.155587 8.57172 0 7.99952 0C7.42733 0 6.86521 0.155587 6.36965 0.451131C5.87408 0.746674 5.46252 1.17176 5.17631 1.68369C4.89011 2.19562 4.73933 2.77636 4.73914 3.36756C4.73895 3.95876 4.88934 4.53961 5.17522 5.05173H2.34765C2.15519 5.05169 1.96892 5.12202 1.82182 5.25026C1.67473 5.37851 1.5763 5.55639 1.54396 5.75242L0.011585 15.0163C-0.00834719 15.1372 -0.00250642 15.2611 0.0286994 15.3793C0.0599052 15.4976 0.115724 15.6074 0.192257 15.7011C0.268789 15.7948 0.364191 15.87 0.471799 15.9217C0.579406 15.9733 0.696626 16 0.815269 16H15.1846C15.3033 16 15.4206 15.9733 15.5283 15.9216C15.636 15.8699 15.7314 15.7946 15.808 15.7008C15.8845 15.607 15.9403 15.4971 15.9715 15.3788C16.0026 15.2604 16.0083 15.1364 15.9883 15.0155L14.4559 5.75158C14.4234 5.55556 14.3247 5.37776 14.1775 5.24967C14.0303 5.12158 13.8439 5.05146 13.6514 5.05173H10.8238Z"
										fill="#E2641A" />
								</svg> -->
							</div>
						</div>
						<hr>
					</div>
					<div class="invLeft">
					</div>
				</div>
				<div class="invMiddle">
					<input class="amount" placeholder="QTD" type="number" onKeyPress="if(this.value.length==9) return false;"
						maxlength="9" />

				</div>
				<div class="bag" id="bag-right">
					<div class="bag-weight">
						<div class="bag-container">
							<label for="bag-weight">PORTA MALAS</label>
							<div class="weight-wrapper">
								<p id="right-weight">21.67<span>/ 100</span></p>
								<!-- <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
									<path
										d="M9.62971 3.36739C9.62971 3.8141 9.45796 4.24252 9.15224 4.5584C8.84652 4.87428 8.43188 5.05173 7.99952 5.05173C7.56717 5.05173 7.15252 4.87428 6.8468 4.5584C6.54108 4.24252 6.36933 3.8141 6.36933 3.36739C6.36933 2.92067 6.54108 2.49225 6.8468 2.17637C7.15252 1.86049 7.56717 1.68304 7.99952 1.68304C8.43188 1.68304 8.84652 1.86049 9.15224 2.17637C9.45796 2.49225 9.62971 2.92067 9.62971 3.36739ZM10.8238 5.05173C11.1097 4.53961 11.2601 3.95876 11.2599 3.36756C11.2597 2.77636 11.1089 2.19562 10.8227 1.68369C10.5365 1.17176 10.125 0.746674 9.6294 0.451131C9.13383 0.155587 8.57172 0 7.99952 0C7.42733 0 6.86521 0.155587 6.36965 0.451131C5.87408 0.746674 5.46252 1.17176 5.17631 1.68369C4.89011 2.19562 4.73933 2.77636 4.73914 3.36756C4.73895 3.95876 4.88934 4.53961 5.17522 5.05173H2.34765C2.15519 5.05169 1.96892 5.12202 1.82182 5.25026C1.67473 5.37851 1.5763 5.55639 1.54396 5.75242L0.011585 15.0163C-0.00834719 15.1372 -0.00250642 15.2611 0.0286994 15.3793C0.0599052 15.4976 0.115724 15.6074 0.192257 15.7011C0.268789 15.7948 0.364191 15.87 0.471799 15.9217C0.579406 15.9733 0.696626 16 0.815269 16H15.1846C15.3033 16 15.4206 15.9733 15.5283 15.9216C15.636 15.8699 15.7314 15.7946 15.808 15.7008C15.8845 15.607 15.9403 15.4971 15.9715 15.3788C16.0026 15.2604 16.0083 15.1364 15.9883 15.0155L14.4559 5.75158C14.4234 5.55556 14.3247 5.37776 14.1775 5.24967C14.0303 5.12158 13.8439 5.05146 13.6514 5.05173H10.8238Z"
										fill="#E2641A" />
								</svg> -->
							</div>
						</div>
						<hr>
					</div>
					<div class="invRight">
					</div>
				</div>
			</div>
		</div>
	</div>
	</div>
	<img class="brush-top" src="./assets/brush-top.png" alt="">
	<img class="brush-bottom" src="./assets/brush-bottom.png" alt="">
	<script src="jquery.js"></script>
</body>

</html>