/* Clients can customize these properties directly */

/* Example */

:root {
	/*
	--timatic-widget__background-color: #CCC;
	--timatic-widget__background-color--highlight: lightcoral;
	--timatic-widget__background-color--alert-level-high: red;
	--timatic-widget__background-color--alert-level-medium: orange;
	--timatic-widget__background-color--alert-level-low: lightgreen;
	--timatic-widget__button__background-color: black;
	--timatic-widget__button__background-color--focus: black;
	--timatic-widget__button__background-color--hover: #333;
	--timatic-widget__button__border-color: transparent;
	--timatic-widget__button__border-color--focus: transparent;
	--timatic-widget__button__border-color--hover: transparent;
	--timatic-widget__button__border-radius: 7px;
	--timatic-widget__button__border-width: 2px;
	--timatic-widget__button__font-family: inherit;
	--timatic-widget__button__font-size: 14px;
	--timatic-widget__button__font-weight: normal;
	--timatic-widget__button__height: 30px;
	--timatic-widget__button__padding-h: 1em;
	--timatic-widget__button__padding-v: .5em;
	--timatic-widget__button__text__color: #FFF;
	--timatic-widget__button__text__color--focus: #FFF;
	--timatic-widget__button__text__color--hover: #FFF;
	--timatic-widget__button__text__uppercase: uppercase;
	--timatic-widget__color--action: green;
	--timatic-widget__color--alert-level-high: red;
	--timatic-widget__color--alert-level-medium: orange;
	--timatic-widget__color--alert-level-low: green;
	--timatic-widget__font__family: "Open Sans";
	--timatic-widget__font__line-height: 1.5;
	--timatic-widget__font__size: 16px;
	--timatic-widget__font__size--large: 18px;
	--timatic-widget__font__size--small: 16px;
	--timatic-widget__gutter: 15px;
	--timatic-widget__gutter--Y: 20px;
	--timatic-widget__heading__color: rgb(90, 31, 225);
	--timatic-widget__heading__font-family: "Raleway";
	--timatic-widget__heading__font-size: 32px;
	--timatic-widget__heading__font-size--s: 24px;
	--timatic-widget__heading__font-size--xs: 16px;
	--timatic-widget__heading__font-weight: bold;
	--timatic-widget__icon__font-size: 16px;
	--timatic-widget__input__background-color: #eee;
	--timatic-widget__input__border-color: #666;
	--timatic-widget__input__border-color--focus: #666;
	--timatic-widget__input__border-color--hover: #666;
	--timatic-widget__input__border__width: 2px;
	--timatic-widget__input__height: 30px;
	--timatic-widget__input__max-width: 350px;
	--timatic-widget__input__paddings: 1em 1em;
	--timatic-widget__loader__color: fuchsia;
	--timatic-widget__loader__size: 80px;
	--timatic-widget__max-width: 800px;
	--timatic-widget__min-width: 375px;
	--timatic-widget__padding: 20px;
	--timatic-widget__panel__header__background-color: lightblue;
	--timatic-widget__panel__header__text__color: #000;
	--timatic-widget__radio-button__size: 18px;
	--timatic-widget__radio-button__inner__color: rgb(90, 31, 225);
	--timatic-widget__radio-button__inner__size: 14px;
	--timatic-widget__radio-button__border__color: rgb(90, 31, 225);
	--timatic-widget__results__header__background-color: rgb(179, 255, 0);
	--timatic-widget__results__header__text__color: #000;
	--timatic-widget__spacer: 16px;
	--timatic-widget__text__color: #666;
	--timatic-widget__text__highlight-color: rgb(90, 31, 225);
	--timatic-widget__timeline__color: rgb(90, 31, 225);
*/
}

html, body {
	margin: 0;
	padding: 0;
	height: 100%;
}