#main-sheet {
	> .upper {
		flex: none;

		> .info {
			flex: 1 1 100%;
			display: flex;
			flex-wrap: wrap;
			align-content: flex-start;
			overflow: hidden;

			.name, .profession, .title, .characteristics, .other {
				width: 100%;
			}

			.family, .placeofbirth, .dateofbirth, .race, .haircolor, .eyecolor, .culture, .socialstatus {
				width: 50%;
			}

			.age, .gender, .size, .weight {
				width: 25%;
			}

			.name, .family, .dateofbirth, .race, .haircolor, .culture, .profession, .title, .characteristics, .otherinfo {
				.label {
					width: 80px;
				}
			}

			.placeofbirth, .age, .size, .eyecolor, .socialstatus {
				.label {
					width: 63px;
				}
			}

			.gender, .weight {
				.label {
					width: 58px;
				}
			}
		}

		> .ap-portrait {
			flex: none;
			width: 7.6cm;
			margin-left: 10px;
			display: flex;
			flex-wrap: wrap;

			> .labelbox {
				display: flex;
				height: 1cm;
				margin: 0.38cm 0 0;
				width: 4.4cm;

				&.el {
					width: 100%;

					.box {
						width: 4.4cm;
						font-size: 20px;
						font-weight: 400;
					}

					label {
						margin-left: 0;
						text-align: center;
					}
				}

				.box {
					font: bold 24px/9.6mm Alegreya Sans;
					text-align: center;
					width: 2cm;
				}

				label {
					margin-left: 10px;
				}
			}

			.portrait {
				width: 31.45mm;
				flex-direction: column;
				margin-left: 0.55mm;

				.box {
					width: 31.45mm;
					height: 37.6mm;

					img.avatar {
						@include size(100%);
						border-radius: 0;
						object-fit: cover;
					}
				}

				label {
					height: 8mm;
					line-height: 8mm;
				}
			}
		}
	}

	> .lower {
		margin-top: 22px;
		flex: 1 1 100%;

		> .lists {
			flex: 1 1 100%;
			display: flex;
			flex-direction: column;
			margin-right: 4mm;

			> .textbox {
				flex: 1 0 auto;

				> div {
					font: 400 16px Alegreya Sans;
					letter-spacing: 0;
					padding-top: 8px;
				}
			}
		}

		> .calculated {
			width: 76mm;
			flex: none;
			margin-top: 36px;

			> div.calc-header {
				margin-top: 5mm;
				justify-content: flex-end;
				height: auto;
				align-items: flex-end;
				margin-right: -2mm;

				> div {
					width: 8mm;
					font: bold 9px Alegreya Sans;
					margin-right: 2mm;
				}
			}

			> div {
				display: flex;
				justify-content: space-between;
				margin-bottom: 2mm;
				height: 13mm;

				> .label {
					span {
						display: block;
						font: italic 900 9px Alegreya Sans;

						&.sub {
							margin-top: 6px;
						}
					}
				}

				> .values {
					display: flex;
					flex-wrap: wrap;
					width: 41mm;
					align-content: flex-start;
					align-items: flex-start;
					margin-right: -3mm;

					> div {
						@include size(8mm);
						border: 0.3mm solid black;
						font: 21px/7.4mm Alegreya Sans;
						text-align: center;
						margin-right: 2mm;

						&:nth-child(4) {
							font-weight: bold;
						}

						&.sub {
							height: 4mm;
							line-height: 15px;
							font-size: 9px;
							margin-top: 1mm;
						}

						&.blocked {
							font: 24px/7.4mm Material;
						}
					}
				}

				&.fate {
					margin-top: 36px;
				}
			}
		}
	}
}

@import "MainSheetFatePoints";
