@media print {
	body,
	.cardlist {
		width: calc(63mm + 6mm) !important;
	}
	.card {
        padding: 3mm;
		width: calc(63mm + 6mm);
        height: calc(88mm + 6mm);
	}
	
	@page {
		size: calc(63mm + 6mm) calc(88mm + 6mm);
	}

	.card-left .front:after {
		bottom: calc(-16px + 3mm);
	}

	.card-left .front:after {
		width: calc(63mm + 3mm);
	}

	.card .backface .body,
	.card .back .body,
	.card .backface .line,
	.card .back .line {
		overflow: visible; 
	}

	.card .name {
		margin-left: calc(-10px - 3mm);
		margin-right: calc(-10px - 3mm);
		padding-left: calc(10px + 3mm);
		padding-right: calc(73px + 3mm);
	}
	.card .front .body[data-level="1/2"].creature .name,
	.card .front .body[data-level="1/4"].creature .name,
	.card .front .body[data-level="1/8"].creature .name {
		padding-left: calc(28px + 3mm);
	}
	.card-left .front .body:not([data-level="0"]).spell .name,
	.card-left .front .body:not([data-level=""]).ability .name,
	.card .front .body:not([data-level=""]).creature .name {
		padding-left: calc(25px + 3mm);
	}
	.card-left .front .body[data-level="10"] .name,
	.card-left .front .body[data-level="11"] .name,
	.card-left .front .body[data-level="12"] .name,
	.card-left .front .body[data-level="13"] .name,
	.card-left .front .body[data-level="14"] .name,
	.card-left .front .body[data-level="15"] .name,
	.card-left .front .body[data-level="16"] .name,
	.card-left .front .body[data-level="17"] .name,
	.card-left .front .body[data-level="18"] .name,
	.card-left .front .body[data-level="19"] .name,
	.card-left .front .body[data-level="20"] .name {
		padding-left: calc(35px + 3mm) !important;
	}
	.card .front .cr:not(:empty)::before {
		top: calc(1px + 3mm) ;
	}
	
	.card .front .action,
	.card .race .size,
	.card .race .speed {
		padding-left: calc(10px + 3mm);
		margin: 0 calc(-10px - 3mm);
	}
	.card .front .durationshort {
		padding-left: calc(10px + 3mm);
		margin-left: calc(-10px - 3mm);
	}
	.card .front .target,
	.card .front .conditions,
	.card .front .weight {
		padding-right: calc(10px + 3mm);
		margin-right: calc(-10px - 3mm);
	}
	.card .front .need {
		margin-left: calc(-10px - 3mm);
		margin-right: calc(-10px - 3mm);
		padding-left: calc(10px + 3mm);
		padding-right: calc(10px + 3mm);
	}
	.card .creature .name {
		padding-right: calc(85px + 3mm);
	}	
	.card .creature .str {
		padding-left: calc(10px + 3mm);
		margin-left: calc(-10px - 3mm);
	}
	.card .creature .hp {
		margin-left: calc(-10px - 3mm);
		margin-right: calc(-10px - 3mm);
		padding-left: calc(10px + 3mm);
		padding-right: calc(55px + 3mm);
	}
	.card .creature .prof
	{
		margin-right: calc(-10px - 3mm);
		padding-right: calc(10px + 3mm);
	}
	.card .text table {
		margin-left: calc(-10px - 3mm);
		margin-right: calc(-10px - 3mm);
	}
	.card table tr td:first-child,
	.card table tr th:first-child {
		padding-left: calc(10px + 3mm);
	}
	.card table tr td:last-child,
	.card table tr th:last-child {
		padding-right: calc(10px + 3mm);
	}


	.card .front .classes {
		top: calc(10px + 3mm);
		right: calc(10px + 3mm);
	}
}