.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle,.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle,.react-datepicker__year-read-view--down-arrow,.react-datepicker__month-read-view--down-arrow,.react-datepicker__month-year-read-view--down-arrow{margin-left:-8px;position:absolute}.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle,.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle,.react-datepicker__year-read-view--down-arrow,.react-datepicker__month-read-view--down-arrow,.react-datepicker__month-year-read-view--down-arrow,.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle::before,.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle::before,.react-datepicker__year-read-view--down-arrow::before,.react-datepicker__month-read-view--down-arrow::before,.react-datepicker__month-year-read-view--down-arrow::before{-webkit-box-sizing:content-box;box-sizing:content-box;position:absolute;border:8px solid transparent;height:0;width:1px}.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle::before,.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle::before,.react-datepicker__year-read-view--down-arrow::before,.react-datepicker__month-read-view--down-arrow::before,.react-datepicker__month-year-read-view--down-arrow::before{content:"";z-index:-1;border-width:8px;left:-8px;border-bottom-color:#aeaeae}.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle{top:0;margin-top:-8px}.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle,.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle::before{border-top:none;border-bottom-color:#f0f0f0}.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle::before{top:-1px;border-bottom-color:#aeaeae}.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle,.react-datepicker__year-read-view--down-arrow,.react-datepicker__month-read-view--down-arrow,.react-datepicker__month-year-read-view--down-arrow{bottom:0;margin-bottom:-8px}.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle,.react-datepicker__year-read-view--down-arrow,.react-datepicker__month-read-view--down-arrow,.react-datepicker__month-year-read-view--down-arrow,.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle::before,.react-datepicker__year-read-view--down-arrow::before,.react-datepicker__month-read-view--down-arrow::before,.react-datepicker__month-year-read-view--down-arrow::before{border-bottom:none;border-top-color:#fff}.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle::before,.react-datepicker__year-read-view--down-arrow::before,.react-datepicker__month-read-view--down-arrow::before,.react-datepicker__month-year-read-view--down-arrow::before{bottom:-1px;border-top-color:#aeaeae}.react-datepicker-wrapper{display:inline-block;padding:0;border:0}.react-datepicker{font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;font-size:.8rem;background-color:#fff;color:#000;border:1px solid #aeaeae;border-radius:.3rem;display:inline-block;position:relative}.react-datepicker--time-only .react-datepicker__triangle{left:35px}.react-datepicker--time-only .react-datepicker__time-container{border-left:0}.react-datepicker--time-only .react-datepicker__time,.react-datepicker--time-only .react-datepicker__time-box{border-bottom-left-radius:.3rem;border-bottom-right-radius:.3rem}.react-datepicker__triangle{position:absolute;left:50px}.react-datepicker-popper{z-index:1}.react-datepicker-popper[data-placement^=bottom]{margin-top:10px}.react-datepicker-popper[data-placement=bottom-end] .react-datepicker__triangle,.react-datepicker-popper[data-placement=top-end] .react-datepicker__triangle{left:auto;right:50px}.react-datepicker-popper[data-placement^=top]{margin-bottom:10px}.react-datepicker-popper[data-placement^=right]{margin-left:8px}.react-datepicker-popper[data-placement^=right] .react-datepicker__triangle{left:auto;right:42px}.react-datepicker-popper[data-placement^=left]{margin-right:8px}.react-datepicker-popper[data-placement^=left] .react-datepicker__triangle{left:42px;right:auto}.react-datepicker__header{text-align:center;background-color:#f0f0f0;border-bottom:1px solid #aeaeae;border-top-left-radius:.3rem;padding-top:8px;position:relative}.react-datepicker__header--time{padding-bottom:8px;padding-left:5px;padding-right:5px}.react-datepicker__header--time:not(.react-datepicker__header--time--only){border-top-left-radius:0}.react-datepicker__header:not(.react-datepicker__header--has-time-select){border-top-right-radius:.3rem}.react-datepicker__year-dropdown-container--select,.react-datepicker__month-dropdown-container--select,.react-datepicker__month-year-dropdown-container--select,.react-datepicker__year-dropdown-container--scroll,.react-datepicker__month-dropdown-container--scroll,.react-datepicker__month-year-dropdown-container--scroll{display:inline-block;margin:0 2px}.react-datepicker__current-month,.react-datepicker-time__header,.react-datepicker-year-header{margin-top:0;color:#000;font-weight:bold;font-size:.944rem}.react-datepicker-time__header{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.react-datepicker__navigation{background:none;line-height:1.7rem;text-align:center;cursor:pointer;position:absolute;top:10px;width:0;padding:0;border:.45rem solid transparent;z-index:1;height:10px;width:10px;text-indent:-999em;overflow:hidden}.react-datepicker__navigation--previous{left:10px;border-right-color:#ccc}.react-datepicker__navigation--previous:hover{border-right-color:#b3b3b3}.react-datepicker__navigation--previous--disabled,.react-datepicker__navigation--previous--disabled:hover{border-right-color:#e6e6e6;cursor:default}.react-datepicker__navigation--next{right:10px;border-left-color:#ccc}.react-datepicker__navigation--next--with-time:not(.react-datepicker__navigation--next--with-today-button){right:95px}.react-datepicker__navigation--next:hover{border-left-color:#b3b3b3}.react-datepicker__navigation--next--disabled,.react-datepicker__navigation--next--disabled:hover{border-left-color:#e6e6e6;cursor:default}.react-datepicker__navigation--years{position:relative;top:0;display:block;margin-left:auto;margin-right:auto}.react-datepicker__navigation--years-previous{top:4px;border-top-color:#ccc}.react-datepicker__navigation--years-previous:hover{border-top-color:#b3b3b3}.react-datepicker__navigation--years-upcoming{top:-4px;border-bottom-color:#ccc}.react-datepicker__navigation--years-upcoming:hover{border-bottom-color:#b3b3b3}.react-datepicker__month-container{float:left}.react-datepicker__year{margin:.4rem;text-align:center}.react-datepicker__year-wrapper{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;max-width:180px}.react-datepicker__year .react-datepicker__year-text{display:inline-block;width:4rem;margin:2px}.react-datepicker__month{margin:.4rem;text-align:center}.react-datepicker__month .react-datepicker__month-text,.react-datepicker__month .react-datepicker__quarter-text{display:inline-block;width:4rem;margin:2px}.react-datepicker__input-time-container{clear:both;width:100%;float:left;margin:5px 0 10px 15px;text-align:left}.react-datepicker__input-time-container .react-datepicker-time__caption{display:inline-block}.react-datepicker__input-time-container .react-datepicker-time__input-container{display:inline-block}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input{display:inline-block;margin-left:10px}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input{width:auto}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time]::-webkit-inner-spin-button,.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time]{-moz-appearance:textfield}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__delimiter{margin-left:5px;display:inline-block}.react-datepicker__time-container{float:right;border-left:1px solid #aeaeae;width:85px}.react-datepicker__time-container--with-today-button{display:inline;border:1px solid #aeaeae;border-radius:.3rem;position:absolute;right:-72px;top:0}.react-datepicker__time-container .react-datepicker__time{position:relative;background:white;border-bottom-right-radius:.3rem}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box{width:85px;overflow-x:hidden;margin:0 auto;text-align:center;border-bottom-right-radius:.3rem}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list{list-style:none;margin:0;height:calc(195px + .85rem);overflow-y:scroll;padding-right:0px;padding-left:0px;width:100%;-webkit-box-sizing:content-box;box-sizing:content-box}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item{height:30px;padding:5px 10px;white-space:nowrap}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item:hover{cursor:pointer;background-color:#f0f0f0}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--selected{background-color:#216ba5;color:white;font-weight:bold}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--selected:hover{background-color:#216ba5}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--disabled{color:#ccc}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--disabled:hover{cursor:default;background-color:transparent}.react-datepicker__week-number{color:#ccc;display:inline-block;width:1.7rem;line-height:1.7rem;text-align:center;margin:.166rem}.react-datepicker__week-number.react-datepicker__week-number--clickable{cursor:pointer}.react-datepicker__week-number.react-datepicker__week-number--clickable:hover{border-radius:.3rem;background-color:#f0f0f0}.react-datepicker__day-names,.react-datepicker__week{white-space:nowrap}.react-datepicker__day-name,.react-datepicker__day,.react-datepicker__time-name{color:#000;display:inline-block;width:1.7rem;line-height:1.7rem;text-align:center;margin:.166rem}.react-datepicker__month--selected,.react-datepicker__month--in-selecting-range,.react-datepicker__month--in-range,.react-datepicker__quarter--selected,.react-datepicker__quarter--in-selecting-range,.react-datepicker__quarter--in-range{border-radius:.3rem;background-color:#216ba5;color:#fff}.react-datepicker__month--selected:hover,.react-datepicker__month--in-selecting-range:hover,.react-datepicker__month--in-range:hover,.react-datepicker__quarter--selected:hover,.react-datepicker__quarter--in-selecting-range:hover,.react-datepicker__quarter--in-range:hover{background-color:#1d5d90}.react-datepicker__month--disabled,.react-datepicker__quarter--disabled{color:#ccc;pointer-events:none}.react-datepicker__month--disabled:hover,.react-datepicker__quarter--disabled:hover{cursor:default;background-color:transparent}.react-datepicker__day,.react-datepicker__month-text,.react-datepicker__quarter-text,.react-datepicker__year-text{cursor:pointer}.react-datepicker__day:hover,.react-datepicker__month-text:hover,.react-datepicker__quarter-text:hover,.react-datepicker__year-text:hover{border-radius:.3rem;background-color:#f0f0f0}.react-datepicker__day--today,.react-datepicker__month-text--today,.react-datepicker__quarter-text--today,.react-datepicker__year-text--today{font-weight:bold}.react-datepicker__day--highlighted,.react-datepicker__month-text--highlighted,.react-datepicker__quarter-text--highlighted,.react-datepicker__year-text--highlighted{border-radius:.3rem;background-color:#3dcc4a;color:#fff}.react-datepicker__day--highlighted:hover,.react-datepicker__month-text--highlighted:hover,.react-datepicker__quarter-text--highlighted:hover,.react-datepicker__year-text--highlighted:hover{background-color:#32be3f}.react-datepicker__day--highlighted-custom-1,.react-datepicker__month-text--highlighted-custom-1,.react-datepicker__quarter-text--highlighted-custom-1,.react-datepicker__year-text--highlighted-custom-1{color:magenta}.react-datepicker__day--highlighted-custom-2,.react-datepicker__month-text--highlighted-custom-2,.react-datepicker__quarter-text--highlighted-custom-2,.react-datepicker__year-text--highlighted-custom-2{color:green}.react-datepicker__day--selected,.react-datepicker__day--in-selecting-range,.react-datepicker__day--in-range,.react-datepicker__month-text--selected,.react-datepicker__month-text--in-selecting-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--selected,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--selected,.react-datepicker__year-text--in-selecting-range,.react-datepicker__year-text--in-range{border-radius:.3rem;background-color:#216ba5;color:#fff}.react-datepicker__day--selected:hover,.react-datepicker__day--in-selecting-range:hover,.react-datepicker__day--in-range:hover,.react-datepicker__month-text--selected:hover,.react-datepicker__month-text--in-selecting-range:hover,.react-datepicker__month-text--in-range:hover,.react-datepicker__quarter-text--selected:hover,.react-datepicker__quarter-text--in-selecting-range:hover,.react-datepicker__quarter-text--in-range:hover,.react-datepicker__year-text--selected:hover,.react-datepicker__year-text--in-selecting-range:hover,.react-datepicker__year-text--in-range:hover{background-color:#1d5d90}.react-datepicker__day--keyboard-selected,.react-datepicker__month-text--keyboard-selected,.react-datepicker__quarter-text--keyboard-selected,.react-datepicker__year-text--keyboard-selected{border-radius:.3rem;background-color:#2a87d0;color:#fff}.react-datepicker__day--keyboard-selected:hover,.react-datepicker__month-text--keyboard-selected:hover,.react-datepicker__quarter-text--keyboard-selected:hover,.react-datepicker__year-text--keyboard-selected:hover{background-color:#1d5d90}.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range{background-color:rgba(33, 107, 165, 0.5)}.react-datepicker__month--selecting-range .react-datepicker__day--in-range,.react-datepicker__month--selecting-range .react-datepicker__month-text--in-range,.react-datepicker__month--selecting-range .react-datepicker__quarter-text--in-range,.react-datepicker__month--selecting-range .react-datepicker__year-text--in-range{background-color:#f0f0f0;color:#000}.react-datepicker__day--disabled,.react-datepicker__month-text--disabled,.react-datepicker__quarter-text--disabled,.react-datepicker__year-text--disabled{cursor:default;color:#ccc}.react-datepicker__day--disabled:hover,.react-datepicker__month-text--disabled:hover,.react-datepicker__quarter-text--disabled:hover,.react-datepicker__year-text--disabled:hover{background-color:transparent}.react-datepicker__month-text.react-datepicker__month--selected:hover,.react-datepicker__month-text.react-datepicker__month--in-range:hover,.react-datepicker__month-text.react-datepicker__quarter--selected:hover,.react-datepicker__month-text.react-datepicker__quarter--in-range:hover,.react-datepicker__quarter-text.react-datepicker__month--selected:hover,.react-datepicker__quarter-text.react-datepicker__month--in-range:hover,.react-datepicker__quarter-text.react-datepicker__quarter--selected:hover,.react-datepicker__quarter-text.react-datepicker__quarter--in-range:hover{background-color:#216ba5}.react-datepicker__month-text:hover,.react-datepicker__quarter-text:hover{background-color:#f0f0f0}.react-datepicker__input-container{position:relative;display:inline-block;width:100%}.react-datepicker__year-read-view,.react-datepicker__month-read-view,.react-datepicker__month-year-read-view{border:1px solid transparent;border-radius:.3rem}.react-datepicker__year-read-view:hover,.react-datepicker__month-read-view:hover,.react-datepicker__month-year-read-view:hover{cursor:pointer}.react-datepicker__year-read-view:hover .react-datepicker__year-read-view--down-arrow,.react-datepicker__year-read-view:hover .react-datepicker__month-read-view--down-arrow,.react-datepicker__month-read-view:hover .react-datepicker__year-read-view--down-arrow,.react-datepicker__month-read-view:hover .react-datepicker__month-read-view--down-arrow,.react-datepicker__month-year-read-view:hover .react-datepicker__year-read-view--down-arrow,.react-datepicker__month-year-read-view:hover .react-datepicker__month-read-view--down-arrow{border-top-color:#b3b3b3}.react-datepicker__year-read-view--down-arrow,.react-datepicker__month-read-view--down-arrow,.react-datepicker__month-year-read-view--down-arrow{border-top-color:#ccc;float:right;margin-left:20px;top:8px;position:relative;border-width:.45rem}.react-datepicker__year-dropdown,.react-datepicker__month-dropdown,.react-datepicker__month-year-dropdown{background-color:#f0f0f0;position:absolute;width:50%;left:25%;top:30px;z-index:1;text-align:center;border-radius:.3rem;border:1px solid #aeaeae}.react-datepicker__year-dropdown:hover,.react-datepicker__month-dropdown:hover,.react-datepicker__month-year-dropdown:hover{cursor:pointer}.react-datepicker__year-dropdown--scrollable,.react-datepicker__month-dropdown--scrollable,.react-datepicker__month-year-dropdown--scrollable{height:150px;overflow-y:scroll}.react-datepicker__year-option,.react-datepicker__month-option,.react-datepicker__month-year-option{line-height:20px;width:100%;display:block;margin-left:auto;margin-right:auto}.react-datepicker__year-option:first-of-type,.react-datepicker__month-option:first-of-type,.react-datepicker__month-year-option:first-of-type{border-top-left-radius:.3rem;border-top-right-radius:.3rem}.react-datepicker__year-option:last-of-type,.react-datepicker__month-option:last-of-type,.react-datepicker__month-year-option:last-of-type{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border-bottom-left-radius:.3rem;border-bottom-right-radius:.3rem}.react-datepicker__year-option:hover,.react-datepicker__month-option:hover,.react-datepicker__month-year-option:hover{background-color:#ccc}.react-datepicker__year-option:hover .react-datepicker__navigation--years-upcoming,.react-datepicker__month-option:hover .react-datepicker__navigation--years-upcoming,.react-datepicker__month-year-option:hover .react-datepicker__navigation--years-upcoming{border-bottom-color:#b3b3b3}.react-datepicker__year-option:hover .react-datepicker__navigation--years-previous,.react-datepicker__month-option:hover .react-datepicker__navigation--years-previous,.react-datepicker__month-year-option:hover .react-datepicker__navigation--years-previous{border-top-color:#b3b3b3}.react-datepicker__year-option--selected,.react-datepicker__month-option--selected,.react-datepicker__month-year-option--selected{position:absolute;left:15px}.react-datepicker__close-icon{cursor:pointer;background-color:transparent;border:0;outline:0;padding:0px 6px 0px 0px;position:absolute;top:0;right:0;height:100%;display:table-cell;vertical-align:middle}.react-datepicker__close-icon::after{cursor:pointer;background-color:#216ba5;color:#fff;border-radius:50%;height:16px;width:16px;padding:2px;font-size:12px;line-height:1;text-align:center;display:table-cell;vertical-align:middle;content:"×"}.react-datepicker__today-button{background:#f0f0f0;border-top:1px solid #aeaeae;cursor:pointer;text-align:center;font-weight:bold;padding:5px 0;clear:left}.react-datepicker__portal{position:fixed;width:100vw;height:100vh;background-color:rgba(0, 0, 0, 0.8);left:0;top:0;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;z-index:2147483647}.react-datepicker__portal .react-datepicker__day-name,.react-datepicker__portal .react-datepicker__day,.react-datepicker__portal .react-datepicker__time-name{width:3rem;line-height:3rem}@media(max-width: 400px),(max-height: 550px){.react-datepicker__portal .react-datepicker__day-name,.react-datepicker__portal .react-datepicker__day,.react-datepicker__portal .react-datepicker__time-name{width:2rem;line-height:2rem}}.react-datepicker__portal .react-datepicker__current-month,.react-datepicker__portal .react-datepicker-time__header{font-size:1.44rem}.react-datepicker__portal .react-datepicker__navigation{border:.81rem solid transparent}.react-datepicker__portal .react-datepicker__navigation--previous{border-right-color:#ccc}.react-datepicker__portal .react-datepicker__navigation--previous:hover{border-right-color:#b3b3b3}.react-datepicker__portal .react-datepicker__navigation--previous--disabled,.react-datepicker__portal .react-datepicker__navigation--previous--disabled:hover{border-right-color:#e6e6e6;cursor:default}.react-datepicker__portal .react-datepicker__navigation--next{border-left-color:#ccc}.react-datepicker__portal .react-datepicker__navigation--next:hover{border-left-color:#b3b3b3}.react-datepicker__portal .react-datepicker__navigation--next--disabled,.react-datepicker__portal .react-datepicker__navigation--next--disabled:hover{border-left-color:#e6e6e6;cursor:default}
/* http://meyerweb.com/eric/tools/css/reset/
   v2.0 | 20110126
   License: none (public domain)
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
/* AKKURAT */

/* Normal */
@font-face {
  font-family: "Akkurat";
  src: url(/static/ccfd0dbe1e91854d64d2.woff2) format("woff2"),
       url(/static/ed73ba54d3326bfce8cf.woff) format("woff");
  font-weight: 400;
  font-style: normal;
}

@font-face {
  font-family: "Akkurat";
  src: url(/static/8a22baeec4e87b8faa39.woff2) format("woff2"),
       url(/static/295a84bf5fba60b45f1e.woff) format("woff");
  font-weight: 400;
  font-style: italic;
}

/* Light */
@font-face {
  font-family: "Akkurat";
  src: url(/static/d2e523ef008c891a0260.woff2) format("woff2"),
       url(/static/2ad4a2c92a4dcfb5fe0e.woff) format("woff");
  font-weight: 300;
  font-style: normal;
}

@font-face {
  font-family: "Akkurat";
  src: url(/static/7018e3c355133895cb36.woff2) format("woff2"),
       url(/static/8d7f0989a07b066ef8c8.woff) format("woff");
  font-weight: 300;
  font-style: italic;
}

/* Bold */
@font-face {
  font-family: "Akkurat";
  src: url(/static/a24cebf601fb4edb9682.woff2) format("woff2"),
       url(/static/69ab829a703bbb1e412a.woff) format("woff");
  font-weight: 700;
  font-style: normal;
}

@font-face {
  font-family: "Akkurat";
  src: url(/static/92ac729ce04e7090281d.woff2) format("woff2"),
       url(/static/9e4a0a9adf22fbacc232.woff) format("woff");
  font-weight: 700;
  font-style: italic;
}


/* CIRCULAR */
/* Normal */
@font-face {
  font-family: "Circular";
  src: url(/static/1f1f0b7a337d291e40d2.woff2) format("woff2"),
       url(/static/21a2c3d36dbaade80e2c.woff) format("woff");
  font-weight: 400;
  font-style: normal;
}

@font-face {
  font-family: "Circular";
  src: url(/static/7f0cc93da168bcfba041.woff2) format("woff2"),
       url(/static/cf3114ce9a673073b03b.woff) format("woff");
  font-weight: 400;
  font-style: italic;
}

/* Bold */
@font-face {
  font-family: "Circular";
  src: url(/static/2858431679b815919f95.woff2) format("woff2"),
       url(/static/1dd319b87a915b106596.woff) format("woff");
  font-weight: 500;
  font-style: normal;
}

@font-face {
  font-family: "Circular";
  src: url(/static/5124650afdc28e9dca30.woff2) format("woff2"),
       url(/static/9f00d60feb0e0401d7a1.woff) format("woff");
  font-weight: 500;
  font-style: italic;
}

/* Bolder */
@font-face {
  font-family: "Circular";
  src: url(/static/fb72b487cf867b50d2cb.woff2) format("woff2"),
       url(/static/b0808321079afca2aa34.woff) format("woff");
  font-weight: 700;
  font-style: normal;
}

@font-face {
  font-family: "Circular";
  src: url(/static/cb6e33bb3eee54a01841.woff2) format("woff2"),
       url(/static/c44d2fdecc94959d073c.woff) format("woff");
  font-weight: 700;
  font-style: italic;
}

/* Black */
@font-face {
  font-family: "Circular";
  src: url(/static/1b79f316c2ea9ff50934.woff2) format("woff2"),
       url(/static/fb41e6016c1193d0fc7b.woff) format("woff");
  font-weight: 900;
  font-style: normal;
}

@font-face {
  font-family: "Circular";
  src: url(/static/9a3ad909f85265c05948.woff2) format("woff2"),
       url(/static/6864f6d37a96502c3cf3.woff) format("woff");
  font-weight: 900;
  font-style: italic;
}

/*
  All variables should be named using BEM structure: --block__element--modifier
  See: http://getbem.com/naming for details.
*/

:root,
[module='palette'] {
  /* BASE PALLETTE */
  --wt-red-60: #FE8D6C;
  --wt-red-30: #D96E55;
  --wt-red-20--BRAND-RESERVED: #F9461C;
  --wt-red-10: #C93217;

  --wt-green-70: #43D787;
  --wt-green-50: #6FB991;
  --wt-green-30: #009530;
  --wt-green-20: #1F8A5D;
  --wt-green-10: #006E23;

  --wt-orange-50: #ECB671;
  --wt-orange-40: #ECBA74;
  --wt-orange-30: #F8C800;
  --wt-orange-20: #FFA037;
  --wt-orange-25: #FFB602;
  --wt-orange-15: #F9950A;
  --wt-orange-10: #E47F00;

  --wt-blue-70: #5593D5;
  --wt-blue-60: #2185D0;
  --wt-blue-50: #006BF7;
  --wt-blue-40: #004FB8;
  --wt-blue-35: #14408E;
  --wt-blue-30: #042866;

  --wt-teal-50: #2BA8B8;
  --wt-teal-40: #207D89;

  --wt-violet-50: #901CFC;
  --wt-violet-40: #612183;

  --wt-grayscale-00: black;
  --wt-grayscale-10: #191919;
  --wt-grayscale-20: #353535;
  --wt-grayscale-30: #707070;
  --wt-grayscale-40: #B7B7B7;
  --wt-grayscale-50: #D8D8D8;
  --wt-grayscale-60: #F4F4F4;
  --wt-grayscale-100: white;

  --wt-alpha--dark-10: rgba(160,158,158,0.1);
  --wt-alpha--dark-25: rgba(160,158,158,0.25);
  --wt-alpha--dark-70: rgba(160,158,158,0.7);

  --wt-alpha--light-10: rgba(255,255,255,0.1);
  --wt-alpha--light-45: rgba(255,255,255,0.45);

  /*--wt-white: white;*/
  --wt-transparent: rgba(255,255,255,0);

  /* START OF NEW PALLETE */

  /* GREYS */
  --wt-white:         #FFFFFF;
  --wt-lightGrey:     #f4f4f4;
  --wt-lightishGrey:  #d8d8d8;
  --wt-grey:          #B7B7B7;
  --wt-warmGreyTwo:   #A09E9E;
  --wt-warmGrey:      #707070;
  --wt-graphGrey:     #474747;
  --wt-blackTwo:      #353535;
  --wt-black:         #191919;
  --wt-blackout:      #000000;
  
  /* COOL COLORS */
  --wt-clouds:        #ECF8FA;
  --wt-dawn:          #D1EBEF;
  --wt-morning:       #A1BDE3;
  --wt-clearSky:      #5593D5;
  --wt-rainyDay:      #3C6999;
  --wt-twilight:      #14408E;
  --wt-blueHour:      #133A7E;
  --wt-dusk:          #042866;
  --wt-sundown:       #14408E;
  --wt-midnight:      #021940;

  /* WARM COLORS */
  --wt-horizon:       #F9F1EA;
  --wt-goldenHour:    #FFEAAF;
  --wt-sunbeam:       #FFCE69;
  --wt-brightDay:     #FFB705;
  --wt-sunburst:      #E42B14;
  --wt-senseOrange:   #F9461C;

  /* THIS SHOULD MOVE TO variables.css WHEN
  COMPONENTS USING IT MOVE TO PRODUCTION */
  --wt-error:         #EA000E;
}
body {
  color: var(--wt-font-color--primary);
  background-color: var(--wt-app__background);
}

::selection {
  background: var(--wt-primary-color);
  color: var(--wt-font-color--invert);
}

a { color: var(--wt-primary-color) }
a:visited { color: var(--wt-primary-color--active) }

/* DEFAULT */
:root,
[wt_theme="red"],
[wt_theme="pride"],
[module="theme--red"] {
  --wt-primary-color:           var(--wt-red-20--BRAND-RESERVED);
  --wt-primary-color--active:   var(--wt-red-10);
  --wt-input-color:             var(--wt-neutralGray-30);
  --wt-input-label:             var(--wt-grayscale-00);
  --wt-input-color--active:     var(--wt-brightDay);
  --wt-input__field-text:       var(--wt-neutralGray-60);
  --wt-input__field-icon:       var(--wt-neutralGray-40);
  --wt-select__field-icon:      var(--wt-grayscale-00);
  --wt-knob-color--disabled:    var(--wt-white);
  --wt-graph-color--primary:    var(--wt-green-70);
  --wt-solar-color:             var(--wt-orange-25);
  --wt-battery-charging:        var(--wt-red-20--BRAND-RESERVED);
  --wt-battery-discharging:     var(--wt-orange-15);
}

/* BLUE */
[wt_theme="blue"],
[module="theme--blue"] {
  --wt-primary-color:           var(--wt-blue-40);
  --wt-primary-color--active:   var(--wt-blue-50);
  --wt-graph-color--primary:    var(--wt-primary-color);
  --wt-solar-color:             var(--wt-orange-20);
  --wt-battery-charging:        var(--wt-red-20--BRAND-RESERVED);
  --wt-battery-discharging:     var(--wt-orange-15);
}
[wt_theme="blue"][wt_mode="dark"] {
  --wt-primary-color:           var(--wt-blue-50);
  --wt-primary-color--active:   var(--wt-blue-40);
}

/* PURPLE */
[wt_theme="purple"],
[module="theme--purple"] {
  --wt-primary-color:           var(--wt-violet-40);
  --wt-primary-color--active:   var(--wt-violet-50);
  --wt-graph-color--primary:    var(--wt-primary-color);
  --wt-solar-color:             var(--wt-orange-50);
  --wt-battery-charging:        var(--wt-red-20--BRAND-RESERVED);
  --wt-battery-discharging:     var(--wt-orange-15);
}
[wt_theme="purple"][wt_mode="dark"] {
  --wt-primary-color:           var(--wt-violet-50);
  --wt-primary-color--active:   var(--wt-violet-40);
}

/* TEAL */
[wt_theme="teal"],
[module="theme--teal"] {
  --wt-primary-color:           var(--wt-teal-40);
  --wt-primary-color--active:   var(--wt-teal-50);
  --wt-graph-color--primary:    var(--wt-primary-color);
  --wt-solar-color:             var(--wt-orange-30);
  --wt-battery-charging:        var(--wt-red-20--BRAND-RESERVED);
  --wt-battery-discharging:     var(--wt-orange-15);
}
[wt_theme="teal"][wt_mode="dark"] {
  --wt-primary-color:           var(--wt-teal-50);
  --wt-primary-color--active:   var(--wt-teal-40);
}

/* WISER */
[wt_theme="wiser"],
[module="theme--wiser"] {
  --wt-primary-color:           var(--wt-green-10);
  --wt-primary-color--active:   var(--wt-green-30);
  --wt-graph-color--primary:    var(--wt-primary-color);
  --wt-solar-color:             var(--wt-orange-25);
  --wt-battery-charging:        var(--wt-green-10);
  --wt-battery-discharging:     var(--wt-orange-10);
}
[wt_theme="wiser"][wt_mode="dark"] {
  --wt-primary-color:           var(--wt-green-30);
  --wt-primary-color--active:   var(--wt-green-10);
}

:root,
[wt_mode="light"],
[module="mode--light"] {
  --wt-app__background:         var(--wt-grayscale-60);
  --wt-card__background:        var(--wt-grayscale-100);
  --wt-item__border-color:      var(--wt-alpha--dark-25);
  --wt-item__overlay:           var(--wt-alpha--light-45);
  --wt-input-color--disabled:   var(--wt-lightGrey);
  --wt-input__field-background: var(--wt-lightGrey);
  --wt-notification__title:     var(--wt-sunburst);
  --wt-notification__close:     var(--wt-grayscale-30);
  --wt-notification__background: var(--wt-white);

  /* Temporary CSS Variables for Home & Device Survey */
  --survey-subheader:           var(--wt-warmGrey);
  --survey-label:               var(--wt-blackTwo);
  --survey-label__desc:         var(--wt-warmGrey);
  --survey-label__desc-selected:  var(--wt-warmGrey);
  --survey-input__border:       var(--wt-grey);
  --survey-input__border-selected:  var(--wt-senseOrange);
  --survey-button-tertiary:     var(--wt-warmGrey);
  --survey-input__field:        var(--wt-lightGrey);
  --survey-input__field-selected: var(--wt-horizon);
  --survey-incrementor__button: var(--wt-sunburst);
  --survey-card__background:    var(--wt-white);
}

[wt_mode="dark"],
[module="mode--dark"] {
  --wt-app__background:         var(--wt-grayscale-10);
  --wt-card__background:        var(--wt-grayscale-20);
  --wt-card__background-new:    var(--wt-midnight);
  --wt-item__border-color:      var(--wt-alpha--dark-25);
  --wt-item__overlay:           var(--wt-alpha--light-10);

  /* Hack to isolate the new Dark Mode color to the new inputs */
  --wt-input-color:             var(--wt-twilight);
  --wt-input-label:             var(--wt-clouds);
  --wt-input-color--disabled:   var(--wt-blueHour);
  --wt-knob-color--disabled:    var(--wt-rainyDay);
  --wt-input__field-background: var(--wt-blueHour);
  --wt-input__field-text:       var(--wt-clearSky);
  --wt-input__field-icon:       var(--wt-clearSky);
  --wt-select__field-icon:      var(--wt-clearSky);
  --wt-notification__title:     var(--wt-morning);
  --wt-notification__close:     var(--wt-morning);
  --wt-notification__background: var(--wt-dusk);

  /* Temporary CSS Variables for Home & Device Survey */
  --survey-subheader:           var(--wt-warmGreyTwo);
  --survey-label:               var(--wt-white);
  --survey-label__desc:         var(--wt-warmGreyTwo);
  --survey-label__desc-selected:  var(--wt-lightishGrey);
  --survey-input__border:       var(--wt-white);
  --survey-input__border-selected:  var(--wt-senseOrange);
  --survey-button-tertiary:     var(--wt-white);
  --survey-input__field:        var(--wt-blackTwo);
  --survey-input__field-selected: var(--wt-graphGrey);
  --survey-incrementor__button: var(--wt-senseOrange);
  --survey-card__background:    var(--wt-blackout);
}

/*
  All variables should be named using BEM structure: --block__element--modifier
  See: http://getbem.com/naming for details.
*/

:root,
[wt_theme="blue"],
[wt_theme="red"],
[wt_theme="teal"],
[wt_theme="purple"],
[wt_theme="wiser"],
[wt_mode="dark"],
[wt_mode="light"] {
  /* Buttons */
  --wt-button__text:                          var(--wt-font-color--invert);
  --wt-button__background:                    var(--wt-primary-color);
  --wt-button__background--active:            var(--wt-primary-color--active);
  --wt-button__border:                        var(--wt-primary-color);
  --wt-button__border--active:                var(--wt-primary-color--active);

  --wt-button--secondary__text:               var(--wt-primary-color);
  --wt-button--secondary__text--active:       var(--wt-primary-color--active);
  --wt-button--secondary__background:         var(--wt-transparent);
  --wt-button--secondary__background--active: var(--wt-alpha-gray--10);
  --wt-button--secondary__border:             var(--wt-primary-color);
  --wt-button--secondary__border--active:     var(--wt-primary-color--active);

  --wt-disabled__color:                       var(--wt-grayscale-50);

  /* Comparison */
  --wt-compare__color--low:                   var(--wt-green-20);
  --wt-compare__color--medium:                var(--wt-orange-15);
  --wt-compare__color--high:                  var(--wt-red-30);

  /* Message Levels */
  --wt-info__color:                           var(--wt-clearSky);
  --wt-success__color:                        var(--wt-green-50);
  --wt-error__color:                          var(--wt-red-30);
  --wt-warn__color:                           var(--wt-orange-40);

  /* Focus */
  --wt-focus-shadow:                          0 0 0px 2px var(--wt-font-color--primary);

  /* List Items */
  --wt-list__background:                      var(--wt-transparent);
  --wt-list__background--active:              var(--wt-alpha-light--10);
  --wt-list__border:                          var(--wt-alpha--dark-10);
}

@keyframes pulse {
  0% { opacity: 0.38 }
  50% { opacity: 0.9 }
  100% { opacity: 0.38 }
}

@keyframes shake {
  20% { transform: translate3d(-1px, 0, 0) }
  40% { transform: translate3d(2px, 0, 0) }
  60% { transform: translate3d(-4px, 0, 0) }
  80% { transform: translate3d(4px, 0, 0) }
}

@keyframes countup {
  0% { width: 0% }
  100% { width: 100% }
}
/* Body Defaults */
body {
  margin: 0;
  padding: 0;
}

/* Font Smoothing */
body {
  text-rendering: optimizeLegibility;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
}

hr {
  border: unset;
  border-top: 1px solid var(--wt-item__border-color);
  margin-bottom: 0.75em;
}


/*
  All variables should be named using BEM structure: --block----element--modifier
  See: http://getbem.com/naming for details.
*/

/*
  Elevation borrowed from Material design
  https://material.io/design/color/dark-theme.html#properties
*/

:root {
  --wt-gutter--0: 0em;
  --wt-gutter--1: 1.25rem;

  --wt-elevation-0--dark: rgba(255, 255, 255, 0);
  --wt-elevation-1--dark: rgba(255, 255, 255, 0.05);
  --wt-elevation-2--dark: rgba(255, 255, 255, 0.08);
  --wt-elevation-3--dark: rgba(255, 255, 255, 0.11);
  --wt-elevation-4--dark: rgba(255, 255, 255, 0.14);
  --wt-elevation-5--dark: rgba(255, 255, 255, 0.16);

  --wt-elevation-0--light: 0 0 0 rgba(0, 0, 0, 0);
  --wt-elevation-1--light: 0 1px 3px rgba(0, 0, 0, 0.12);
  --wt-elevation-2--light: 0 3px 6px rgba(0, 0, 0, 0.16);
  --wt-elevation-3--light: 0 10px 20px rgba(0, 0, 0, 0.19);
  --wt-elevation-4--light: 0 14px 28px rgba(0, 0, 0, 0.25);
  --wt-elevation-5--light: 0 19px 38px rgba(0, 0, 0, 0.30);
  --wt-notification__shadow: 0px 8px 20px -12px rgba(0, 0, 0, 0.14), 0px 2px 20px 0px rgba(0, 0, 0, 0.06);

  --wt-z-index--0: 000;
  --wt-z-index--1: 100;
  --wt-z-index--2: 200;
  --wt-z-index--3: 300;
  --wt-z-index--4: 400;
  --wt-z-index--5: 500;
  --wt-z-index--6: 600;
  --wt-z-index--7: 700;
  --wt-z-index--8: 800;
  --wt-z-index--9: 900;
  --wt-z-index--10: 1000;
  --wt-z-index--11: 1100;
}
/* Variables */
:root,
[module="typography"] {
  --wt-font: "Circular", Helvetica, Arial, sans-serif;
  --wt-font--number: "Akkurat", Helvetica, Arial, sans-serif;

  --wt-font-size--primary: 17px;
  --wt-font-size--secondary: 16px;
  --wt-font-size--tertiary: 14px;

  --wt-font-weight--light: 300;
  --wt-font-weight--normal: 400;
  --wt-font-weight--medium: 500;
  --wt-font-weight--bold: 700;
  --wt-font-weight--black: 900;
}

:root,
[wt_mode="light"] {
  --wt-font-color--primary:     var(--wt-grayscale-20);
  --wt-font-color--secondary:   var(--wt-grayscale-30);
  --wt-font-color--tertiary:    var(--wt-grayscale-40);
  --wt-font-color--invert:      var(--wt-grayscale-100);
}

[wt_mode="dark"] {
  --wt-font-color--primary:     var(--wt-grayscale-100);
  --wt-font-color--secondary:   var(--wt-grayscale-30);
  --wt-font-color--tertiary:    var(--wt-grayscale-40);
  --wt-font-color--invert:      var(--wt-grayscale-00);
}

body {
  font-family: var(--wt-font);
  font-size: var(--wt-font-size--primary);
  font-weight: var(--wt-font-weight--normal);
  line-height: 1.4285em;
}

/* TEXT */
.primary,
a.primary {
  color: var(--wt-font-color--primary);
  font-size: var(--wt-font-size--primary);
}

.secondary,
a.secondary {
  color: var(--wt-font-color--secondary);
  font-size: var(--wt-font-size--secondary);
}

.tertiary,
a.tertiary {
  color: var(--wt-font-color--tertiary);
  font-size: var(--wt-font-size--tertiary);
}

.number,
a.number {
  font-family: var(--wt-font--number)
}

/* HEADERS */
h1,h2,h3,h4,h5,h6 {
  margin-top: 1em;
  margin-bottom: 0.65em;
}

h1 {
  font-weight: var(--wt-font-weight--medium);
  color: var(--wt-font-color--primary);
  font-size: 32px;
  line-height: 41px;
}

h2 {
  font-weight: var(--wt-font-weight--bold);
  color: var(--wt-font-color--primary);
  font-size: 20px;
  line-height: 25.3px;
}

h3 {
  font-weight: var(--wt-font-weight--medium);
  color: var(--wt-font-color--tertiary);
  font-size: 16px;
  line-height: 24px;
}

h4 {
  font-weight: var(--wt-font-weight--medium);
  color: var(--wt-font-color--tertiary);
  font-size: 13px;
  line-height: 14px;
}

h5 {
  font-weight: var(--wt-font-weight--medium);
  color: var(--wt-font-color--primary);
  font-size: 12px;
  line-height: 16px;
  text-transform: uppercase;
}

p {
  margin-bottom: 1em;
}

