@font-face { font-family: 'poppins'; font-weight: 700; font-style: normal; src: url('../font/poppins-bold-webfont.woff2') format('woff2'),		url('../font/poppins-bold-webfont.woff') format('woff'),		url('../font/poppins-bold-webfont.ttf') format('truetype'),		url('../font/poppins-bold-webfont.svg#poppinsbold') format('svg'); }
@font-face { font-family: 'poppins'; font-weight: 500; font-style: normal; src: url('../font/poppins-semibold-webfont.woff2') format('woff2'),	url('../font/poppins-semibold-webfont.woff') format('woff'),	url('../font/poppins-semibold-webfont.ttf') format('truetype'),	url('../font/poppins-semibold-webfont.svg#poppinssemibold') format('svg'); }
@font-face { font-family: 'poppins'; font-weight: 400; font-style: normal; src: url('../font/poppins-regular-webfont.woff2') format('woff2'),	url('../font/poppins-regular-webfont.woff') format('woff'),		url('../font/poppins-regular-webfont.ttf') format('truetype'),	url('../font/poppins-regular-webfont.svg#poppinsregular') format('svg'); }

:root {
  --body:		#f7f8fa;
  --text:		#005061;
  --text_alt:	#7ca7ad;
  --positive:	#95be3c;
  --negative:	#ff4613;
  --warning:	#ffaa13;
  --back:		#ffffff;
  --line:		#c5d3d6;
  --disabled:	#eef3f6;
  
}


* 		{ margin:0px; padding:0px; border:0px; outline-style: none; vertical-align:top; }
*:focus { outline:none; }
html	{ scroll-behavior: smooth; font-family:'poppins', Arial, Helvetica, sans-serif; font-size:1.25vw; line-height:1.2em; font-weight:400; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; background:var(--body); color:var(--text); }
html	{ min-height:100vh; overflow:hidden; overflow-x:hidden; overflow-y:auto; width:100vw; }
html.jump { scroll-behavior:auto; }

.fl 	{ float:left  !important; }		.tar	{ text-align:right   !important; }		.vat	{ vertical-align:top    !important; }
.fr 	{ float:right !important; }		.tac	{ text-align:center  !important; }		.vam	{ vertical-align:middle !important; }
.cb 	{ clear:both  !important; }		.taj	{ text-align:justify !important; }		.vab	{ vertical-align:bottom !important; }
.cl 	{ clear:left  !important; }		.tal	{ text-align:left    !important; }
.cr 	{ clear:right !important; }

.hidden, #email { display:none !important; }

h1,h2,h3,h4,h5,h6 { font-family:inherit; font-weight:bold; color:inherit; margin:0 0 1.5em 0; padding:0; }
h1		{ font-size: 2rem; line-height:1.2em; }
h2		{ font-size: 2rem; line-height:1.2em; }
h3		{ font-size: 1.500rem; line-height:1.2em; }
h4		{ font-size: 1.333rem; line-height:1.2em; font-weight:normal; }
h5		{ font-size: 1.000rem; line-height:1.2em; margin-bottom:0.5rem; }
h6		{ font-size: 0.750rem; line-height:1.2em; margin-bottom:0.25rem; color:var(--text); }
h1.underline:after,
h2.underline:after,
h3.underline:after { content:''; display:block; width:4rem; height:0.5rem; margin-top:1rem; background:var(--positive); }
h1.tac:after,
h2.tac:after,
h3.tac:after { margin-left:auto; margin-right:auto; }


h1 > mark,
h2 > mark,
h3 > mark,
h4 > mark { background:none; font-size:inherit; line-height:inherit; margin:0; padding:0; color:var(--positive); }



a 			{ color:inherit; text-decoration:none; }
a:hover 	{ color:inherit; text-decoration:underline; } 
a[name]:empty { display:block; height:0; position:absolute; margin-top:-5rem; }


p 			{ margin:0 0 1rem 0; line-height:1.5em; }
p > a 		{ text-decoration:underline;  }
p:empty		{ display:none !important; }
hr 			{ display:block; width:100%; height:0; margin:1rem 0 1rem; border-bottom:1px solid var(--line); }
mark		{ display:inline-block; line-height:1.5rem; height:1.5rem; padding:0 1rem; font-size:0.75rem; border-radius:0.75rem; white-space:nowrap; background:var(--text); color:#fff; }
mark.warning	{ background-color:var(--warning); }
mark.positive	{ background-color:var(--positive); }
mark.negative	{ background-color:var(--negative); }


table td {  padding:0 15px 10px; }
table td:first-child { padding-left:0; }
table td:last-child { padding-right:0; }
table td.null { color:#999; }


#body .wrapper { width:74rem; margin:0 auto; }
#body .wrapper_auto { max-width:max-content; }

#body label,
#body input,
#body textarea,
#body select		{ display:inline-block; font-family: inherit; font-size:inherit; color:var(--text_alt); background:var(--back); border:none; height:3rem; padding:0 1rem; width:calc(100% - 2rem); line-height:3rem;  border-radius:0; margin:0 0 1.5rem; }
#body textarea		{ min-height:3rem; resize:vertical; }
#body label			{ width:100%; border:none; padding:1px 0; background:none; font-weight:normal; margin-left:0; }
#body select		{ padding:0 3rem 0 0; width:calc(100% - 3rem); text-indent:0.5rem; cursor:pointer; -webkit-appearance: none; appearance: none; box-sizing: content-box; text-overflow:ellipsis; }
#body select		{ background-image:url("data:image/svg+xml;utf-8,<svg xmlns='http://www.w3.org/2000/svg' width='12' height='12'><path fill='rgb(149,190,60)' d='m11.3 3.3c0.4 0.4 0.4 1 0 1.4l-4.6 4.6c-0.4 0.4-1 0.4-1.4 0l-4.6-4.6c-0.4-0.4-0.4-1 0-1.4 0.4-0.4 1-0.4 1.4 0l3.9 3.9 3.9-3.9c0.4-0.4 1-0.4 1.4 0z'/></svg>"); background-size:1rem 1rem; background-position:right 1rem top 1rem; background-repeat:no-repeat; }
#body select:hover	{ background-image:url("data:image/svg+xml;utf-8,<svg xmlns='http://www.w3.org/2000/svg' width='12' height='12'><path fill='rgb(  0, 80,97)' d='m11.3 3.3c0.4 0.4 0.4 1 0 1.4l-4.6 4.6c-0.4 0.4-1 0.4-1.4 0l-4.6-4.6c-0.4-0.4-0.4-1 0-1.4 0.4-0.4 1-0.4 1.4 0l3.9 3.9 3.9-3.9c0.4-0.4 1-0.4 1.4 0z'/></svg>"); background-size:1rem 1rem; background-position:right 1rem top 1rem; background-repeat:no-repeat; }
#body select::-ms-expand { display: none; }
#body select:-moz-focusring { color: transparent; text-shadow: 0 0 0 var(--text_alt); }
#body select::-moz-focus-inner { border:0; }
option { font-weight: normal; line-height:2em; }
option:not(:checked) { color: black; }


#body input[type="checkbox"], 						#body input[type="radio"]							{ display:none; }
#body input[type="checkbox"] + label, 				#body input[type="radio"] + label					{ position:relative; padding:0 0 0 1.5rem; min-height:1.33rem; height:auto; display:inline-block; width:auto; margin:0 0 0.5rem 0; line-height:1.33rem; font-size:inherit; cursor:pointer; text-align:left; margin-bottom:0; }
#body input[type="checkbox"] + label:before, 		#body input[type="radio"] + label:before,
#body input[type="checkbox"] + label:after,			#body input[type="radio"] + label:after				{ content:""; display:block; position:absolute; left:0; top:0; width:1rem; height:1rem; color:var(--line); font-family:'icomoon'; line-height:1.1rem; opacity:0; transition:opacity 0.3s, color 0.3s; font-style:normal !important; }
#body input[type="checkbox"]:hover + label:before,	#body input[type="radio"]:hover + label:before		{ color:var(--positive); }
#body input[type="checkbox"] + label:before,		#body input[type="radio"] + label:before 			{ opacity:1; }
#body input[type="checkbox"]:checked + label:after,	#body input[type="radio"]:checked + label:after 	{ opacity:1; }
#body input[type="checkbox"] + label:before 	{ content:"\2610"; }
#body input[type="checkbox"] + label:after 		{ content:"\2611"; color:var(--positive); }
#body input[type="radio"] + label:before 		{ content:"\25cb"; }
#body input[type="radio"] + label:after 		{ content:"\25c9"; color:var(--positive); }

#body input[type="checkbox"].negative + label:before			{ content:"\2611"; color:var(--text_alt); }
#body input[type="checkbox"].negative + label:after 			{ content:"\2612"; color:var(--negative); }
#body input[type="checkbox"].negative:hover + label:before 		{ color:var(--negative); }
#body input[type="checkbox"].negative:checked + label:before 	{ opacity:0; }

#body input[type="checkbox"].positive + label:before			{ content:"\2612"; color:var(--text_alt); }
#body input[type="checkbox"].positive + label:after 			{ content:"\2611"; color:var(--positive); }
#body input[type="checkbox"].positive:hover + label:before 		{ color:var(--positive); }
#body input[type="checkbox"].positive:checked + label:before 	{ opacity:0; }



#body input + input,
#body .button + .button,
#body .button + input, 
#body input + .button,
#body input[type="checkbox"] + label + input[type="checkbox"] + label,
#body input[type="radio"] + label + input[type="radio"] + label { margin-left:2rem; }

#body input[type="date"] 		{ width:9em; padding-right:3em; cursor:pointer; }
#body input[type="date"]		{ background-image:url("data:image/svg+xml;utf-8,<svg xmlns='http://www.w3.org/2000/svg' width='18' height='20'><path fill='rgb(149,190,60)' fill-rule='evenodd' d='m18 4v14c0 1.1-0.9 2-2 2h-14c-1.1 0-2-0.9-2-2v-14c0-1.1 0.9-2 2-2h1v-2h2v2h8v-2h2v2h1c1.1 0 2 0.9 2 2zm-2 3h-14v11h14zm-2 4h-2v-2h2zm-8 0h-2v-2h2zm4 0h-2v-2h2z'/></svg>"); background-size:1rem 1rem; background-position:right 1rem top 1rem; background-repeat:no-repeat; }
#body input[type="date"]:hover	{ background-image:url("data:image/svg+xml;utf-8,<svg xmlns='http://www.w3.org/2000/svg' width='18' height='20'><path fill='rgb(  0, 80,97)' fill-rule='evenodd' d='m18 4v14c0 1.1-0.9 2-2 2h-14c-1.1 0-2-0.9-2-2v-14c0-1.1 0.9-2 2-2h1v-2h2v2h8v-2h2v2h1c1.1 0 2 0.9 2 2zm-2 3h-14v11h14zm-2 4h-2v-2h2zm-8 0h-2v-2h2zm4 0h-2v-2h2z'/></svg>"); background-size:1rem 1rem; background-position:right 1rem top 1rem; background-repeat:no-repeat; }

#body input[list] 				{ background-image:url("data:image/svg+xml;utf-8,<svg xmlns='http://www.w3.org/2000/svg' width='18' height='18'><path fill='rgb(149,190,60)' fill-rule='evenodd' d='m16.7 15.3c0.4 0.4 0.4 1 0 1.4-0.4 0.5-1 0.5-1.5 0l-4.2-4.2v-0.8l-0.3-0.3c-1.4 1.2-3.3 1.8-5.3 1.5-2.8-0.5-5-2.8-5.4-5.6-0.5-4.2 3.1-7.8 7.3-7.3 2.8 0.4 5.1 2.6 5.6 5.4 0.3 2-0.3 3.9-1.5 5.3l0.3 0.3h0.8zm-5.7-8.8c0-2.5-2.1-4.5-4.5-4.5-2.5 0-4.5 2-4.5 4.5 0 2.5 2 4.5 4.5 4.5 2.4 0 4.5-2 4.5-4.5z'/></svg>"); background-size:1rem 1rem; background-position:right 1rem top 1rem; background-repeat:no-repeat; }
#body input[list]:hover 		{ background-image:url("data:image/svg+xml;utf-8,<svg xmlns='http://www.w3.org/2000/svg' width='18' height='18'><path fill='rgb(  0, 80,97)' fill-rule='evenodd' d='m16.7 15.3c0.4 0.4 0.4 1 0 1.4-0.4 0.5-1 0.5-1.5 0l-4.2-4.2v-0.8l-0.3-0.3c-1.4 1.2-3.3 1.8-5.3 1.5-2.8-0.5-5-2.8-5.4-5.6-0.5-4.2 3.1-7.8 7.3-7.3 2.8 0.4 5.1 2.6 5.6 5.4 0.3 2-0.3 3.9-1.5 5.3l0.3 0.3h0.8zm-5.7-8.8c0-2.5-2.1-4.5-4.5-4.5-2.5 0-4.5 2-4.5 4.5 0 2.5 2 4.5 4.5 4.5 2.4 0 4.5-2 4.5-4.5z'/></svg>"); background-size:1rem 1rem; background-position:right 1rem top 1rem; background-repeat:no-repeat; }

#body #target_main input[type="number"]::-webkit-outer-spin-button, 
#body #target_main input[type="number"]::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; }
#body #target_main input[type="number"] { width:4rem; text-align:right; -moz-appearance: textfield; padding-right:2rem; }

#body #target_main input[type="number"]+label.inc,
#body #target_main input[type="number"]+label.inc+label.dec { display:inline-block; position:relative; width:1.5rem; height:1.5rem;  margin:0 0 0 -1.5rem; padding:0; background:#fff; color:var(--text_alt); text-align:center; line-height:1.5rem; user-select: none; cursor:pointer; font-weight:bold; user-grab:none; }
#body #target_main input[type="number"]+label.inc+label.dec { margin-top:1.5rem; line-height:1.5rem; }
#body #target_main input[type="number"]+label.inc:hover  { z-index:100; color:var(--positive); }
#body #target_main input[type="number"]+label.inc+label.dec:hover { z-index:100; color:var(--negative); }
#body #target_main input[type="number"][disabled]+label.inc,
#body #target_main input[type="number"][disabled]+label.inc+label.dec { background:var(--disabled); color:var(--text_alt); pointer-events:none; }



#body input.invalid, #body textarea.invalid, #body select.invalid,
#body input:invalid, #body textarea:invalid, #body select:invalid { color:var(--negative); }
#body label.invalid, #body input[type="checkbox"].invalid + label, 
#body input[type="radio"].invalid + label	{ color:var(--negative); }
#body input[type="checkbox"].invalid + label:before,
#body input[type="radio"].invalid + label:before { border-color:var(--negative); }
#body input.invalid,
#body input:invalid,
#body select.invalid { box-shadow:0.2rem 0.5rem 1rem rgba(255,70,19,0.3); color:var(--negative); }

/*
#body input[type="checkbox"] + label.button, 
#body input[type="radio"] + label.button {  }

#body input[type="checkbox"] + label.button, 
#body input[type="radio"] + label.button { display:inline-block; font-family: inherit; font-size:inherit; color:var(--input-text); background:var(--input-back); border:1px solid var(--input-line); height:3rem; padding:0 1rem; width:calc(100% - 2rem - 2px); line-height:3rem;  border-radius:0.2rem; margin:0 0 1rem; transition:color 0.3s, background-color 0.3s, border-color 0.3s; box-shadow:none; }
#body input[type="checkbox"] + label.button:before,
#body input[type="checkbox"] + label.button:after,
#body input[type="radio"] + label.button:before,
#body input[type="radio"] + label.button:after { display:none; content:none; }
*/

#body .button, 					
#body input[type="submit"],					
#body button { font-size:1rem; font-weight:bold; color:var(--back) !important; background-color:var(--positive) !important; border:none; display:inline-block;  padding:0.6rem 1.5rem; height:auto; min-height:1.2rem; line-height:1.2rem; width:max-content; font-weight:bold; text-align:center; box-sizing: content-box; cursor:pointer; text-decoration: none; font-style:normal; white-space:nowrap; transition:color 0.3s, background-color 0.3s, border-color 0.3s; cursor:pointer; text-transform:uppercase; }

#body .button.alt, 					
#body input[type="submit"].alt,					
#body button.alt { color:var(--back) !important; background-color:var(--text_alt) !important; }

#body .button.negative, 					
#body input[type="submit"].negative,					
#body button.negative { color:var(--back) !important; background-color:var(--negative) !important; }

#body .button.border, 					
#body input[type="submit"].border,
#body button.border { padding:0.5rem; border:2px solid var(--positive) !important; background-color:var(--back) !important; color:var(--positive) !important; }

#body .button:hover, 			
#body input[type="submit"]:hover,			
#body button:hover,				
#body a:hover .button,
#body input[type="checkbox"] + label.button:hover, 
#body input[type="radio"] + label.button:hover 				{ color:var(--back) !important; background-color:var(--text) !important; border-color:var(--text) !important; text-decoration: none; }

#body .button.border:hover, 					
#body input[type="submit"].border:hover,
#body button.border:hover { color:var(--text) !important; background-color:var(--back) !important; }

#body .button.round { border-radius:1.2rem; }

/*
#body input[type="checkbox"]:checked + label.button, 
#body input[type="radio"]:checked + label.button 			{ background:#fff !important; color:#000 !important; }
*/
#body .button[disabled], 					
#body input[type="submit"][disabled],					
#body button[disabled],
#body input[readonly],
#body textarea[readonly],
#body input[disabled],
#body textarea[disabled],
#body select[disabled],
#body input[readonly]:hover,
#body textarea[readonly]:hover,
#body input[disabled]:hover,
#body textarea[disabled]:hover,
#body select[disabled]:hover { background-color:var(--disabled) !important; color:var(--text_alt) !important; cursor:default; }
#body input[disabled][type="checkbox"]+label,
#body input[disabled][type="radio"]+label { cursor:default; color:var(--text_alt) !important; }
#body input[disabled][type="checkbox"]+label:before, 
#body input[disabled][type="radio"]+label:before,
#body input[disabled][type="checkbox"]+label:after, 
#body input[disabled][type="radio"]+label:after { color:var(--text_alt) !important;  }
#body select[disabled]				{ background-image:url("data:image/svg+xml;utf-8,<svg xmlns='http://www.w3.org/2000/svg' width='12' height='12'><path fill='rgb(124,169,174)' d='m11.3 3.3c0.4 0.4 0.4 1 0 1.4l-4.6 4.6c-0.4 0.4-1 0.4-1.4 0l-4.6-4.6c-0.4-0.4-0.4-1 0-1.4 0.4-0.4 1-0.4 1.4 0l3.9 3.9 3.9-3.9c0.4-0.4 1-0.4 1.4 0z'/></svg>"); background-size:1rem 1rem; background-position:right 1rem top 1rem; background-repeat:no-repeat; }
#body input[type="date"][disabled]	{ background-image:url("data:image/svg+xml;utf-8,<svg xmlns='http://www.w3.org/2000/svg' width='18' height='20'><path fill='rgb(124,169,174)' fill-rule='evenodd' d='m18 4v14c0 1.1-0.9 2-2 2h-14c-1.1 0-2-0.9-2-2v-14c0-1.1 0.9-2 2-2h1v-2h2v2h8v-2h2v2h1c1.1 0 2 0.9 2 2zm-2 3h-14v11h14zm-2 4h-2v-2h2zm-8 0h-2v-2h2zm4 0h-2v-2h2z'/></svg>"); background-size:1rem 1rem; background-position:right 1rem top 1rem; background-repeat:no-repeat; }

#body select.empty { color:var(--text_alt) !important; }

#body label .showpass { float:right; text-decoration:none; cursor:pointer; transition:color 0.3s; }
#body label .showpass:hover { color:var(--text); }
#body label .showpass.visible:before { content:"\2b2c"; }


/*
#body .button.frame, 			#body input[type="submit"].frame,			#body button.frame 															{ color:#fff !important; background:#000 !important; border:1px solid #fff !important; mix-blend-mode: screen; box-shadow:none; }
#body .button.frame:hover, 		#body input[type="submit"].frame:hover,		#body button.frame:hover,		#body a:hover.frame .button 				{ color:#000 !important; background:#fff !important; }
#body .button.disabled, 		#body input[type="submit"].disabled,		#body button.disabled,			#body input[type="submit"][disabled],		
#body .button.disabled:hover, 	#body input[type="submit"].disabled:hover,	#body button.disabled:hover,	#body input[type="submit"][disabled]:hover	{ color:#fff !important; background-color:#d2e7f7 !important; border-color:#bbbbbb; cursor:default; }
*/
/*
main ul {  }
main ul > li { display:block; position:relative; padding-left:1rem; margin-bottom:0.5rem; }
main ul > li:before { content:''; width:0.5rem; height:0.5rem; position:absolute; left:0; top:0.5rem; background:var(--c0); line-height:inherit; border-radius:1rem; }
*/

#body input,
#body textarea,
#body select,
#body .shadow { box-shadow:0.2rem 0.5rem 1rem rgba(0,0,0,0.15); }
/*
#body .button, 					
#body input[type="submit"],					
#body button,
*/

#body .copy { cursor:copy; }
#body .copy.copied { text-decoration:underline; text-decoration-style:wavy; cursor:text; }



svg.html_donut { display:inline-block; margin:0 auto; max-width:100%; width:100%;  }
svg.html_donut path { /*pointer-events: none;*/ }
svg.html_donut line { stroke:var(--body); visibility:hidden; }
svg.html_donut text { fill:var(--body); font-size:0.75rem; z-index:10; text-anchor:middle; dominant-baseline:middle; opacity:0; font-weight:500; }
svg.html_donut text[dy] { fill:var(--text); }

svg.html_donut.animated path { animation: svg_donut_path 2.00s linear forwards 1; }
svg.html_donut.animated line { animation: svg_donut_line 1.00s linear forwards 1; }
svg.html_donut.animated text { animation: svg_donut_text 0.25s linear forwards 1; }

@keyframes svg_donut_path { to { stroke-dashoffset: 0; }}
@keyframes svg_donut_line { from { transform:rotate(0); visibility:visible; } to { visibility:visible; }}
@keyframes svg_donut_text { from { transform:scale(150%); } to { opacity:1; }}

div.html_rows { display:inline-flex; gap:0; position:relative; margin-right:2rem; border-top:1px solid var(--text); width:0; }
div.html_rows > ul,
div.html_rows > aside { display:block; position:relative; min-width:10rem; flex-grow:2; }
div.html_rows > aside > span { display:block; position:absolute; left:0; top:0; bottom:-0.5rem; border-left:1px solid var(--line); }
div.html_rows > aside > span > em { position:absolute; width:4rem; top:100%; left:-2rem; text-align:center; color:var(--line); font-style:normal; }
div.html_rows > aside > span:nth-child(2) { left:20%; }
div.html_rows > aside > span:nth-child(3) { left:40%; }
div.html_rows > aside > span:nth-child(4) { left:60%; }
div.html_rows > aside > span:nth-child(5) { left:80%; }
div.html_rows > aside > span:nth-child(6) { left:100%; }
div.html_rows > ul { white-space:nowrap; min-width:max-content; padding-bottom:1px; visibility:hidden; }
div.html_rows > aside { flex-grow:10; margin-right:1rem; visibility:hidden; }
div.html_rows > ul > li,
div.html_rows > aside > mark { display:block; height:1.5rem; line-height:1.5rem; margin:0; padding:0; }
div.html_rows > ul > li { border-top:1px solid var(--line); padding:0 1.5rem 0 0.5rem; margin-bottom:-1px; height:0; overflow:hidden; text-align:left; position:relative; }
div.html_rows > ul > li[data-percent]:after { content:attr(data-percent)"%"; position:absolute; right:1rem; color:var(--text_alt); }
div.html_rows > ul > li:nth-child(2n-1) { background-color:var(--back); }
div.html_rows > ul > li:first-child { border-top:0; }
div.html_rows > aside > mark { position:relative; height:1.2rem; margin:0.15rem 0 calc(0.3rem + 1px) -0.65rem; padding-left:0.65rem; border-radius:1.2rem; border-top-right-radius:0; border-bottom-right-radius:0; font-style:normal; opacity:0;}
/*div.html_rows > aside:after { content:''; display:block; position:absolute; bottom:0.15rem; margin-bottom:-2px; left:0; right:-1rem; border-bottom:1px solid var(--line); } */
div.html_rows > aside > mark > em { color:var(--text); position:absolute; left:100%; padding-left:0.25em; line-height:1.3rem; font-style:normal; font-weight:500; }
div.html_rows > ul:after { content:'t CO₂e'; display:block; position:absolute; top:100%; left:0; margin-top:0.5rem;  padding-left:0.5rem; color:var(--line); }
div.html_rows > span { display:block; position:absolute; bottom:-2rem; line-height:2rem; height:2rem; left:0; width:0; color:var(--text_alt); border-top:1px solid var(--line); visibility:hidden; text-indent:0.5rem; overflow:hidden; }
div.html_rows > span > span { display:block; position:absolute; right:0; top:0; }

div.html_rows.animated { animation: html_width 0.3s ease forwards 1;  }
div.html_rows.animated > ul > li { animation: html_rows_li 0.3s ease forwards 1;  }
div.html_rows.animated > aside { animation: 1s html_rows_aside 0.3s ease forwards 1;  }
div.html_rows.animated > aside > mark { animation: html_rows_mark 2s ease forwards 1;  }
div.html_rows.animated > span { animation: html_width 1s ease forwards 1; }

@keyframes html_rows_aside { from { height:0; visibility:visible; } to { visibility:visible; }}
@keyframes html_rows_li { from { visibility:visible; } to { height: calc(1.5rem + 1px); visibility:visible; }}
@keyframes html_rows_mark { from { width:0; opacity:0; } 20% { opacity:1; width:0; } to { opacity:1; }}


div.html_table > ul { width:0%; }
div.html_table > ul > li { border-top:1px solid var(--line); margin-bottom:-1px; height:0; overflow:hidden; }
div.html_table > ul > li span { display:inline-block; box-sizing:border-box; padding:0.15rem 0.5rem; line-height:1.2rem; white-space:nowrap; }	
div.html_table > ul > li span.italic { font-style:italic; }
div.html_table > ul > li:nth-child(2n-1){ background-color:var(--back); }
div.html_table > ul > li.border { border-top-color: var(--text); }
div.html_table > ul > li.bold { font-weight:700; }
div.html_table > ul > li.semibold { font-weight:500; }
div.html_table > ul > li:last-child { border-bottom:1px solid var(--text); }	
div.html_table > ul > li:first-child { border-top:none; background:none; }	
div.html_table > ul > li.footer { border-bottom:none; background:none; color:var(--text_alt); border-top:1px solid var(--text);}

div.html_table.animated > ul { animation: html_width 0.3s ease forwards 1; }
div.html_table.animated > ul > li { animation: 0.5s html_rows_li 0.3s ease forwards 1; }

@keyframes html_width { from { visibility:visible; } to { width: 100%; visibility:visible; }}


div.html_columns { white-space:nowrap; padding:0; height:280px; width:100%; overflow:hidden; }
div.html_columns > div { position:relative; width:calc(100% - 6rem); margin-left:-100%; height:calc(100% - 2rem); display:flex; flex-wrap: nowrap; justify-content:space-between; align-items:flex-end; border-bottom:1px solid var(--text); padding:0 4rem 0 2rem; gap:15%; margin-top:1rem; }
div.html_columns > div > span { position:absolute; left:0; bottom:0%; width:100%; border-top:1px solid var(--line); visibility:hidden; }
div.html_columns > div > span > em { font-style:normal; background:var(--body); color:var(--line); position:absolute; right:0; padding-left:0.5rem; top:-0.5rem; line-height:1rem; font-size:0.75rem; }
div.html_columns > div > mark { border-radius:0; vertical-align:bottom; width:2rem; text-align:center; position:relative; z-index:2; flex-grow:1; visibility:hidden; }
div.html_columns > div > mark > em { position:absolute; top:0.25rem; left:0; width:100%; text-align:center; color:var(--line); line-height:1rem; font-size:0.75rem; }
div.html_columns > div > mark.outer > em { top:-1rem; color:var(--text); }
div.html_columns > div > mark[data-label]:after { content:attr(data-label); position:absolute; top:100%; left:-2rem; width:calc(100% + 4rem); text-align:center; line-height:1rem; font-size:0.75rem; line-height:1rem; color:var(--text); white-space:pre; margin-top:0.25rem; }
div.html_columns > div:after { content:'t CO₂e'; position:absolute; right:0; bottom:-1.25rem; font-size:0.75rem; line-height:1rem; color:var(--line); }
div.html_columns > div[data-unit]:after,
div.html_columns > div > mark > em[data-unit]:after { content:attr(data-unit); }

div.html_columns.animated > div { animation: html_columns_bottom 0.5s ease forwards 1; }
div.html_columns.animated > div > span { animation: 0.5s html_columns_lines 1s linear forwards 1; }
div.html_columns.animated > div > span:nth-child(1) { bottom: 20%; animation-duration:0.2s; }
div.html_columns.animated > div > span:nth-child(2) { bottom: 40%; animation-duration:0.4s; }
div.html_columns.animated > div > span:nth-child(3) { bottom: 60%; animation-duration:0.6s; }
div.html_columns.animated > div > span:nth-child(4) { bottom: 80%; animation-duration:0.8s; }
div.html_columns.animated > div > span:nth-child(5) { bottom:100%; animation-duration:1.0s; }
div.html_columns.animated > div > mark { animation: html_columns_rects 1s ease forwards 1; }

@keyframes html_columns_bottom { to { margin-left:0; }}
@keyframes html_columns_lines { from { bottom:0; visibility:hidden; } 1% { visibility:visible; } to { visibility:visible; }}
@keyframes html_columns_rects { from { height:0; visibility:hidden; } 1% { visibility:visible; } to { visibility:visible; }}

div.html_compare { }
div.html_compare > ul { display:flex; flex-wrap: nowrap; justify-content:space-evenly; } 
div.html_compare > ul > li { display:block; width:14rem; transform:translateX(100vw); }
div.html_compare > ul > li > mark { display:block; font-size:4rem; line-height:1em; height:1em; width:100%; margin:0 0 0.2em; padding:0; color:var(--positive); text-align:center; font-family:'icomoon'; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; border-radius:0; background:none; }
div.html_compare > ul > li > span { display:block; height:2.6rem; line-height:1.3rem; text-align:center; white-space:pre; }
div.html_compare > ul > li > strong { display:block; font-size:3rem; line-height:4.5rem; height:3.9rem; color:var(--text); text-align:center; white-space:nowrap; }
div.html_compare.small > ul > li > strong { font-size:2.4rem; }

div.html_compare.animated > ul > li { animation: html_compare_li 1s ease forwards 1; }
@keyframes html_compare_li { to { transform:translateX(0); }}

div.html_boxes > ul { display:block; text-align:center; } 
div.html_boxes > ul > li { border:3px solid var(--line); display:inline-block; padding:2rem; width:16rem; height:11rem; height:9rem; visibility:hidden; }
div.html_boxes > ul > li + li { margin-left:2rem; }
div.html_boxes > ul > li > span { display:block; height:2.6rem; line-height:1.3rem; text-align:center; white-space:pre; margin-bottom:0.5rem; }
div.html_boxes > ul > li > strong { display:block; font-size:3rem; line-height:1.5em; height:2em; color:var(--text); text-align:center; white-space:nowrap; }
div.html_boxes > ul > li > strong:after { display:block; content:attr(data-unit)' CO₂e'; font-size:1rem; line-height:1rem; color:var(--text_alt); font-weight:normal; }
div.html_boxes > ul > li > mark { display:block; position:relative; margin:0 auto; width:max-content; border-radius:0; background:none; }
div.html_boxes > ul > li > mark > span { display:inline-block; position:relative; width:3.5rem; height:2rem;  overflow:hidden; }
div.html_boxes > ul > li > mark > span > em { border-radius:1em; border:3px solid var(--warning); width:6px; height:6px; position:absolute; top:1rem; margin-left:calc(-6px - 3rem); margin-top:-5px; background:var(--body); visibility:hidden; }
div.html_boxes > ul > li > mark > span:before { content:''; width:3rem; position:absolute; left:0; top:1rem; border-bottom:3px solid var(--warning); }
div.html_boxes > ul > li > mark > span:nth-child(2) { width:3rem; }
div.html_boxes > ul > li > mark > span:nth-child(1):before { left:0.5rem; border-color:var(--positive); }
div.html_boxes > ul > li > mark > span:nth-child(3):before { border-color:var(--negative);  }
div.html_boxes > ul > li > mark > span:nth-child(1) > em { border-color:var(--positive); margin-left:calc(0.5rem - 6px);  }
div.html_boxes > ul > li > mark > span:nth-child(3) > em { border-color:var(--negative); margin-left:calc(-6px - 6rem);  }
div.html_boxes > ul > li.empty > strong { font-size:2rem; line-height:5rem; font-weight:normal; color:var(--text_alt); }
div.html_boxes > ul > li.empty > strong:after { display:none; }

div.html_boxes.animated > ul > li { animation: html_boxes_card 1s ease forwards 1; }
div.html_boxes.animated > ul > li > mark > span > em { animation: html_boxes_circle 1s ease forwards 1; }


@keyframes html_boxes_card { from { transform:translateX(-100vw); visibility:visible; } to { transform:translateX(0); visibility:visible; }}
@keyframes html_boxes_circle { from { left:0; visibility:visible; } to { visibility:visible; }}



ul.html_legend { display:block; width:max-content; max-width:100%; padding:0; margin:1.5rem auto; }
ul.html_legend > li { display:block; position:relative; padding-left:1rem; white-space:nowrap; overflow:hidden; max-width:max-content; }
ul.html_legend > li > mark { display:block; position:absolute; left:0; top:0.3rem; width:0.6rem; height:0.6rem; padding:0; }

svg.html_donut.animable + ul.html_legend.animable > li { visibility:hidden; }
svg.html_donut.animated + ul.html_legend.animable > li { animation: html_legend_row 2s ease forwards 1; }
svg.html_donut.animated + ul.html_legend.animable > li > mark { animation: html_legend_circle 0.3s ease forwards 1; }

@keyframes html_legend_row { from { width:0; visibility:visible; } to { width:100%; visibility:visible; }}
@keyframes html_legend_circle { from { transform:scale(0); visibility:visible; } to { transform:scale(1); visibility:visible; }}


/*
table.html_table { width:100%; border-collapse:collapse; }
table.html_table tr { transform:scaleY(0); transform-origin:50% 0; }
table.html_table tr td { border:none; border-top:1px solid var(--line); padding:0.15rem 0.5rem; line-height:1.2rem; }	
table.html_table tr:nth-child(2n-1) td { background-color:var(--back); }
table.html_table tr.border td { border-top-color: var(--text); }
table.html_table tr.bold td { font-weight:700; }
table.html_table tr.semibold td { font-weight:500; }
table.html_table tr:last-child td { border-bottom:1px solid var(--text); }	
table.html_table tr:first-child td { border-top:none; background:none; }	

table.html_table.animated tr { animation: html_table_row 0.3s ease forwards 1; }

@keyframes html_table_row { top { transform:scaleY(100%); }}
*/



/*div.html_rows > div { padding:0 0.5rem; border-bottom:1px solid #000; white-space:nowrap; }
div.html_rows > div > span { display:inline-block; width:100%; }
div.html_rows > div > aside { display:inline-block; position:relative; background:#ccc; height:1em; }
div.html_rows > div > aside > mark { position:absolute; left:-0.5em; height:1em; background:#000; padding:0 0 0 0.5em; border-top-right-radius:0; border-bottom-right-radius:0; }
div.html_rows > div > aside > mark > em { position:absolute; left:100%; padding-left:0.5em; color:#000; }
*/