#cards{border:none; background:transparent;}
#redstar,#orangetriangle,#yellowcircle,#turquoisewaves,#bluecross{
	width: clamp(48px, 48mm, calc(48vw / 3));
	height: clamp(67px, 67mm, calc(67vw / 3));
	margin: 4ch 0;
	background-image: url("data:image/svg+xml;utf8,<svg viewBox='0 0 150 140' xmlns='http://www.w3.org/2000/svg' > <style>%23cardc{fill:%23ffd;stroke-width:1;stroke:%23000}text{font-size:12px;}%23cardst,%23cardtr,%23cardcc,%23cardwv,%23cardcr{fill:none;stroke-width:2;}%23cardst{stroke:%23fe0000;}%23cardtr{stroke:%23ff8000;}%23cardcc{stroke:%23ffbf00;}%23cardwv{stroke:%2300ffbf;stroke-linecap:round;}%23cardcr{stroke:%23094cf6;} </style> <defs>  <symbol id='cardc' ><rect width='48' height='68' x='1' y='1' rx='5' /></symbol>  <path id='cardsp' d='m 0 0 c 0 -1.35 0.9 -2.25 2.25 -2.25 c 1.8 0 3.15 1.8 3.15 3.15 c 0 2.25 -2.25 4.05 -4.5 4.05 c -2.7 0 -4.95 -2.7 -4.95 -5.85 c 0 -3.6 3.6 -6.3 7.2 -6.3 c 4.5 0 7.2 2.7 7.2 6.3 c 0.9 3.6 -1.8 7.2 -7.2 27' />  <path id='cardwvln' d='m 0 0 l -10 33' /> </defs> <g id='cardst' transform='translate(000 00)' >  <use href='%23cardc' />  <path d='m 25 18 l -10.3509 31.857 l 27.0987 -19.6884 h -33.495 l 27.0987 19.6884 z' /> </g> <g id='cardtr' transform='translate(050 00)' >  <use href='%23cardc' />  <polygon points='6,20 44,20 25,54' width='35' height='35' /> </g> <g id='cardcc' transform='translate(100 00)' >  <use href='%23cardc' />  <circle cx='25' cy='35' r='18' /> </g> <g id='cardwv' transform='translate(000 70)' >  <use href='%23cardc' />  <use href='%23cardsp' x='9' y='24' />  <use href='%23cardwvln' x='30' y='18' />  <use transform='rotate(180 20.5 22.5)' href='%23cardsp' /> </g> <g id='cardcr' transform='translate(050 70)' >  <use href='%23cardc' />  <line x1='25' y1='17' x2='25' y2='53' />  <line x1='7' y1='35' x2='42' y2='35' /> </g> <g transform='translate(100 70)' >  <use href='%23cardc' />  <text x='1.25' y='40' >dfzc-back</text> </g></svg>");
	background-size: 300%;
	background-repeat:no-repeat;}
#redstar{background-position: 0 0;}
#orangetriangle{background-position: 50% 0;}
#yellowcircle{background-position: 100% 0;}
#turquoisewaves{background-position: 0 100%;}
#bluecross{background-position: 50% 100%;}