@charset "UTF-8";
/*
Theme Name:     JH - Flu Tool
Author:         H9Design
Version:        1.0
*/
/**
 	Example : 

	@include range(
		min-width : 40px,
		max-width : 1000px,
		properties : (
			'line-height': (10px, 40px),
			'font-size'  : (80px, 318px),
		), 
	);	
*/
/*
// VERSION 5.11.2 (https://fontawesome.com/cheatsheet)
function getIcons (iconId){
	var allIcons = {};
	var sections = document.querySelectorAll('.cheatsheet-set');
	for (var i=0, l=sections.length; i<l; ++i){
		var section = sections[i];
		var name 	= section.getAttribute('id');
		var icons 	= section.querySelectorAll('article');

		for (var ii=0, ll=icons.length; ii<ll; ++ii){
			var icon = icons[ii];
			var id 	 = icon.getAttribute('id');
			var code = icon.querySelector('dl dd:last-child').innerHTML;

			if (allIcons[id] === undefined){
				allIcons[id] = {'code':code};
			}
			allIcons[id][name] = true;
		}
	}

	var sass = ['$font-awesome-icons-'+iconId+' : ('];
	for (var i in allIcons){
		var icon = allIcons[i];
		sass.push('\t"'+i+'" : "\\'+icon.code+'",');
	}
	sass.push(');');
	console.log(sass.join('\n'));
}

*/
/**
 	Example : 

	@include range(
		min-width : 40px,
		max-width : 1000px,
		properties : (
			'line-height': (10px, 40px),
			'font-size'  : (80px, 318px),
		), 
	);	
*/
/*
// VERSION 5.11.2 (https://fontawesome.com/cheatsheet)
function getIcons (iconId){
	var allIcons = {};
	var sections = document.querySelectorAll('.cheatsheet-set');
	for (var i=0, l=sections.length; i<l; ++i){
		var section = sections[i];
		var name 	= section.getAttribute('id');
		var icons 	= section.querySelectorAll('article');

		for (var ii=0, ll=icons.length; ii<ll; ++ii){
			var icon = icons[ii];
			var id 	 = icon.getAttribute('id');
			var code = icon.querySelector('dl dd:last-child').innerHTML;

			if (allIcons[id] === undefined){
				allIcons[id] = {'code':code};
			}
			allIcons[id][name] = true;
		}
	}

	var sass = ['$font-awesome-icons-'+iconId+' : ('];
	for (var i in allIcons){
		var icon = allIcons[i];
		sass.push('\t"'+i+'" : "\\'+icon.code+'",');
	}
	sass.push(');');
	console.log(sass.join('\n'));
}

*/
* {
  box-sizing: border-box; }

.clearfix:after {
  content: "";
  clear: both;
  display: table; }

.hide {
  display: none !important; }

[hide] {
  opacity: 0 !important;
  pointer-events: none !important; }

[hide="display"] {
  display: none !important; }

[hide="space"] {
  height: 0 !important;
  padding: 0 !important;
  margin: 0 !important;
  border: 0 !important;
  opacity: 0 !important; }

[hidden] {
  display: none !important; }

.divider {
  background: #181818;
  height: 1px;
  margin: 1.5em 0;
  overflow: hidden; }

.pull-left {
  float: left; }

.pull-right {
  float: right; }

.text-left {
  text-align: left; }

.text-center {
  text-align: center; }

.text-right {
  text-align: right; }

.text-overflow {
  display: inline-block;
  text-overflow: ellipsis;
  overflow-x: hidden;
  overflow-y: hidden;
  white-space: nowrap;
  max-width: 100%; }

.text-hyphens {
  word-wrap: break-word;
  overflow-wrap: break-word;
  -webkit-hyphens: auto;
  -moz-hyphens: auto;
  hyphens: auto; }

.text-upper {
  text-transform: uppercase; }

.text-lower {
  text-transform: lowercase; }

.text-middle {
  display: flex;
  flex-direction: column;
  justify-content: center; }

.text-bottom {
  display: flex;
  flex-direction: column;
  justify-content: flex-end; }

.text-nowrap {
  white-space: nowrap; }

.img-left {
  float: left;
  margin: 0 1.1818181818rem 1.1818181818rem 0; }

.img-right {
  float: right;
  margin: 0 0 1.1818181818rem 1.1818181818rem; }

.no-select {
  -webkit-touch-callout: none;
  /* iOS Safari */
  -webkit-user-select: none;
  /* Safari */
  -khtml-user-select: none;
  /* Konqueror HTML */
  -moz-user-select: none;
  /* Firefox */
  -ms-user-select: none;
  /* Internet Explorer/Edge */
  user-select: none;
  /* Non-prefixed version, currently supported by Chrome and Opera */ }

.no-drag {
  -webkit-user-drag: none; }

.no-scrollbar {
  -ms-overflow-style: none;
  /* Internet Explorer 10+ */
  scrollbar-width: none; }

.no-scrollbar::-webkit-scrollbar {
  display: none;
  /* Safari and Chrome */ }

.no-animation, .no-animation * {
  -webkit-transition: none !important;
  -moz-transition: none !important;
  -o-transition: none !important;
  transition: none !important; }

.is-clickable, [on-click] {
  cursor: pointer; }

.is-loading {
  opacity: 0.2; }

.is-responsive {
  max-width: 100%;
  height: auto; }

.is-responsive img {
  width: 100%;
  max-width: none; }

.input-dropdown {
  border: 1px solid currentColor;
  padding: 0.5em;
  padding-right: 1.5em;
  cursor: pointer;
  display: block;
  text-align: left;
  overflow: hidden;
  position: relative; }

.input-dropdown:after {
  position: absolute;
  top: 0px;
  right: 0px;
  bottom: auto;
  left: auto;
  bottom: 0px;
  content: '▾';
  display: flex;
  justify-content: center;
  align-items: center;
  width: 1.5em; }

.input-dropdown select {
  cursor: pointer;
  border: none;
  -webkit-appearance: none;
  vertical-align: top;
  width: 100%; }

.input-radio, input[type="radio"], .input-checkbox, input[type="checkbox"] {
  cursor: pointer;
  margin: 0 0.25em 0 0;
  position: relative;
  -webkit-appearance: none; }

.input-radio, input[type="radio"] {
  display: inline-block;
  height: 1em;
  width: 1em;
  border-radius: 50%;
  -webkit-background-clip: border-box;
  -moz-background-clip: border;
  background-clip: border-box;
  border: 1px solid black;
  position: relative;
  top: 0.1em; }

.input-radio:checked:after, input[type="radio"]:checked:after {
  display: inline-block;
  height: 50%;
  width: 50%;
  border-radius: 50%;
  -webkit-background-clip: border-box;
  -moz-background-clip: border;
  background-clip: border-box;
  position: absolute;
  top: 50%;
  right: auto;
  bottom: auto;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  content: '';
  background: currentColor; }

.input-checkbox, input[type="checkbox"] {
  display: inline-block;
  height: 1em;
  width: 1em;
  border: 1px solid black;
  border-radius: 0;
  position: relative;
  top: 0.1em; }

.input-checkbox:checked:after, input[type="checkbox"]:checked:after {
  position: absolute;
  top: 50%;
  right: auto;
  bottom: auto;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  margin-top: -0.1em;
  line-height: 0;
  content: '×'; }

.button, .tool-form button {
  border: 1px solid transparent;
  border-radius: 0;
  display: inline-block;
  cursor: pointer;
  text-decoration: none !important;
  text-align: center;
  line-height: 1;
  padding: 0.25em 0.5em;
  margin-bottom: 1.1818181818rem;
  background: #181818;
  background: var(--button-bg, #181818);
  border-color: #181818;
  border-color: var(--button-border, #181818);
  color: #d1d1d1;
  color: var(--button-text, #d1d1d1); }

.button a, .tool-form button a {
  font: inherit;
  color: inherit;
  display: inline;
  text-decoration: inherit !important; }

.button.is-label, .tool-form button.is-label {
  cursor: default; }

.button.is-orphan, .tool-form button.is-orphan {
  margin-bottom: 0; }

.button.align-middle:before, .tool-form button.align-middle:before {
  height: 1em;
  content: '';
  width: 0;
  display: inline-block;
  vertical-align: middle; }

.button.align-middle > *, .tool-form button.align-middle > * {
  vertical-align: middle; }

.legend {
  margin: 0px;
  padding: 0px;
  list-style: none; }

.legend--item {
  display: flex;
  align-items: center; }

.legend--box {
  display: inline-block;
  height: 1em;
  width: 1em;
  display: inline-block;
  background: white;
  margin-right: 0.5em; }

.notification {
  display: block;
  border-radius: 3px;
  padding: 0.5909090909rem;
  margin: 1.1818181818rem 0;
  background: rgba(255, 255, 0, 0.3);
  border: 1px solid rgba(0, 0, 0, 0.2); }

.notification.is-error {
  color: red;
  background: rgba(255, 0, 0, 0.2); }

.notification.is-success {
  color: green;
  background: rgba(0, 128, 0, 0.2); }

.loading-content {
  animation-name: loading-content;
  animation-fill-mode: forwards;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
  animation-duration: 2s;
  animation-duration: var(--loading-content-duration, 2s);
  background-color: lightgray;
  background-color: var(--loading-content-background, lightgray);
  background-image: linear-gradient(to right, rgba(255, 255, 255, 0) 10%, rgba(255, 255, 255, 0.4) 20%, rgba(255, 255, 255, 0) 80%);
  background-image: linear-gradient(to right, var(--loading-content-color1, rgba(255, 255, 255, 0)) 10%, var(--loading-content-color2, rgba(255, 255, 255, 0.4)) 20%, var(--loading-content-color1, rgba(255, 255, 255, 0)) 80%); }

@keyframes loading-content {
  0% {
    background-position: -100vw 0; }
  100% {
    background-position: 0vw 0; } }

.loading-spinner {
  display: inline-block;
  width: 0;
  height: 0;
  animation: loading-spinner 1s ease-in-out infinite; }

.loading-spinner:before {
  position: absolute;
  top: 0;
  right: auto;
  bottom: auto;
  left: 0;
  display: inline-block;
  content: '';
  transform: translate(-50%, -50%);
  border-style: solid;
  border-radius: 50%;
  width: 20px;
  width: var(--loading-spinner-size, 20px);
  height: 20px;
  height: var(--loading-spinner-size, 20px);
  border-width: 3px;
  border-width: var(--loading-spinner-width, 3px);
  border-color: lightgray;
  border-color: var(--loading-spinner-background, lightgray);
  border-top-color: black;
  border-top-color: var(--loading-spinner-color, black); }

@keyframes loading-spinner {
  to {
    transform: rotate(360deg); } }

.loading-dots:after {
  content: '...';
  display: inline-block;
  animation-name: loading-dots;
  animation-iteration-count: infinite;
  animation-fill-mode: both;
  animation-duration: 1.2s;
  animation-duration: var(--loading-dots-duration, 1.2s); }

@keyframes loading-dots {
  0%, 25% {
    content: ''; }
  26%, 50% {
    content: '.'; }
  51%, 75% {
    content: '..'; }
  76%, 100% {
    content: '...'; } }

html {
  margin: 0px;
  padding: 0px;
  font-size: 22px;
  line-height: 1.1818181818;
  font-weight: normal;
  position: relative;
  overflow-anchor: none;
  --inner-width: 100vw;
  --screen-width: 100vh;
  --screen-height: 100vh;
  --screen-padding: var(--screen-scrollbar, 0);
  --overlay-width: calc(100vw - var(--screen-scrollbar, 0px));
  --viewport-width: 100vw;
  --viewport-height: 100vh;
  --viewport-offset-x: 0;
  --viewport-offset-y: 0;
  --column-count: 18;
  --column-gap: 12px;
  --column-padding: 30px;
  --column-width: var(--inner-width, 100vw);
  --column-max-width: 100vw;
  --breakpoint-phone: 640px;
  --breakpoint-tablet: 1024px;
  --breakpoint-laptop: 1200px;
  --breakpoint-desktop: 1440px; }

html.has-scroll {
  padding-right: var(--screen-scrollbar, 0); }

@media screen and (max-width: 640px) {
  html {
    --column-count: 6;
    --column-padding: 15px; } }

@media screen and (max-width: 640px) {
  html {
    --breakpoint: phone; }
  html:before {
    display: none;
    content: "phone"; } }

@media screen and (min-width: 641px) and (max-width: 1024px) {
  html {
    --breakpoint: tablet; }
  html:before {
    display: none;
    content: "tablet"; } }

@media screen and (min-width: 1025px) and (max-width: 1200px) {
  html {
    --breakpoint: laptop; }
  html:before {
    display: none;
    content: "laptop"; } }

@media screen and (min-width: 1201px) {
  html {
    --breakpoint: desktop; }
  html:before {
    display: none;
    content: "desktop"; } }

body {
  margin: 0px;
  padding: 0px;
  background: #FFFFFF;
  color: #181818;
  font-family: Studio, sans-serif;
  -ms-touch-action: manipulation;
  touch-action: manipulation;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

* {
  box-sizing: border-box; }

h1, h2, h3, h4, h5, h6 {
  margin-top: 0.25em;
  margin-right: 0;
  margin-bottom: 0.25em;
  margin-left: 0;
  padding: 0px;
  color: inherit; }

h1 {
  font-size: 1.8181818182rem; }

h2 {
  font-size: 1.0909090909rem; }

h3 {
  font-size: 0.9090909091rem; }

h4 {
  font-size: 0.8181818182rem; }

h5 {
  font-size: 0.6363636364rem; }

h6 {
  font-size: 0.5454545455rem; }

p {
  margin-top: 1.1818181818em;
  margin-right: 0;
  margin-bottom: 1.1818181818em;
  margin-left: 0;
  padding: 0px; }

small {
  font-size: 0.8em; }

strong, b {
  font-weight: 600; }

em, i {
  font-style: italic; }

a {
  color: inherit; }

@media (hover: hover) {
  a:hover {
    text-decoration: none; } }

a:focus {
  outline: none; }

ul, ol {
  margin-top: 1.1818181818rem;
  margin-right: 0;
  margin-bottom: 1.2em;
  margin-left: 1.1818181818rem;
  padding: 0px;
  list-style-position: outside; }

ul ul, ul ol, ol ul, ol ol {
  margin-top: 0;
  margin-bottom: 0; }

ul.is-clear, ol.is-clear {
  margin: 0px;
  padding: 0px;
  list-style: none; }

ul.is-inline, ol.is-inline {
  margin: 0px;
  padding: 0px;
  list-style: none; }

ul.is-inline > li, ol.is-inline > li {
  display: inline-block; }

ul {
  list-style-type: disc; }

ol {
  list-style-type: decimal; }

ul.is-inline, ol.is-inline {
  margin: 0px;
  padding: 0px;
  list-style: none; }

ul.is-inline > li, ol.is-inline > li {
  display: inline-block; }

ul.is-clean, ol.is-clean {
  margin: 0px;
  padding: 0px;
  list-style: none; }

img {
  border: 0;
  height: auto;
  vertical-align: top;
  max-width: 100%; }

svg, canvas, iframe {
  vertical-align: top; }

table {
  font-family: Studio, sans-serif;
  color: inherit;
  border-collapse: collapse;
  margin: 1.1818181818rem 0;
  width: 100%; }

th, td {
  border: 1px solid #181818;
  padding: 0.5em; }

fieldset {
  margin-top: 1.1818181818rem;
  margin-right: 0;
  margin-bottom: 1.1818181818rem;
  margin-left: 0;
  padding: 0px;
  border: none;
  padding: 0;
  min-width: 0; }

fieldset input:not([type]), fieldset input[type="date"], fieldset input[type="datetime-local"], fieldset input[type="email"], fieldset input[type="password"], fieldset input[type="number"], fieldset input[type="search"], fieldset input[type="tel"], fieldset input[type="text"], fieldset input[type="time"], fieldset input[type="url"], fieldset textarea, fieldset [contenteditable="true"], fieldset select {
  width: 100%; }

legend {
  margin: 0px;
  padding: 0px;
  display: block;
  font: inherit; }

label {
  display: block;
  font: inherit; }

button, input, optgroup, select, textarea, [contenteditable="true"] {
  font-family: Studio, sans-serif;
  font-size: inherit; }

button:focus, input:focus, optgroup:focus, select:focus, textarea:focus, [contenteditable="true"]:focus {
  outline: none; }

input:not([type]), input[type="date"], input[type="datetime-local"], input[type="email"], input[type="password"], input[type="number"], input[type="search"], input[type="tel"], input[type="text"], input[type="time"], input[type="url"], textarea, [contenteditable="true"] {
  border: 1px solid currentColor;
  display: inline-block;
  padding: 0.5em;
  border-radius: 0;
  width: 100%;
  -webkit-appearance: none; }

input.placeholder, textarea.placeholder {
  font: inherit;
  color: rgba(0, 0, 0, 0.4); }

input::-moz-placeholder, textarea::-moz-placeholder {
  font: inherit;
  color: rgba(0, 0, 0, 0.4); }

input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
  font: inherit;
  color: rgba(0, 0, 0, 0.4); }

[placeholder]:empty:not(:focus):before {
  content: attr(placeholder);
  pointer-events: none;
  color: rgba(0, 0, 0, 0.4); }

button, input[type="submit"], input[type="button"], .button, .tool-form button {
  font: inherit;
  cursor: pointer;
  outline: none;
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none; }

button:focus, input[type="submit"]:focus, input[type="button"]:focus, .button:focus, .tool-form button:focus {
  outline: none; }

button.is-label, button.is-clean, input[type="submit"].is-label, input[type="submit"].is-clean, input[type="button"].is-label, input[type="button"].is-clean, .button.is-label, .tool-form button.is-label, .button.is-clean, .tool-form button.is-clean {
  border: none;
  background: none;
  padding: 0; }

::-moz-selection, ::selection {
  background: #b3d4fc;
  text-shadow: none; }

@media screen {
  .is-print, [print] {
    display: none !important; } }

@media print {
  .is-screen, [screen] {
    display: none !important; }
  * {
    background: transparent !important;
    color: #000 !important;
    /* Black prints faster: h5bp.com/s */
    box-shadow: none !important;
    text-shadow: none !important; }
  a, a:visited {
    text-decoration: underline; }
  a[href]:after {
    content: " (" attr(href) ")"; }
  abbr[title]:after {
    content: " (" attr(title) ")"; }
  /*
			 * Don't show links for images, or javascript/internal links
			 */
  .ir a:after,
  a[href^="javascript:"]:after,
  a[href^="#"]:after {
    content: ""; }
  pre, blockquote {
    border: 1px solid #999;
    page-break-inside: avoid; }
  thead {
    display: table-header-group;
    /* h5bp.com/t */ }
  tr, img {
    page-break-inside: avoid; }
  img {
    max-width: 100% !important; }
  @page {
    margin: 0.5cm; }
  p, h2, h3 {
    orphans: 3;
    widows: 3; }
  h2, h3 {
    page-break-after: avoid; } }

@font-face {
  font-family: "Studio";
  src: url("/theme/assets/fonts/studio/StudioPro-Regular.woff2") format("woff2"), url("/theme/assets/fonts/studio/StudioPro-Regular.woff") format("woff");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: "Studio";
  src: url("/theme/assets/fonts/studio/StudioPro-RegularItalic.woff2") format("woff2"), url("/theme/assets/fonts/studio/StudioPro-RegularItalic.woff") format("woff");
  font-weight: normal;
  font-style: italic; }

html, body {
  height: 100%; }

body {
  font-size: 1rem;
  letter-spacing: -0.0181818182rem;
  background-color: #e8e8e8;
  --color-accent: #ff973e; }

@media screen and (min-width: 641px) and (max-width: 1024px) {
  body {
    font-size: 0.8181818182rem;
    line-height: 1.2222222222; } }

@media screen and (max-width: 640px) {
  body {
    font-size: 0.6818181818rem;
    line-height: 1.3333333333; } }

*, strong, b {
  font-weight: normal; }

p:first-child, ul:first-child, ol:first-child, h1:first-child, h2:first-child, h3:first-child, h4:first-child, h5:first-child, h6:first-child {
  margin-top: 0; }

p {
  margin-top: 0; }

h1, h2, h3, h4, h5, h6 {
  font-weight: normal; }

h1 {
  font-size: 2.2727272727rem;
  line-height: 1.12; }

@media screen and (min-width: 641px) and (max-width: 1024px) {
  h1 {
    font-size: 1.6363636364rem;
    line-height: 1.1666666667; } }

@media screen and (max-width: 640px) {
  h1 {
    font-size: 1.1363636364rem;
    line-height: 1.2;
    letter-spacing: 0rem; } }

h2 {
  font-size: 1.6363636364rem;
  line-height: 1.1666666667;
  letter-spacing: -0.0136363636rem;
  margin-bottom: 0.17em; }

@media screen and (min-width: 641px) and (max-width: 1024px) {
  h2 {
    font-size: 1.2727272727rem;
    line-height: 1.2142857143; } }

@media screen and (max-width: 640px) {
  h2 {
    font-size: 0.9090909091rem;
    line-height: 1.25; } }

h3 {
  font-size: 1rem;
  line-height: 1.1818181818; }

@media screen and (max-width: 640px) {
  h3 {
    font-size: 0.6818181818rem;
    line-height: 1.3333333333; } }

h4 {
  font-size: 0.8181818182rem;
  line-height: 1.2222222222;
  letter-spacing: -0.0045454545rem; }

@media screen and (max-width: 640px) {
  h4 {
    font-size: 0.6818181818rem;
    line-height: 1.3333333333; } }

h5 {
  font-size: 0.4545454545rem;
  line-height: 1.3; }

sup {
  background-color: rgba(255, 0, 0, 0);
  font-size: 1em;
  padding: .5em;
  margin: -.5em;
  display: inline;
  vertical-align: baseline;
  position: relative;
  position: relative; }

sup:before {
  content: 'm';
  background-color: red;
  opacity: 0; }

sup img {
  position: absolute;
  top: 0.65em;
  right: auto;
  bottom: auto;
  left: 0.55em;
  display: block; }

@media screen and (max-width: 640px) {
  sup img {
    width: 12px; }
  sup:before {
    content: 'm'; } }

ul, ol {
  margin-bottom: 1.2em; }

li p:last-child {
  margin-bottom: 0; }

a {
  text-decoration: none; }

@media (hover: hover) {
  a:hover {
    text-decoration: underline; } }

/**
 	Example : 

	@include range(
		min-width : 40px,
		max-width : 1000px,
		properties : (
			'line-height': (10px, 40px),
			'font-size'  : (80px, 318px),
		), 
	);	
*/
[icon]:before {
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  font-weight: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

/*
// VERSION 5.11.2 (https://fontawesome.com/cheatsheet)
function getIcons (iconId){
	var allIcons = {};
	var sections = document.querySelectorAll('.cheatsheet-set');
	for (var i=0, l=sections.length; i<l; ++i){
		var section = sections[i];
		var name 	= section.getAttribute('id');
		var icons 	= section.querySelectorAll('article');

		for (var ii=0, ll=icons.length; ii<ll; ++ii){
			var icon = icons[ii];
			var id 	 = icon.getAttribute('id');
			var code = icon.querySelector('dl dd:last-child').innerHTML;

			if (allIcons[id] === undefined){
				allIcons[id] = {'code':code};
			}
			allIcons[id][name] = true;
		}
	}

	var sass = ['$font-awesome-icons-'+iconId+' : ('];
	for (var i in allIcons){
		var icon = allIcons[i];
		sass.push('\t"'+i+'" : "\\'+icon.code+'",');
	}
	sass.push(');');
	console.log(sass.join('\n'));
}

*/
[icon] {
  width: auto;
  height: auto; }

@font-face {
  font-family: "FontAwesome";
  src: url("/theme/assets/fonts/fa5/fa-regular-400.woff2") format("woff2"), url("/theme/assets/fonts/fa5/fa-regular-400.woff") format("woff");
  font-weight: 400;
  font-style: normal;
  font-display: swap; }

@font-face {
  font-family: "FontAwesome";
  src: url("/theme/assets/fonts/fa5/fa-solid-900.woff2") format("woff2"), url("/theme/assets/fonts/fa5/fa-solid-900.woff") format("woff");
  font-weight: 900;
  font-style: normal;
  font-display: swap; }

@font-face {
  font-family: "FontAwesomeBrands";
  src: url("/theme/assets/fonts/fa5/fa-brands-400.woff2") format("woff2"), url("/theme/assets/fonts/fa5/fa-brands-400.woff") format("woff");
  font-weight: normal;
  font-style: normal;
  font-display: swap; }

[icon^="italic"]:before, [icon^=" italic"]:before {
  font-weight: bold;
  content: ""; }

[icon^="underline"]:before, [icon^=" underline"]:before {
  font-weight: bold;
  content: ""; }

[icon^="list-ul"]:before, [icon^=" list-ul"]:before {
  font-weight: bold;
  content: ""; }

[icon^="list-ol"]:before, [icon^=" list-ol"]:before {
  font-weight: bold;
  content: ""; }

[icon^="link"]:before, [icon^=" link"]:before {
  font-weight: bold;
  content: ""; }

[icon^="unlink"]:before, [icon^=" unlink"]:before {
  font-weight: bold;
  content: ""; }

[icon^="remove-format"]:before, [icon^=" remove-format"]:before {
  font-weight: bold;
  content: ""; }

@font-face {
  font-family: "Studio";
  src: url("/theme/assets/fonts/studio/StudioPro-Regular.woff2") format("woff2"), url("/theme/assets/fonts/studio/StudioPro-Regular.woff") format("woff");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: "Studio";
  src: url("/theme/assets/fonts/studio/StudioPro-RegularItalic.woff2") format("woff2"), url("/theme/assets/fonts/studio/StudioPro-RegularItalic.woff") format("woff");
  font-weight: normal;
  font-style: italic; }

@media screen and (min-width: 1025px) {
  .size-small {
    display: none !important; } }

@media screen and (max-width: 1024px) {
  .size-big {
    display: none !important; } }

.link, .styled-content a {
  color: #181818;
  color: var(--link-color, #181818);
  text-decoration: underline; }
  @media (hover: hover) {
    .link:hover, .styled-content a:hover {
      text-decoration: none; } }
  .link.is-dark, .styled-content a.is-dark {
    --link-color:{$color-dark}; }

.content-box {
  padding: 3em; }
  .content-box header, .content-box footer {
    padding: 0 0 .5em 1rem; }

.styled-content, .styled-content * {
  font-weight: normal; }

.styled-content ul {
  margin: 0px;
  padding: 0px;
  list-style: none;
  margin-bottom: 1.2em; }
  .styled-content ul li {
    padding-left: 1.7em;
    position: relative;
    list-style-type: none; }
    .styled-content ul li:before {
      position: absolute;
      top: 0;
      right: auto;
      bottom: auto;
      left: 0;
      width: 1.7em;
      content: '';
      content: '—'; }

.site {
  position: relative;
  display: flex;
  flex-direction: column;
  background-color: #e8e8e8; }

.site-header {
  padding: 1rem 1.25rem;
  padding: 1rem var(--column-padding, 1.25rem);
  position: absolute;
  top: 0px;
  right: 0px;
  bottom: auto;
  left: auto;
  z-index: 80;
  font-size: 0.8181818182rem;
  line-height: 1.2222222222;
  letter-spacing: -0.0045454545rem;
  display: flex;
  justify-content: space-between;
  text-align: right; }
  @media screen and (max-width: 640px) {
    .site-header {
      font-size: 0.6818181818rem;
      line-height: 1.3333333333; } }
  .site-header .languages {
    margin-top: 0;
    list-style-type: none; }
  .site-header--desktop {
    display: flex;
    margin-left: -1.15em; }
    .site-header--desktop > * {
      margin-left: 1.15em; }
  @media screen and (max-width: 640px) {
    .site-header {
      position: fixed;
      padding-top: 0.8rem; } }

body:not(.page-home) .site-header--desktop .languages:not(:hover) .is-current {
  pointer-events: none; }

body:not(.page-home) .site-header--desktop .languages:not(:hover) li:not(.is-current) {
  display: none; }

.site-menu {
  display: block;
  text-align: left; }
  .site-menu--close-top {
    padding: 0.8rem 1.25rem;
    padding: 0.8rem var(--column-padding, 1.25rem); }
  .site-menu--outside {
    padding: 0.7rem 1.25rem;
    padding: 0.7rem var(--column-padding, 1.25rem);
    align-self: flex-start;
    background-color: #ff973e;
    height: 100%; }
  .site-menu--inside {
    display: flex;
    flex-direction: column; }
  .site-menu .languages {
    margin: 0px;
    padding: 0px;
    list-style: none;
    margin-left: -0.8em;
    margin-top: 3.2em; }
    .site-menu .languages > li {
      display: inline-block; }
    .site-menu .languages > * {
      margin-left: 0.8em; }
  .site-menu--main-menu {
    margin: 0px;
    padding: 0px;
    list-style: none;
    font-size: 2.2727272727rem;
    line-height: 1.12;
    margin-top: 2.4rem; }
    @media screen and (min-width: 641px) and (max-width: 1024px) {
      .site-menu--main-menu {
        font-size: 1.6363636364rem;
        line-height: 1.1666666667; } }
    @media screen and (max-width: 640px) {
      .site-menu--main-menu {
        font-size: 1.1363636364rem;
        line-height: 1.2;
        letter-spacing: 0rem; } }
  .site-menu--top {
    display: flex;
    flex-wrap: wrap;
    margin-left: calc(((1 * 12px)) * -1);
    margin-left: calc(((1 * var(--column-gap, 12px))) * -1);
    justify-content: space-between;
    margin-top: auto; }
    .site-menu--top > * {
      flex: 0 0 auto;
      margin-left: calc(((1 * 12px)));
      margin-left: calc(((1 * var(--column-gap, 12px))));
      flex-basis: calc(100% * (var(--column-ratio) / 1) - var(--column-gap, 12px) + 0px); }
  .site-menu--quick-menu {
    margin: 0px;
    padding: 0px;
    list-style: none; }
  .site-menu--bottom {
    margin-top: 1.8em; }

.site-main {
  padding: 0.7rem 1.25rem;
  padding: 0.7rem var(--column-padding, 1.25rem);
  flex: 1 1 auto;
  min-height: var(--screen-height, 100vh);
  position: relative; }

.site-heading {
  padding-right: calc((100% + 12px) * (5 / 18) - 12px + 0px);
  padding-right: calc((100% + var(--column-gap, 12px)) * (5 / var(--column-count, 18)) - var(--column-gap, 12px) + 0px);
  text-transform: uppercase; }
  @media screen and (min-width: 641px) and (max-width: 1024px) {
    .site-heading {
      font-size: 1.6363636364rem;
      line-height: 1.1666666667; } }
  @media screen and (max-width: 640px) {
    .site-heading {
      font-size: 1.1363636364rem;
      line-height: 1.2;
      letter-spacing: 0rem; } }
  @media screen and (max-width: 640px) {
    .site-heading {
      padding-right: calc((100% + var(--column-gap, 12px)) * (1 / var(--column-count, 18)) - var(--column-gap, 12px) + 0px); } }

.site-content, .site-box, .tool-form section {
  width: calc((100% + 12px) * 0.6666666667 - 12px);
  width: calc((100% + var(--column-gap, 12px)) * 0.6666666667 - var(--column-gap, 12px));
  margin: 7.65rem auto 4rem;
  max-width: 916px; }
  @media screen and (min-width: 641px) and (max-width: 1024px) {
    .site-content, .site-box, .tool-form section {
      margin-top: 5.1rem;
      width: auto; } }
  @media screen and (max-width: 640px) {
    .site-content, .site-box, .tool-form section {
      margin-top: 1.5rem;
      width: auto; } }

.site-box, .tool-form section {
  font-size: 1.6363636364rem;
  line-height: 1.1666666667;
  letter-spacing: -0.0136363636rem;
  margin-bottom: 2.15rem; }
  @media screen and (min-width: 641px) and (max-width: 1024px) {
    .site-box, .tool-form section {
      font-size: 1.2727272727rem;
      line-height: 1.2142857143; } }
  @media screen and (max-width: 640px) {
    .site-box, .tool-form section {
      font-size: 0.9090909091rem;
      line-height: 1.25; } }
  .site-box > header, .tool-form section > header, .site-box > footer, .tool-form section > footer {
    padding: 0 1.6rem; }
  .site-box > header, .tool-form section > header {
    margin-bottom: 1.05rem; }
  .site-box > footer, .tool-form section > footer {
    margin-top: 2.15rem; }
  @media screen and (min-width: 641px) and (max-width: 1024px) {
    .site-box > header, .tool-form section > header {
      margin-bottom: 0.85rem; }
    .site-box > footer, .tool-form section > footer {
      margin-top: 1.45rem; } }
  @media screen and (max-width: 640px) {
    .site-box, .tool-form section {
      margin-top: 4.2rem; }
      .site-box > header, .tool-form section > header, .site-box > footer, .tool-form section > footer {
        padding-left: 0;
        padding-right: 0; }
      .site-box > header, .tool-form section > header {
        margin-bottom: 0.55rem; }
      .site-box > footer, .tool-form section > footer {
        margin-top: 1rem; } }

.site-columns {
  margin: -0.7rem 0;
  display: flex;
  width: 100%;
  --left-width: calc((100% + 12px) * (4 / 18) - 12px + ((1 * 12px) + (((100% + 12px) / 18 - 12px) * 0.5)));
  --left-width: calc((100% + var(--column-gap, 12px)) * (4 / var(--column-count, 18)) - var(--column-gap, 12px) + ((1 * var(--column-gap, 12px)) + (((100% + var(--column-gap, 12px)) / var(--column-count, 18) - var(--column-gap, 12px)) * 0.5))); }
  .site-columns > aside, .site-columns > article {
    padding-top: 0.9rem;
    padding-bottom: 0.7rem; }
  .site-columns > aside {
    width: calc((100% + 12px) * (4 / 18) - 12px + ((1 * 12px) + (((100% + 12px) / 18 - 12px) * 0.5)));
    width: calc((100% + var(--column-gap, 12px)) * (4 / var(--column-count, 18)) - var(--column-gap, 12px) + ((1 * var(--column-gap, 12px)) + (((100% + var(--column-gap, 12px)) / var(--column-count, 18) - var(--column-gap, 12px)) * 0.5)));
    padding-right: calc((100% + 12px) * (1 / 18) - 12px + ((1 * 12px) + (((100% + 12px) / 18 - 12px) * -0.5)));
    padding-right: calc((100% + var(--column-gap, 12px)) * (1 / var(--column-count, 18)) - var(--column-gap, 12px) + ((1 * var(--column-gap, 12px)) + (((100% + var(--column-gap, 12px)) / var(--column-count, 18) - var(--column-gap, 12px)) * -0.5)));
    flex: 0 0 auto;
    border-right: 1px solid #181818; }
  .site-columns > article {
    padding-left: calc((100% + 12px) * (1 / 18) - 12px + ((1 * 12px) + (((100% + 12px) / 18 - 12px) * -0.5)));
    padding-left: calc((100% + var(--column-gap, 12px)) * (1 / var(--column-count, 18)) - var(--column-gap, 12px) + ((1 * var(--column-gap, 12px)) + (((100% + var(--column-gap, 12px)) / var(--column-count, 18) - var(--column-gap, 12px)) * -0.5)));
    padding-right: calc((100% + 12px) * (1 / 18) - 12px + ((1 * 12px)));
    padding-right: calc((100% + var(--column-gap, 12px)) * (1 / var(--column-count, 18)) - var(--column-gap, 12px) + ((1 * var(--column-gap, 12px))));
    flex: 1 1 auto;
    width: 100%;
    width: var(--left-width, 100%); }
  @media screen and (max-width: 1024px) {
    .site-columns {
      display: block;
      width: 100%;
      margin: 0; }
      .site-columns > aside, .site-columns > article {
        width: auto;
        padding: 0;
        border: none; }
      .site-columns > aside {
        padding-bottom: 1rem; } }

.site-footer {
  padding: 0.75rem 1.25rem;
  padding: 0.75rem var(--column-padding, 1.25rem);
  font-size: 0.8181818182rem;
  line-height: 1.2222222222;
  letter-spacing: -0.0045454545rem;
  flex: 0 0 auto;
  border-top: 1px solid #181818;
  position: relative; }
  @media screen and (max-width: 640px) {
    .site-footer {
      font-size: 0.6818181818rem;
      line-height: 1.3333333333; } }
  .site-footer--top {
    display: flex;
    justify-content: space-between;
    margin-bottom: 3.7em; }
  .site-footer--right {
    padding-top: 0.2rem; }
  .site-footer--menu {
    margin: 0px;
    padding: 0px;
    list-style: none; }
  .site-footer .item-cookie-bar {
    position: absolute;
    top: auto;
    right: 0px;
    bottom: 100%;
    left: 0px; }
  @media screen and (max-width: 1024px) {
    .site-footer {
      border-top: none;
      padding: 0; }
      .site-footer--top, .site-footer--bottom {
        display: none; } }

@media print {
  html {
    padding-top: 1em;
    padding-right: 0 !important;
    overflow: visible !important; }
  .site-header, .site-footer {
    display: none; }
  .site-content, .site-box, .tool-form section {
    max-width: none;
    margin: 0;
    width: auto; } }

.item-accordion--item {
  background-color: #d1d1d1;
  margin-bottom: 1.5em; }

.item-accordion--item .item-accordion--item {
  margin-top: 2em;
  background-color: rgba(0, 0, 0, 0.1); }

.item-accordion--trigger {
  font-size: 1.6363636364rem;
  line-height: 1.2222222222;
  letter-spacing: -0.0136363636rem;
  padding: 0.7rem 2.5rem 0.8rem 1.4rem;
  position: relative; }
  @media screen and (min-width: 641px) and (max-width: 1024px) {
    .item-accordion--trigger {
      font-size: 1.2727272727rem;
      line-height: 1.2142857143; } }
  @media screen and (max-width: 640px) {
    .item-accordion--trigger {
      font-size: 0.6818181818rem;
      line-height: 1.3333333333; }
      .item-accordion--trigger.is-big {
        font-size: 0.9090909091rem;
        line-height: 1.25; } }
  .item-accordion--trigger:after {
    position: absolute;
    top: 0.38em;
    right: 0.6rem;
    bottom: auto;
    left: auto;
    top: 0.34em;
    content: '+'; }
  .item-accordion--trigger.is-open:after {
    content: '−'; }

.item-accordion--target {
  padding: 0 1.4rem 1.4rem 1.4rem; }
  .item-accordion--target p:last-child {
    margin-bottom: 0; }

@media screen and (max-width: 640px) {
  .item-accordion--item {
    margin-bottom: 1.4em; }
  .item-accordion--trigger {
    padding: 0.3rem 2rem 0.3rem 0.4rem; }
    .item-accordion--trigger:after {
      top: 0.25em; }
  .item-accordion--target {
    padding: 0.4rem 2rem 0.9rem 0.4rem; } }

@media print {
  .item-accordion--trigger, .item-accordion--target {
    padding-left: 0;
    padding-right: 0; }
  .item-accordion--trigger:after {
    display: none; }
  .item-accordion--target {
    display: block !important; } }

.item-overlay {
  background-color: #e8e8e8; }
  .item-overlay--close-top {
    padding: 1rem 1.25rem;
    padding: 1rem var(--column-padding, 1.25rem);
    position: absolute;
    top: 0px;
    right: 0px;
    bottom: auto;
    left: auto;
    font-size: 0.8181818182rem;
    line-height: 1.2222222222;
    letter-spacing: -0.0045454545rem; }
    @media screen and (max-width: 640px) {
      .item-overlay--close-top {
        font-size: 0.6818181818rem;
        line-height: 1.3333333333; } }
  .item-overlay--background {
    display: none; }
  .item-overlay--outside {
    background: none;
    height: 100%;
    width: 100%; }
  .item-overlay--inside {
    padding: 0.7rem 1.25rem;
    padding: 0.7rem var(--column-padding, 1.25rem);
    background-color: #e8e8e8; }
  @media screen and (max-width: 640px) {
    .item-overlay--close-top {
      padding-top: 0.8rem; } }

.item-popup {
  padding: 2rem; }
  .item-popup--close-top {
    position: absolute;
    top: auto;
    right: 0px;
    bottom: 100%;
    left: auto;
    text-transform: uppercase;
    padding: 0 0 0.2em 0; }
  .item-popup--background {
    background: rgba(232, 232, 232, 0.8); }
  .item-popup--outside {
    font-size: 0.8181818182rem;
    line-height: 1.2222222222;
    letter-spacing: -0.0045454545rem;
    background-color: #e8e8e8;
    border: 1px solid #181818;
    padding: 1.4rem 1.6rem;
    width: 452px; }
    @media screen and (max-width: 640px) {
      .item-popup--outside {
        font-size: 0.6818181818rem;
        line-height: 1.3333333333; } }
  .item-popup--text {
    color: #686868; }
  .item-popup footer {
    margin-top: 1.5em;
    text-align: center; }
  .item-popup footer button {
    margin-left: 0.5em;
    margin-right: 0.5em; }
  .item-popup footer .item-popup--secondary {
    display: flex;
    flex-wrap: wrap;
    margin-left: calc(((1 * 12px)) * -1);
    margin-left: calc(((1 * var(--column-gap, 12px))) * -1);
    align-items: flex-start;
    margin-top: 0.8em;
    text-align: center; }
    .item-popup footer .item-popup--secondary > * {
      flex: 0 0 auto;
      margin-left: calc(((1 * 12px)));
      margin-left: calc(((1 * var(--column-gap, 12px))));
      flex-basis: calc(100% * (var(--column-ratio) / 1) - var(--column-gap, 12px) + 0px);
      margin-right: 0; }
    .item-popup footer .item-popup--secondary > * {
      flex-basis: calc(100% * 0.5 - 12px + 0px);
      flex-basis: calc(100% * var(--column-ratio, 0.5) - var(--column-gap, 12px) + 0px); }
  @media screen and (max-width: 640px) {
    .item-popup footer {
      display: flex;
      flex-direction: column; }
      .item-popup footer > *:not(.button) {
        order: 2; } }

.tooltip {
  top: 0.1em;
  display: inline-block;
  position: relative;
  vertical-align: baseline;
  width: 0.8em; }

.behavior-tooltips--target {
  font-size: 0.5909090909rem;
  line-height: 1.1538461538;
  max-height: 9rem;
  border-radius: 1rem;
  padding: 0 1.2em;
  background-color: #FFFFFF;
  text-align: left;
  width: 290px; }
  .behavior-tooltips--target > div {
    overflow-y: auto;
    overflow-x: hidden;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: none;
    /* Internet Explorer 10+ */
    scrollbar-width: none;
    height: 100%;
    padding: 1em 0; }
    .behavior-tooltips--target > div::-webkit-scrollbar {
      display: none;
      /* Safari and Chrome */ }
  .behavior-tooltips--target p:last-child {
    margin: 0; }

table {
  font-size: 0.8181818182rem;
  line-height: 1.2222222222;
  letter-spacing: -0.0045454545rem;
  overflow-x: auto;
  overflow-y: hidden;
  -webkit-overflow-scrolling: touch;
  margin-bottom: 2em;
  display: block; }
  @media screen and (max-width: 640px) {
    table {
      font-size: 0.6818181818rem;
      line-height: 1.3333333333; } }
  table tr {
    display: flex;
    background-color: #e8e8e8; }
    table tr > * {
      flex: 1 1 0;
      flex-basis: calc((100% + var(--column-gap, 12px)) * (var(--column-ratio, 0) / 1) - var(--column-gap, 12px) + 0px); }
      table tr > *:not(:first-child) {
        padding-left: calc(((1 * 12px)));
        padding-left: calc(((1 * var(--column-gap, 12px)))); }
    table tr td, table tr th {
      background-color: #e8e8e8; }
  table thead th, table thead td {
    vertical-align: bottom;
    align-self: flex-end;
    display: flex;
    align-items: flex-end; }
    table thead th:first-child, table thead td:first-child {
      align-self: stretch; }
  table thead, table tbody {
    display: block; }
  table th, table td {
    padding-top: 0;
    padding-bottom: 0;
    border: none;
    text-align: left; }
    table th:first-child, table td:first-child {
      flex: 0 0 auto;
      flex-basis: calc((100% + 12px) * 0.3333333333 - 12px + 0px);
      flex-basis: calc((100% + var(--column-gap, 12px)) * var(--column-ratio, 0.3333333333) - var(--column-gap, 12px) + 0px);
      padding-left: 0; }
    table th:last-child, table td:last-child {
      padding-right: 0; }
    @media screen and (max-width: 640px) {
      table th:first-child, table td:first-child {
        flex-basis: calc(((var(--column-width, var(--inner-width, 100vw)) - (2 * var(--column-padding, 30px))) + var(--column-gap, 12px)) * var(--column-ratio, 0.5) - var(--column-gap, 12px) + 0px); } }
  table tr > *:first-child {
    position: sticky;
    left: 0;
    z-index: 2; }
  table th, table td {
    min-width: 50px; }
  table .container-filtering--sort:after {
    display: inline-block;
    margin-left: .5em; }
  table::-webkit-scrollbar {
    width: 0.5em;
    height: 0.3em; }
  table::-webkit-scrollbar-track {
    background-color: #d1d1d1;
    border-radius: 1em; }
  table::-webkit-scrollbar-thumb {
    border-radius: 1em;
    background-color: #FFFFFF; }
  @media screen and (max-width: 640px) {
    table thead, table tbody {
      display: inline-block; } }
  @media print {
    table {
      display: table !important;
      table-layout: fixed; }
      table thead, table tbody {
        display: table-row-group !important; }
      table tr {
        display: table-row !important;
        width: auto; }
      table th, table td {
        display: table-cell !important;
        vertical-align: top; }
      table th {
        width: 300px; } }

table.is-tableless {
  display: block;
  margin-bottom: 1.8em;
  margin-bottom: 4.2em;
  overflow: visible; }
  table.is-tableless tbody, table.is-tableless thead {
    display: inline-block; }
  table.is-tableless tr {
    display: block;
    margin-bottom: -2px; }
  table.is-tableless th, table.is-tableless td {
    padding-left: 0;
    padding-right: 0;
    display: inline; }

table.with-stripes {
  padding-bottom: 1.5em;
  margin-bottom: 2.7em; }
  table.with-stripes th, table.with-stripes td {
    padding-top: 0.25em;
    padding-bottom: 0.31em; }
  table.with-stripes tbody tr:nth-child(odd) {
    background-color: #d1d1d1; }
    table.with-stripes tbody tr:nth-child(odd) td, table.with-stripes tbody tr:nth-child(odd) th {
      background-color: #d1d1d1; }
  table.with-stripes .is-highlighted {
    background-color: #ff973e !important; }
  table.with-stripes.is-closer {
    margin-top: 0.5em; }
  @media screen and (max-width: 1024px) {
    table.with-stripes {
      padding-bottom: 1em; }
      table.with-stripes th, table.with-stripes td {
        min-width: 100px; } }
  @media print {
    table.with-stripes tr {
      border-bottom: 1px solid #181818; } }

input[type="number"] {
  -moz-appearance: textfield; }
  input[type="number"]::-webkit-outer-spin-button, input[type="number"]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0; }

input[type="text"], input[type="email"], input:not([type]), [contenteditable].input-text {
  font-size: 0.8181818182rem;
  line-height: 1.2222222222;
  letter-spacing: -0.0045454545rem;
  border: 1px solid #181818;
  border-color: #181818;
  border-color: var(--border-color, #181818);
  background-color: transparent;
  padding: 0.4em 1em 0.5em; }
  @media screen and (max-width: 640px) {
    input[type="text"], input[type="email"], input:not([type]), [contenteditable].input-text {
      font-size: 0.6818181818rem;
      line-height: 1.3333333333; } }
  input[type="text"][disabled], input[type="email"][disabled], input:not([type])[disabled], [contenteditable].input-text[disabled] {
    opacity: 0.3; }
  input[type="text"].placeholder, input[type="email"].placeholder, input:not([type]).placeholder, [contenteditable].input-text.placeholder {
    color: rgba(24, 24, 24, 0.5); }
  input[type="text"]::-moz-placeholder, input[type="email"]::-moz-placeholder, input:not([type])::-moz-placeholder, [contenteditable].input-text::-moz-placeholder {
    color: rgba(24, 24, 24, 0.5); }
  input[type="text"]::-webkit-input-placeholder, input[type="email"]::-webkit-input-placeholder, input:not([type])::-webkit-input-placeholder, [contenteditable].input-text::-webkit-input-placeholder {
    color: rgba(24, 24, 24, 0.5); }

[contenteditable].input-text {
  overflow-y: auto;
  overflow-x: hidden;
  -webkit-overflow-scrolling: touch;
  min-height: 10em;
  max-height: 70vh; }
  [contenteditable].input-text a {
    text-decoration: underline; }

.input-text-color, .tool-form input:not([type]), .tool-form input[type="date"], .tool-form input[type="datetime-local"], .tool-form input[type="email"], .tool-form input[type="password"], .tool-form input[type="number"], .tool-form input[type="search"], .tool-form input[type="tel"], .tool-form input[type="text"], .tool-form input[type="time"], .tool-form input[type="url"], .tool-form textarea, .tool-form [contenteditable="true"], .results-form .age-groups input, input.input-text-color, .tool-form input:not([type]), .tool-form input[type="date"], .tool-form input[type="datetime-local"], .tool-form input[type="email"], .tool-form input[type="password"], .tool-form input[type="number"], .tool-form input[type="search"], .tool-form input[type="tel"], .tool-form input[type="text"], .tool-form input[type="time"], .tool-form input[type="url"], .tool-form input[contenteditable="true"], .results-form .age-groups input {
  background-color: #ff973e;
  border: none;
  border-radius: 0.35em;
  min-height: 1.5em;
  padding: .5em; }
  .input-text-color:focus, .tool-form input:focus:not([type]), .tool-form input:focus[type="date"], .tool-form input:focus[type="datetime-local"], .tool-form input:focus[type="email"], .tool-form input:focus[type="password"], .tool-form input:focus[type="number"], .tool-form input:focus[type="search"], .tool-form input:focus[type="tel"], .tool-form input:focus[type="text"], .tool-form input:focus[type="time"], .tool-form input:focus[type="url"], .tool-form textarea:focus, .tool-form :focus[contenteditable="true"], .results-form .age-groups input:focus, input.input-text-color:focus, .tool-form input:focus:not([type]), .tool-form input:focus[type="date"], .tool-form input:focus[type="datetime-local"], .tool-form input:focus[type="email"], .tool-form input:focus[type="password"], .tool-form input:focus[type="number"], .tool-form input:focus[type="search"], .tool-form input:focus[type="tel"], .tool-form input:focus[type="text"], .tool-form input:focus[type="time"], .tool-form input:focus[type="url"], .tool-form input:focus[contenteditable="true"], .results-form .age-groups input:focus {
    box-shadow: inset 0 0 0 1px #181818; }
  .input-text-color:invalid, .tool-form input:invalid:not([type]), .tool-form input:invalid[type="date"], .tool-form input:invalid[type="datetime-local"], .tool-form input:invalid[type="email"], .tool-form input:invalid[type="password"], .tool-form input:invalid[type="number"], .tool-form input:invalid[type="search"], .tool-form input:invalid[type="tel"], .tool-form input:invalid[type="text"], .tool-form input:invalid[type="time"], .tool-form input:invalid[type="url"], .tool-form textarea:invalid, .tool-form :invalid[contenteditable="true"], .results-form .age-groups input:invalid, input.input-text-color:invalid, .tool-form input:invalid:not([type]), .tool-form input:invalid[type="date"], .tool-form input:invalid[type="datetime-local"], .tool-form input:invalid[type="email"], .tool-form input:invalid[type="password"], .tool-form input:invalid[type="number"], .tool-form input:invalid[type="search"], .tool-form input:invalid[type="tel"], .tool-form input:invalid[type="text"], .tool-form input:invalid[type="time"], .tool-form input:invalid[type="url"], .tool-form input:invalid[contenteditable="true"], .results-form .age-groups input:invalid {
    background-color: #ffb678; }
  .input-text-color[contenteditable], .tool-form input[contenteditable]:not([type]), .tool-form input[contenteditable][type="date"], .tool-form input[contenteditable][type="datetime-local"], .tool-form input[contenteditable][type="email"], .tool-form input[contenteditable][type="password"], .tool-form input[contenteditable][type="number"], .tool-form input[contenteditable][type="search"], .tool-form input[contenteditable][type="tel"], .tool-form input[contenteditable][type="text"], .tool-form input[contenteditable][type="time"], .tool-form input[contenteditable][type="url"], .tool-form textarea[contenteditable], .tool-form [contenteditable][contenteditable="true"], .results-form .age-groups input[contenteditable], input.input-text-color[contenteditable], .tool-form input[contenteditable]:not([type]), .tool-form input[contenteditable][type="date"], .tool-form input[contenteditable][type="datetime-local"], .tool-form input[contenteditable][type="email"], .tool-form input[contenteditable][type="password"], .tool-form input[contenteditable][type="number"], .tool-form input[contenteditable][type="search"], .tool-form input[contenteditable][type="tel"], .tool-form input[contenteditable][type="text"], .tool-form input[contenteditable][type="time"], .tool-form input[contenteditable][type="url"], .tool-form input[contenteditable][contenteditable="true"], .results-form .age-groups input[contenteditable] {
    overflow-y: auto;
    overflow-x: hidden;
    -webkit-overflow-scrolling: touch;
    max-height: 60vh; }
    .input-text-color[contenteditable] a, .tool-form input[contenteditable]:not([type]) a, .tool-form input[contenteditable][type="date"] a, .tool-form input[contenteditable][type="datetime-local"] a, .tool-form input[contenteditable][type="email"] a, .tool-form input[contenteditable][type="password"] a, .tool-form input[contenteditable][type="number"] a, .tool-form input[contenteditable][type="search"] a, .tool-form input[contenteditable][type="tel"] a, .tool-form input[contenteditable][type="text"] a, .tool-form input[contenteditable][type="time"] a, .tool-form input[contenteditable][type="url"] a, .tool-form textarea[contenteditable] a, .tool-form [contenteditable][contenteditable="true"] a, .results-form .age-groups input[contenteditable] a, input.input-text-color[contenteditable] a, .tool-form input[contenteditable]:not([type]) a, .tool-form input[contenteditable][type="date"] a, .tool-form input[contenteditable][type="datetime-local"] a, .tool-form input[contenteditable][type="email"] a, .tool-form input[contenteditable][type="password"] a, .tool-form input[contenteditable][type="number"] a, .tool-form input[contenteditable][type="search"] a, .tool-form input[contenteditable][type="tel"] a, .tool-form input[contenteditable][type="text"] a, .tool-form input[contenteditable][type="time"] a, .tool-form input[contenteditable][type="url"] a, .tool-form input[contenteditable][contenteditable="true"] a, .results-form .age-groups input[contenteditable] a {
      text-decoration: underline; }

.field-text-editor strong, .field-text-editor b {
  font-weight: 600; }

.field-text-editor--toolbar {
  border: 1px solid #181818;
  border-bottom: none;
  color: #686868;
  padding: 0.4em 1em 0.5em 0.6em;
  text-align: left; }
  .field-text-editor--toolbar button {
    font-size: 0.8181818182rem;
    line-height: 1.2222222222;
    letter-spacing: -0.0045454545rem;
    border: none;
    background: none;
    opacity: 0.3; }
    @media screen and (max-width: 640px) {
      .field-text-editor--toolbar button {
        font-size: 0.6818181818rem;
        line-height: 1.3333333333; } }
  .field-text-editor--toolbar button:hover {
    opacity: 1; }

.button, .tool-form button {
  border-radius: 2em;
  border: none;
  padding: 0.5em 1em;
  text-transform: uppercase; }
  .button.is-big, .tool-form button.is-big {
    display: block;
    --button-bg: #ff973e;
    --button-text: #181818; }
  .button.no-case, .tool-form button.no-case {
    text-transform: none; }
  .button:active, .tool-form button:active {
    --button-bg: #ff973e;
    --button-text: #181818; }
  .button:disabled, .tool-form button:disabled, .tool:not(.is-many-seasons) .results-data--options {
    --button-bg: #FFFFFF;
    --button-text: #d1d1d1;
    pointer-events: none; }
  @media (hover: hover) {
    .button:hover, .tool-form button:hover {
      --button-bg: #181818;
      --button-text: #ff973e; } }
  @media screen and (max-width: 640px) {
    .button, .tool-form button {
      padding: 0.4em 1.1em;
      margin-bottom: 0.8em; } }

.button-link, .results-form form button {
  color: #686868;
  color: var(--link-color, #686868);
  border: none;
  padding: 0;
  background: none;
  text-decoration: underline; }
  @media (hover: hover) {
    .button-link:hover, .results-form form button:hover {
      text-decoration: none; } }
  .button-link.is-dark, .results-form form button.is-dark {
    --link-color: #181818; }

.button-tab, .button-tabs > * {
  padding: 0;
  border: none;
  background-color: transparent;
  color: #181818; }
  .button-tab:not(.is-selected), .button-tabs > :not(.is-selected) {
    color: #686868; }

.button-tabs {
  margin-left: -0.7em;
  margin-bottom: 1em; }
  .button-tabs > * {
    margin-left: 0.7em; }

.datalist--head, .datalist--main {
  background-color: #ff973e;
  border: none; }

.datalist--head {
  border-radius: 1.1em; }

.datalist--knob {
  padding-left: 0.5em;
  line-height: 1.05em; }
  .datalist--knob span {
    display: none; }
  .datalist--knob:before {
    display: inline-block;
    content: '+'; }

.datalist--head, .datalist--option {
  padding: 0.4em 1em 0.45em; }

.datalist--main {
  overflow-y: auto;
  overflow-x: hidden;
  -webkit-overflow-scrolling: touch;
  -ms-overflow-style: none;
  /* Internet Explorer 10+ */
  scrollbar-width: none;
  border-radius: 0 0 1em 1em; }
  .datalist--main::-webkit-scrollbar {
    display: none;
    /* Safari and Chrome */ }

.datalist--results {
  margin: 0; }

.datalist--option {
  padding-top: 0;
  padding-bottom: 0;
  line-height: 1.45em; }

.datalist--option:hover, .datalist--option.is-selected {
  background-color: #d1d1d1; }

.datalist.is-open .datalist--head {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0; }

.datalist.is-open .datalist--knob:before {
  content: '−'; }

@media screen and (min-width: 641px) and (max-width: 1024px) {
  .datalist--head {
    padding: 0.4em 1em 0.4em; }
  .datalist--knob {
    line-height: 1.1; } }

@media screen and (max-width: 640px) {
  .datalist--head, .datalist--option {
    padding: 0.45em 1.15em 0.4em; }
  .datalist--head {
    border-radius: 1.2em; }
  .datalist--option {
    padding-top: 0.1em;
    padding-bottom: 0.1em; }
  .datalist--knob {
    line-height: 1.1; } }

form .errors {
  font-style: italic;
  color: red;
  margin-bottom: 1em; }

fieldset {
  margin: 0.5em 0;
  position: relative; }
  fieldset > .is-action {
    position: absolute;
    top: 0.5em;
    right: 0px;
    bottom: auto;
    left: auto; }
  fieldset.has-error {
    --border-color:red; }

.legend {
  font-size: 0.8181818182rem;
  line-height: 1.2222222222;
  letter-spacing: -0.0045454545rem;
  margin-bottom: 2em; }
  @media screen and (max-width: 640px) {
    .legend {
      font-size: 0.6818181818rem;
      line-height: 1.3333333333; } }
  .legend--box {
    display: inline-block;
    height: 15px;
    width: 30px; }

.item-cookie-bar--close-top {
  display: none; }

.item-cookie-bar--inside {
  font-size: 1.1363636364rem;
  line-height: 1.2;
  --link-color: #181818;
  background-color: #ff973e;
  display: flex;
  justify-content: space-between;
  padding: 1em calc(((1 * 30px)));
  padding: 1em calc(((1 * var(--column-padding, 30px)))); }
  @media screen and (max-width: 640px) {
    .item-cookie-bar--inside {
      font-size: 0.6818181818rem;
      line-height: 1.3333333333; } }

.item-cookie-bar--options {
  display: flex;
  align-items: center;
  white-space: nowrap; }
  .item-cookie-bar--options button {
    margin-left: 1em;
    margin-bottom: 0; }

@media screen and (max-width: 640px) {
  .item-cookie-bar--inside {
    display: block; }
  .item-cookie-bar--text {
    max-width: none; }
  .item-cookie-bar--options {
    margin-top: 1em;
    flex-direction: row-reverse;
    justify-content: space-between; }
    .item-cookie-bar--options button {
      margin-left: 0; }
  .item-cookie-bar--trigger {
    padding: 0.3em 1.4em; } }

.item-methodology {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 80;
  display: flex;
  height: 100vh;
  left: auto; }
  .item-methodology--sidebar {
    border-left: 1px solid #181818;
    position: relative;
    flex: 0 0 auto;
    width: 63px; }
    .item-methodology--sidebar span {
      font-size: 1.6363636364rem;
      line-height: 1.1666666667;
      letter-spacing: -0.0136363636rem;
      position: absolute;
      top: 50%;
      right: auto;
      bottom: auto;
      left: 50%;
      transform: translate(-50%, -50%) rotate(-90deg);
      text-transform: uppercase;
      white-space: nowrap; }
      @media screen and (min-width: 641px) and (max-width: 1024px) {
        .item-methodology--sidebar span {
          font-size: 1.2727272727rem;
          line-height: 1.2142857143; } }
      @media screen and (max-width: 640px) {
        .item-methodology--sidebar span {
          font-size: 0.9090909091rem;
          line-height: 1.25; } }
  .item-methodology .item-overlay--outside {
    display: block;
    border-left: 1px solid #181818;
    flex: 1 1 auto;
    width: 100%; }
  @media screen and (max-width: 1024px) {
    .item-methodology--sidebar {
      display: none; }
    .item-methodology .item-overlay--outside {
      border-left: none; } }
  .item-methodology.is-open {
    width: 100%; }
  .item-methodology:not(.is-open) {
    display: flex; }
    .item-methodology:not(.is-open) .item-overlay--outside {
      display: none; }

.tool-form section footer {
  font-size: 0.8181818182rem;
  line-height: 1.2222222222;
  letter-spacing: -0.0045454545rem;
  margin-top: 2.30rem;
  margin-bottom: 5rem;
  padding-right: 0;
  display: flex;
  justify-content: space-between;
  align-items: flex-start; }
  @media screen and (max-width: 640px) {
    .tool-form section footer {
      font-size: 0.6818181818rem;
      line-height: 1.3333333333; } }
  @media screen and (max-width: 640px) {
    .tool-form section footer {
      text-align: right;
      margin-top: 0.8rem;
      display: block; } }

.tool-form--note {
  width: calc((100% + 12px) * 0.6666666667 - 12px + 0px);
  width: calc((100% + var(--column-gap, 12px)) * var(--column-ratio, 0.6666666667) - var(--column-gap, 12px) + 0px);
  color: #686868;
  text-align: left;
  margin-bottom: 1.2em; }
  .tool-form--note a {
    text-decoration: underline; }
  .tool-form--note a:hover {
    text-decoration: none; }
  @media screen and (min-width: 641px) and (max-width: 1024px) {
    .tool-form--note {
      width: calc((100% + var(--column-gap, 12px)) * (12 / var(--column-count, 18)) - var(--column-gap, 12px) + 0px); } }
  @media screen and (max-width: 640px) {
    .tool-form--note {
      width: auto; } }

.tool-form legend {
  font-size: 1.6363636364rem;
  line-height: 1.1666666667;
  letter-spacing: -0.0136363636rem; }
  @media screen and (min-width: 641px) and (max-width: 1024px) {
    .tool-form legend {
      font-size: 1.2727272727rem;
      line-height: 1.2142857143; } }
  @media screen and (max-width: 640px) {
    .tool-form legend {
      font-size: 0.9090909091rem;
      line-height: 1.25; } }

.tool-form--tooltip {
  position: absolute;
  top: auto;
  right: auto;
  bottom: calc(100% + 0.8em);
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  font-size: 0.8181818182rem;
  line-height: 1.2222222222;
  letter-spacing: -0.0045454545rem;
  background-color: #ff973e;
  padding: 1em;
  border-radius: 1em;
  text-align: left;
  white-space: nowrap; }
  @media screen and (max-width: 640px) {
    .tool-form--tooltip {
      font-size: 0.6818181818rem;
      line-height: 1.3333333333; } }
  .tool-form--tooltip strong {
    display: block; }
  .tool-form--tooltip .age-groups {
    display: block !important; }
  .tool-form--tooltip .age-groups--item {
    display: flex; }
    .tool-form--tooltip .age-groups--item > * {
      flex: 0 0 auto;
      flex-basis: calc((100% + var(--column-gap, 12px)) * (var(--column-ratio) / 1) - var(--column-gap, 12px) + 0px); }
      .tool-form--tooltip .age-groups--item > *:not(:first-child) {
        margin-left: calc(((1 * 12px)));
        margin-left: calc(((1 * var(--column-gap, 12px)))); }
    .tool-form--tooltip .age-groups--item > * {
      flex-basis: calc((100% + 12px) * 0.5 - 12px + 0px);
      flex-basis: calc((100% + var(--column-gap, 12px)) * var(--column-ratio, 0.5) - var(--column-gap, 12px) + 0px); }

@media screen and (min-width: 641px) and (max-width: 1024px) {
  .tool-form section {
    margin-top: 5.1rem; }
  .tool-form section footer {
    margin-top: 1.5rem; } }

.tool-form button {
  font-size: 1.6363636364rem;
  line-height: 1.4444444444;
  padding: 0.4em 1em; }
  @media screen and (min-width: 641px) and (max-width: 1024px) {
    .tool-form button {
      font-size: 1.2727272727rem;
      line-height: 1.2142857143; } }
  @media screen and (max-width: 640px) {
    .tool-form button {
      font-size: 0.9090909091rem;
      line-height: 1.25; } }
  @media screen and (max-width: 640px) {
    .tool-form button {
      padding: 0.6em 0.9em; } }

.tool-form .datalist {
  font-size: 1.6363636364rem;
  line-height: 1.4444444444; }
  @media screen and (min-width: 641px) and (max-width: 1024px) {
    .tool-form .datalist {
      font-size: 1.2727272727rem;
      line-height: 1.2142857143; } }
  @media screen and (max-width: 640px) {
    .tool-form .datalist {
      font-size: 0.9090909091rem;
      line-height: 1.25; } }
  .tool-form .datalist--head {
    padding: 0.35em 1em 0.4em; }
  .tool-form .datalist--knob {
    line-height: 1.25em; }
  @media screen and (min-width: 641px) and (max-width: 1024px) {
    .tool-form .datalist--head {
      padding: 0.5em 1em 0.5em; }
    .tool-form .datalist--knob {
      line-height: 1.05em; } }
  @media screen and (max-width: 640px) {
    .tool-form .datalist--head {
      padding: 0.55em 1em 0.6em; }
    .tool-form .datalist--knob {
      line-height: 1.05em; } }

.tool-form .age-groups {
  display: flex;
  flex-wrap: wrap;
  margin-left: calc((1.25rem) * -1);
  margin-left: calc((1.25rem) * -1);
  align-items: flex-end; }
  .tool-form .age-groups > * {
    flex: 0 0 auto;
    margin-left: calc((1.25rem));
    margin-left: calc((1.25rem));
    flex-basis: calc(100% * (var(--column-ratio) / 1) - var(--column-gap, 12px) + 0px); }
  .tool-form .age-groups > * {
    flex-basis: calc(100% * 0.2 - 1.25rem + 0px);
    flex-basis: calc(100% * var(--column-ratio, 0.2) - 1.25rem + 0px); }
  .tool-form .age-groups label {
    font-size: 1rem;
    letter-spacing: -0.0181818182rem;
    text-align: center;
    padding: 0.25em 0; }
    @media screen and (min-width: 641px) and (max-width: 1024px) {
      .tool-form .age-groups label {
        font-size: 0.8181818182rem;
        line-height: 1.2222222222; } }
    @media screen and (max-width: 640px) {
      .tool-form .age-groups label {
        font-size: 0.6818181818rem;
        line-height: 1.3333333333; } }
    @media screen and (max-width: 640px) {
      .tool-form .age-groups label {
        font-size: 0.5454545455rem;
        line-height: 1.6666666667; } }
  .tool-form .age-groups input {
    text-align: center; }
  @media screen and (max-width: 640px) {
    .tool-form .age-groups {
      display: flex;
      flex-wrap: wrap;
      margin-left: calc((0.3rem) * -1); }
      .tool-form .age-groups > * {
        flex: 0 0 auto;
        margin-left: calc((0.3rem)); }
      .tool-form .age-groups > * {
        flex-basis: calc(100% * var(--column-ratio, 0.2) - 0.3rem + 0px); }
      .tool-form .age-groups label {
        padding-top: 0; } }

.tool-form input:not([type]), .tool-form input[type="date"], .tool-form input[type="datetime-local"], .tool-form input[type="email"], .tool-form input[type="password"], .tool-form input[type="number"], .tool-form input[type="search"], .tool-form input[type="tel"], .tool-form input[type="text"], .tool-form input[type="time"], .tool-form input[type="url"], .tool-form textarea, .tool-form [contenteditable="true"] {
  font-size: 1.6363636364rem;
  line-height: 1.1666666667;
  letter-spacing: -0.0136363636rem; }
  @media screen and (min-width: 641px) and (max-width: 1024px) {
    .tool-form input:not([type]), .tool-form input[type="date"], .tool-form input[type="datetime-local"], .tool-form input[type="email"], .tool-form input[type="password"], .tool-form input[type="number"], .tool-form input[type="search"], .tool-form input[type="tel"], .tool-form input[type="text"], .tool-form input[type="time"], .tool-form input[type="url"], .tool-form textarea, .tool-form [contenteditable="true"] {
      font-size: 1.2727272727rem;
      line-height: 1.2142857143; } }
  @media screen and (max-width: 640px) {
    .tool-form input:not([type]), .tool-form input[type="date"], .tool-form input[type="datetime-local"], .tool-form input[type="email"], .tool-form input[type="password"], .tool-form input[type="number"], .tool-form input[type="search"], .tool-form input[type="tel"], .tool-form input[type="text"], .tool-form input[type="time"], .tool-form input[type="url"], .tool-form textarea, .tool-form [contenteditable="true"] {
      font-size: 0.9090909091rem;
      line-height: 1.25; } }

.tool-form:not([ready]) > form > section:not(:first-child) {
  display: none; }

.tool-form--step:not(.is-valid) {
  --button-bg: #FFFFFF;
  --button-text: #d1d1d1; }
  .tool-form--step:not(.is-valid) button {
    pointer-events: none; }

.tool-form-navigation {
  position: absolute;
  top: auto;
  right: 0px;
  bottom: 2.6rem;
  left: 0px; }
  .tool-form-navigation--pages {
    text-align: center; }
  .tool-form-navigation--page {
    font-size: 1.6363636364rem;
    line-height: 1.4444444444;
    display: inline-block;
    height: 50px;
    width: 50px;
    border-radius: 50%;
    -webkit-background-clip: border-box;
    -moz-background-clip: border;
    background-clip: border-box;
    margin: 0 0.1em;
    display: inline-flex;
    position: relative;
    align-items: center;
    justify-content: center; }
    @media screen and (min-width: 641px) and (max-width: 1024px) {
      .tool-form-navigation--page {
        font-size: 1.2727272727rem;
        line-height: 1.2142857143; } }
    @media screen and (max-width: 640px) {
      .tool-form-navigation--page {
        font-size: 0.9090909091rem;
        line-height: 1.25; } }
    .tool-form-navigation--page > span {
      top: -0.02em;
      left: -0.02em;
      position: relative; }
    .tool-form-navigation--page.is-current {
      background-color: #ff973e;
      text-decoration: none; }
    .tool-form-navigation--page[disabled], .tool-form-navigation--page.is-after {
      pointer-events: none;
      opacity: 0.2; }
    .tool-form-navigation--page:hover {
      text-decoration: none; }
  .tool-form-navigation--page[disabled] .tool-form--tooltip, .tool-form-navigation--page.is-after .tool-form--tooltip, .tool-form-navigation--page.is-current .tool-form--tooltip, .tool-form-navigation--page:not(:hover) .tool-form--tooltip {
    display: none; }
  @media screen and (max-width: 640px) {
    .tool-form-navigation {
      padding: 0 1em; }
      .tool-form-navigation--page {
        display: inline-block;
        height: 25px;
        width: 25px;
        border-radius: 50%;
        -webkit-background-clip: border-box;
        -moz-background-clip: border;
        background-clip: border-box;
        margin: 0 0.15em; }
        .tool-form-navigation--page > span {
          top: -0.01em;
          left: -0.02em; }
      .tool-form-navigation .tool-form--tooltip {
        display: none; } }

.results-form form {
  padding-left: 1.3em;
  counter-reset: section; }
  .results-form form .no-padding {
    margin-left: -1.3em; }

.results-form footer {
  margin-top: 2.4em; }

.results-form legend {
  display: block; }

.results-form section {
  margin-bottom: 1.25em;
  position: relative; }
  .results-form section footer {
    margin-left: -1.15em;
    margin-top: 0.2em; }
    .results-form section footer > * {
      margin-left: 1.15em; }
  .results-form section::before {
    position: absolute;
    top: 0px;
    right: auto;
    bottom: auto;
    left: -1.3em;
    content: counter(section) "."; }
  .results-form section:not(.is-editing) .edit,
  .results-form section.is-editing .view {
    display: none; }
  .results-form section:not(.is-hidden) {
    counter-increment: section; }

.results-form section.is-hidden {
  display: none; }

.results-form .datalist {
  margin: -0.4em -0.8rem 0 -1.7rem; }
  .results-form .datalist--head, .results-form .datalist--option {
    padding-left: 1.7rem; }
  .results-form .datalist--head:before {
    position: absolute;
    top: 0.4em;
    right: auto;
    bottom: auto;
    left: 0.65rem;
    content: counter(section) "."; }
  @media screen and (max-width: 640px) {
    .results-form .datalist {
      margin: -0.45em -0.4rem 0 -1.3rem; }
      .results-form .datalist--head, .results-form .datalist--option {
        padding-left: 1.3rem; }
      .results-form .datalist--head:before {
        top: .45em;
        left: 0.41rem; } }

.results-form .age-groups--item {
  display: flex;
  align-items: center; }

.results-form .age-groups--item > * {
  width: 50%; }

.results-form .age-groups.is-inputs {
  padding-top: 0.4em; }

.results-form .age-groups input {
  padding: 0.2em;
  width: 2.9em;
  margin-left: -0.5em;
  margin-bottom: 0.22em;
  text-align: center; }

@media screen and (min-width: 641px) and (max-width: 1024px) {
  .results-form .age-groups {
    width: 50%; } }

@media screen and (min-width: 1025px) {
  .results-form {
    position: sticky;
    top: 1em; } }

.tool:not(.is-many-seasons) .many-seasons {
  display: none; }

.tool.is-many-seasons .single-season {
  display: none; }

.tool.is-all-seasons .add-season {
  display: none; }

.results-data button {
  font-size: 0.8181818182rem;
  line-height: 1.2222222222;
  letter-spacing: -0.0045454545rem; }
  @media screen and (max-width: 640px) {
    .results-data button {
      font-size: 0.6818181818rem;
      line-height: 1.3333333333; } }

.results-data--options {
  margin-top: 2.2rem;
  margin-bottom: 0.2rem;
  text-align: right; }

@media screen and (max-width: 640px) {
  .results-data--options {
    margin-top: 0; } }

.results-data--chart {
  font-size: 0.8181818182rem;
  line-height: 1.2222222222;
  letter-spacing: -0.0045454545rem;
  position: relative;
  margin-bottom: 4.05em; }
  @media screen and (max-width: 640px) {
    .results-data--chart {
      font-size: 0.6818181818rem;
      line-height: 1.3333333333; } }

.results-data--chart-inside {
  position: relative; }

.results-data--chart-values {
  display: flex;
  flex-direction: column;
  height: 100%;
  width: 100%; }

.results-data--chart-inside .results-data--chart-values {
  position: absolute;
  top: 0;
  right: auto;
  bottom: auto;
  left: 0; }
  .results-data--chart-inside .results-data--chart-values section {
    border-top: 1px solid #181818;
    padding-top: 0.4em;
    height: 33.33%; }

.results-data--chart-outside section {
  display: flex;
  margin-bottom: 1.2em; }

.results-data--chart-counter {
  margin-right: 0.8em; }

.results-data--chart:not(.is-small) .results-data--chart-outside, .results-data--chart:not(.is-small) .results-data--chart-counter {
  display: none; }

.results-data--chart.is-small {
  margin-bottom: 2.1em; }

.results-data--chart.is-small .results-data--chart-inside .results-data--chart-value {
  display: none; }

.results-data--chart.is-small .results-data--chart-inside {
  margin-bottom: 1rem; }

.results-data--summary-table td:nth-child(2) {
  --column-ratio:2/12; }

.results-data--summary-table td:nth-child(3) {
  --column-ratio:4/12; }

.results-data--results {
  margin-bottom: 6.6em; }

.results-data--interpret-results {
  margin: 2em 0; }

.results-data--sensitivity {
  margin-bottom: 6.05em; }
  .results-data--sensitivity table tr td {
    min-width: 110px; }
  .results-data--sensitivity .legend {
    margin-bottom: 2em; }

.results-data--sensitivity-intro {
  margin-bottom: 1.8em; }

.results-data--output {
  margin-left: -0.75em;
  margin-top: 5.9em;
  margin-bottom: 2.2em; }
  .results-data--output > * {
    margin-left: 0.75em; }
  .results-data--output button {
    font-size: 1rem;
    line-height: 1.1818181818; }
    @media screen and (max-width: 640px) {
      .results-data--output button {
        font-size: 0.6818181818rem;
        line-height: 1.3333333333; } }

.page-tool .site-heading {
  margin-bottom: 0.8em; }

.page-tool .size-big .site-heading {
  padding-right: 0; }

.page-tool--sidebar {
  font-size: 0.8181818182rem;
  line-height: 1.2222222222;
  letter-spacing: -0.0045454545rem; }
  @media screen and (max-width: 640px) {
    .page-tool--sidebar {
      font-size: 0.6818181818rem;
      line-height: 1.3333333333; } }

.page-tool--loading {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 100000000000000000000;
  background-color: rgba(255, 255, 255, 0.6);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 400px;
  color: #ff973e;
  line-height: 1; }
  .page-tool--loading span {
    animation: dot-up .5s infinite alternate; }
  .page-tool--loading span:nth-child(2) {
    animation-delay: 0.1s; }
  .page-tool--loading span:nth-child(3) {
    animation-delay: 0.2s; }
  @media screen and (max-width: 1024px) {
    .page-tool--loading {
      font-size: 200px; } }

@keyframes dot-up {
  from {
    transform: translateY(0); }
  to {
    transform: translateY(-50px); } }

.page-tool .site-header, .page-tool .site-footer, .page-tool .item-cookie-bar--inside {
  padding-right: calc((100% + 12px) * (1 / 18) - 12px + ((1 * 12px) + (1 * 30px)));
  padding-right: calc((100% + var(--column-gap, 12px)) * (1 / var(--column-count, 18)) - var(--column-gap, 12px) + ((1 * var(--column-gap, 12px)) + (1 * var(--column-padding, 30px)))); }

@media screen and (max-width: 1024px) {
  .page-tool .site-header, .page-tool .site-footer, .page-tool .item-cookie-bar--inside {
    padding-right: calc(((1 * var(--column-padding, 30px)))); } }

.page-tool--tabs {
  margin-bottom: 2.4em; }

@media screen and (max-width: 640px) {
  .page-tool--tabs {
    margin-top: 4.2em;
    margin-bottom: 1.5em; } }

.page-tool[ready]:not(.is-view-form) .page-tool--form,
.page-tool:not(.is-view-results) .page-tool--results {
  display: none; }

.page-tool:not(.is-loading) .page-tool--loading {
  display: none; }

.page-tool.is-loading {
  opacity: 1; }

@media print {
  .page-tool--tabs, .page-tool .size-small, .page-tool .results-form, .page-tool sup, .page-tool .legend {
    display: none; }
  .page-tool--data .site-heading, .page-tool--data .results-data--options, .page-tool--data .results-data--output {
    display: none; }
  .page-tool--results {
    display: block; }
  .page-tool aside, .page-tool article {
    border-right: none;
    padding: 0;
    width: auto; }
  .page-tool .item-overlay-compare {
    border-top: 1px solid #181818;
    display: block;
    position: static;
    height: auto;
    width: auto;
    padding-top: 2em; }
    .page-tool .item-overlay-compare--country {
      display: none; }
    .page-tool .item-overlay-compare .item-overlay--outside {
      border: none;
      display: block !important; }
    .page-tool .item-overlay-compare .item-overlay--inside {
      padding: 0;
      height: auto; }
  .page-tool .item-methodology {
    position: static; }
    .page-tool .item-methodology--sidebar {
      display: none; }
    .page-tool .item-methodology .item-overlay--outside {
      border: none;
      display: block !important; }
    .page-tool .item-methodology .item-overlay--inside {
      height: auto; }
      .page-tool .item-methodology .item-overlay--inside > .styled-content {
        border-top: 1px solid #181818;
        padding-top: 2em; }
    .page-tool .item-methodology .site-content, .page-tool .item-methodology .site-box, .page-tool .item-methodology .tool-form section, .tool-form .page-tool .item-methodology section {
      margin: 0;
      max-width: none;
      width: auto; }
  .page-tool:not(.is-print-results) .page-tool--data,
  .page-tool:not(.is-print-compare) .item-overlay-compare,
  .page-tool:not(.is-print-methodology) .item-methodology {
    display: none; } }

.page-admin .site-heading {
  margin-bottom: 0.5em; }

.page-admin .site-main {
  display: flex; }
  .page-admin .site-main > * {
    flex: 1 1 auto; }

.page-admin p {
  display: block;
  font-size: 0.9em; }

.page-admin form footer {
  z-index: 30;
  background-color: rgba(232, 232, 232, 0.7);
  padding-top: 1em;
  margin-top: 1em;
  position: sticky;
  bottom: 0; }

.page-admin .accordions {
  margin-top: 2.7em; }

.page-admin .languages .is-inactive {
  font-style: italic;
  opacity: 0.4; }

.page-admin fieldset {
  margin: 0 0 1.25em; }
  .page-admin fieldset > label {
    font-size: 0.8181818182rem;
    line-height: 1.2222222222;
    letter-spacing: -0.0045454545rem;
    margin-bottom: 0.2em; }
    @media screen and (max-width: 640px) {
      .page-admin fieldset > label {
        font-size: 0.6818181818rem;
        line-height: 1.3333333333; } }
  .page-admin fieldset small {
    margin-top: 0.5em;
    opacity: 0.6; }

.page-admin .button-tabs {
  margin-top: 2em;
  margin-bottom: 3em; }

@media screen and (max-width: 1024px) {
  .page-admin article {
    border-top: 1px solid #181818;
    margin: 4em -15px 1em;
    padding: 4em 15px; } }

.item-admin-site-files .csv-column {
  display: inline-block;
  background: #a3a3a3;
  color: #181818;
  margin: 0.2em 0.1em;
  padding: 0.1em 0.8em 0.2em;
  border-radius: 1em; }

.item-admin-site-files fieldset {
  margin-bottom: 3em; }

.item-admin-site-files table {
  margin-bottom: 1em; }

.item-admin-site-files th:first-child {
  --column-ratio:1/12;
  padding-right: 0;
  text-align: center; }

.item-admin-site-files td:nth-child(2) {
  width: 50%; }

.item-admin-site-files td:last-child {
  text-align: right;
  padding-right: 0;
  width: 100px; }

@media screen and (max-width: 1024px) {
  .item-admin-site-files table {
    margin-bottom: 0; }
  .item-admin-site-files th:first-child {
    --column-ratio:1/6; } }

accordion {
  display: block;
  margin-bottom: 1em; }

accordion-trigger {
  background-color: rgba(0, 0, 0, 0.2);
  display: block;
  padding: 1em; }

accordion-target {
  border: 2px solid rgba(0, 0, 0, 0.2);
  display: block;
  padding: 1em; }

[contenteditable="false"] {
  background-color: rgba(0, 0, 0, 0.5);
  color: white;
  border-radius: 2px;
  padding: 0.2em 0.5em; }

/*# sourceMappingURL=style.css.map */