#belongings {
	.equipment {
		flex: 1 1 auto;

		h3 {
			width: 100%;
			margin-bottom: 1mm;
		}

		> div {
			display: flex;
			position: relative;
		}

		table {
			width: 50%;

			&:first-child tbody td:last-child {
				border-right: 0.3mm solid grey;
			}
		}

		th {
			text-align: center;
		}

		td {
			font-weight: 400;

			&.name, &.where {
				text-overflow: ellipsis;
				overflow: hidden;
				padding: 0 1mm;
			}
		}

		th, td {
			&:nth-child(2n) {
				background: rgba(0, 0, 0, 0.1);
			}

			&.name {
				width: 34mm;
				max-width: 34mm;
			}

			&.amount {
				width: 4mm;
			}

			&.price, &.weight {
				width: 8mm;
			}

			&.amount, &.price, &.weight {
				text-align: center;
			}

			&.where {
				width: 18mm;
				max-width: 18mm;
			}
		}

		.total {
			display: flex;
			height: 9mm;
			text-align: center;

			label {
				display: block;
				width: 32mm;
				font: bold 10px/9mm "Alegreya SC";
				color: black;
				padding: 0;
			}

			span {
				display: block;
				width: 14mm;
				font: bold 18px/9mm Alegreya Sans;

				&:nth-child(3) {
					background: rgba(0, 0, 0, 0.1);
				}
			}
		}
	}

	.fill {
		flex: 1 1 auto;
	}

	.purse {
		display: flex;
		flex-direction: column;
		width: 44mm;
		margin-left: 4mm;
		flex: none;

		h3 {
			margin-bottom: 4mm;
		}

		.top {
			.labelbox {
				margin-bottom: 2mm;
				flex-direction: row-reverse;
				align-items: flex-start;

				label {
					line-height: 4mm;
					font-style: 10px;
				}

				.box {
					width: 28mm;
					font: 500 10px/3.4mm Alegreya Sans;
					padding: 0 1mm;
				}

				&.money .box {
					height: 4mm;
				}

				&.specifics .box {
					height: 24mm;
				}
			}
		}

		.carrying-capacity {
			display: flex;
			justify-content: space-between;

			.left {
				h3 {
					margin: calc(1mm + 9px) 0 0;
				}

				p {
					display: block;
					font: italic 900 9px Alegreya Sans;
					margin-top: 0;
				}
			}

			.labelbox {
				flex-direction: column-reverse;
				justify-content: flex-end;

				label {
					margin-bottom: 1mm;
					text-align: left;
					font: bold 9px Alegreya Sans;
					width: 100%;
					flex: none;
				}

				.box {
					width: 14mm;
					height: 8mm;
					font: bold 21px/8mm Alegreya Sans;
					letter-spacing: 0.05em;
					text-align: center;
				}
			}
		}
	}

	.pet {
		.textbox {
			width: 100%;
		}

		.row {
			display: flex;
			margin-top: 2mm;

			div {
				flex: 1 1 100%;
				display: flex;

				span {
					flex: 1 1 100%;
				}
			}

			.name, .size, .type {
				.label {
					flex: none;
				}
			}

			.lp, .ae {
				flex-grow: 1.5;
			}

			.attack, .dp, .reach {
				flex-grow: 2;
			}
		}

		.pet-content {
			display: flex;
		}

		.left {
			flex: 1 1 100%;
			overflow: hidden;
		}

		.right {
			margin-left: 12mm;
			flex: none;

			.avatar-wrapper {
				border: 0.3mm solid black;
				background: none;
        padding: 0;
        width: 24mm;
        height: 24mm;

				> .avatar {
					width: calc(100% + 0.15mm);
				}

				&::after {
					display: none;
				}
			}

			.avatar-wrapper, .avatar {
				border-radius: 0;
			}
		}

		.label {
			font: bold 11px/3.8mm Alegreya;
			letter-spacing: 0;
			padding-right: 2mm;
		}

		.value {
			font: 500 11px/4mm Alegreya Sans;
		}

		.row.pet-actions,
		.row.pet-skills,
		.row.pet-specialabilities,
		.row.pet-notes {
			div {
				.label {
					flex: 0 0 auto;
				}

				.value {
					flex: 1 1 100%;
				}
			}
		}
	}
}
