@charset "UTF-8";
@font-face {
  font-family: "Noto Sans";
  font-stretch: 100%;
  font-style: normal;
  font-weight: 100;
  src: url("../fonts/noto/100/100.eot");
  src: url("../fonts/noto/100/100.eot?#iefix") format("embedded-opentype"), url("../fonts/noto/100/100.woff2") format("woff2"), url("../fonts/noto/100/100.woff") format("woff"), url("../fonts/noto/100/100.otf") format("opentype"), url("../fonts/noto/100/100.ttf") format("truetype"), url("../fonts/noto/100/100.svg#NotoSans-Thin") format("svg"); }
@font-face {
  font-family: "Noto Sans";
  font-stretch: 100%;
  font-style: italic;
  font-weight: 100;
  src: url("../fonts/noto/100/100i.eot");
  src: url("../fonts/noto/100/100i.eot?#iefix") format("embedded-opentype"), url("../fonts/noto/100/100i.woff2") format("woff2"), url("../fonts/noto/100/100i.woff") format("woff"), url("../fonts/noto/100/100i.otf") format("opentype"), url("../fonts/noto/100/100i.ttf") format("truetype"), url("../fonts/noto/100/100i.svg#NotoSans-ThinItalic") format("svg"); }
@font-face {
  font-family: "Noto Sans";
  font-stretch: 100%;
  font-style: normal;
  font-weight: 200;
  src: url("../fonts/noto/100/200.eot");
  src: url("../fonts/noto/100/200.eot?#iefix") format("embedded-opentype"), url("../fonts/noto/100/200.woff2") format("woff2"), url("../fonts/noto/100/200.woff") format("woff"), url("../fonts/noto/100/200.otf") format("opentype"), url("../fonts/noto/100/200.ttf") format("truetype"), url("../fonts/noto/100/200.svg#NotoSans-ExtraLight") format("svg"); }
@font-face {
  font-family: "Noto Sans";
  font-stretch: 100%;
  font-style: italic;
  font-weight: 200;
  src: url("../fonts/noto/100/200i.eot");
  src: url("../fonts/noto/100/200i.eot?#iefix") format("embedded-opentype"), url("../fonts/noto/100/200i.woff2") format("woff2"), url("../fonts/noto/100/200i.woff") format("woff"), url("../fonts/noto/100/200i.otf") format("opentype"), url("../fonts/noto/100/200i.ttf") format("truetype"), url("../fonts/noto/100/200i.svg#NotoSans-ExtraLightItalic") format("svg"); }
@font-face {
  font-family: "Noto Sans";
  font-stretch: 100%;
  font-style: normal;
  font-weight: 300;
  src: url("../fonts/noto/100/300.eot");
  src: url("../fonts/noto/100/300.eot?#iefix") format("embedded-opentype"), url("../fonts/noto/100/300.woff2") format("woff2"), url("../fonts/noto/100/300.woff") format("woff"), url("../fonts/noto/100/300.otf") format("opentype"), url("../fonts/noto/100/300.ttf") format("truetype"), url("../fonts/noto/100/300.svg#NotoSans-Light") format("svg"); }
@font-face {
  font-family: "Noto Sans";
  font-stretch: 100%;
  font-style: italic;
  font-weight: 300;
  src: url("../fonts/noto/100/300i.eot");
  src: url("../fonts/noto/100/300i.eot?#iefix") format("embedded-opentype"), url("../fonts/noto/100/300i.woff2") format("woff2"), url("../fonts/noto/100/300i.woff") format("woff"), url("../fonts/noto/100/300i.otf") format("opentype"), url("../fonts/noto/100/300i.ttf") format("truetype"), url("../fonts/noto/100/300i.svg#NotoSans-LightItalic") format("svg"); }
@font-face {
  font-family: "Noto Sans";
  font-stretch: 100%;
  font-style: normal;
  font-weight: 400;
  src: url("../fonts/noto/100/400.eot");
  src: url("../fonts/noto/100/400.eot?#iefix") format("embedded-opentype"), url("../fonts/noto/100/400.woff2") format("woff2"), url("../fonts/noto/100/400.woff") format("woff"), url("../fonts/noto/100/400.otf") format("opentype"), url("../fonts/noto/100/400.ttf") format("truetype"), url("../fonts/noto/100/400.svg#NotoSans-Regular") format("svg"); }
@font-face {
  font-family: "Noto Sans";
  font-stretch: 100%;
  font-style: italic;
  font-weight: 400;
  src: url("../fonts/noto/100/400i.eot");
  src: url("../fonts/noto/100/400i.eot?#iefix") format("embedded-opentype"), url("../fonts/noto/100/400i.woff2") format("woff2"), url("../fonts/noto/100/400i.woff") format("woff"), url("../fonts/noto/100/400i.otf") format("opentype"), url("../fonts/noto/100/400i.ttf") format("truetype"), url("../fonts/noto/100/400i.svg#NotoSans-Italic") format("svg"); }
@font-face {
  font-family: "Noto Sans";
  font-stretch: 100%;
  font-style: normal;
  font-weight: 500;
  src: url("../fonts/noto/100/500.eot");
  src: url("../fonts/noto/100/500.eot?#iefix") format("embedded-opentype"), url("../fonts/noto/100/500.woff2") format("woff2"), url("../fonts/noto/100/500.woff") format("woff"), url("../fonts/noto/100/500.otf") format("opentype"), url("../fonts/noto/100/500.ttf") format("truetype"), url("../fonts/noto/100/500.svg#NotoSans-Medium") format("svg"); }
@font-face {
  font-family: "Noto Sans";
  font-stretch: 100%;
  font-style: italic;
  font-weight: 500;
  src: url("../fonts/noto/100/500i.eot");
  src: url("../fonts/noto/100/500i.eot?#iefix") format("embedded-opentype"), url("../fonts/noto/100/500i.woff2") format("woff2"), url("../fonts/noto/100/500i.woff") format("woff"), url("../fonts/noto/100/500i.otf") format("opentype"), url("../fonts/noto/100/500i.ttf") format("truetype"), url("../fonts/noto/100/500i.svg#NotoSans-MediumItalic") format("svg"); }
@font-face {
  font-family: "Noto Sans";
  font-stretch: 100%;
  font-style: normal;
  font-weight: 600;
  src: url("../fonts/noto/100/600.eot");
  src: url("../fonts/noto/100/600.eot?#iefix") format("embedded-opentype"), url("../fonts/noto/100/600.woff2") format("woff2"), url("../fonts/noto/100/600.woff") format("woff"), url("../fonts/noto/100/600.otf") format("opentype"), url("../fonts/noto/100/600.ttf") format("truetype"), url("../fonts/noto/100/600.svg#NotoSans-SemiBold") format("svg"); }
@font-face {
  font-family: "Noto Sans";
  font-stretch: 100%;
  font-style: italic;
  font-weight: 600;
  src: url("../fonts/noto/100/600i.eot");
  src: url("../fonts/noto/100/600i.eot?#iefix") format("embedded-opentype"), url("../fonts/noto/100/600i.woff2") format("woff2"), url("../fonts/noto/100/600i.woff") format("woff"), url("../fonts/noto/100/600i.otf") format("opentype"), url("../fonts/noto/100/600i.ttf") format("truetype"), url("../fonts/noto/100/600i.svg#NotoSans-SemiBoldItalic") format("svg"); }
@font-face {
  font-family: "Noto Sans";
  font-stretch: 100%;
  font-style: normal;
  font-weight: 700;
  src: url("../fonts/noto/100/700.eot");
  src: url("../fonts/noto/100/700.eot?#iefix") format("embedded-opentype"), url("../fonts/noto/100/700.woff2") format("woff2"), url("../fonts/noto/100/700.woff") format("woff"), url("../fonts/noto/100/700.otf") format("opentype"), url("../fonts/noto/100/700.ttf") format("truetype"), url("../fonts/noto/100/700.svg#NotoSans-Bold") format("svg"); }
@font-face {
  font-family: "Noto Sans";
  font-stretch: 100%;
  font-style: italic;
  font-weight: 700;
  src: url("../fonts/noto/100/700i.eot");
  src: url("../fonts/noto/100/700i.eot?#iefix") format("embedded-opentype"), url("../fonts/noto/100/700i.woff2") format("woff2"), url("../fonts/noto/100/700i.woff") format("woff"), url("../fonts/noto/100/700i.otf") format("opentype"), url("../fonts/noto/100/700i.ttf") format("truetype"), url("../fonts/noto/100/700i.svg#NotoSans-BoldItalic") format("svg"); }
@font-face {
  font-family: "Noto Sans";
  font-stretch: 100%;
  font-style: normal;
  font-weight: 800;
  src: url("../fonts/noto/100/800.eot");
  src: url("../fonts/noto/100/800.eot?#iefix") format("embedded-opentype"), url("../fonts/noto/100/800.woff2") format("woff2"), url("../fonts/noto/100/800.woff") format("woff"), url("../fonts/noto/100/800.otf") format("opentype"), url("../fonts/noto/100/800.ttf") format("truetype"), url("../fonts/noto/100/800.svg#NotoSans-ExtraBold") format("svg"); }
@font-face {
  font-family: "Noto Sans";
  font-stretch: 100%;
  font-style: italic;
  font-weight: 800;
  src: url("../fonts/noto/100/800i.eot");
  src: url("../fonts/noto/100/800i.eot?#iefix") format("embedded-opentype"), url("../fonts/noto/100/800i.woff2") format("woff2"), url("../fonts/noto/100/800i.woff") format("woff"), url("../fonts/noto/100/800i.otf") format("opentype"), url("../fonts/noto/100/800i.ttf") format("truetype"), url("../fonts/noto/100/800i.svg#NotoSans-ExtraBoldItalic") format("svg"); }
@font-face {
  font-family: "Noto Sans";
  font-stretch: 100%;
  font-style: normal;
  font-weight: 900;
  src: url("../fonts/noto/100/900.eot");
  src: url("../fonts/noto/100/900.eot?#iefix") format("embedded-opentype"), url("../fonts/noto/100/900.woff2") format("woff2"), url("../fonts/noto/100/900.woff") format("woff"), url("../fonts/noto/100/900.otf") format("opentype"), url("../fonts/noto/100/900.ttf") format("truetype"), url("../fonts/noto/100/900.svg#NotoSans-Black") format("svg"); }
@font-face {
  font-family: "Noto Sans";
  font-stretch: 100%;
  font-style: italic;
  font-weight: 900;
  src: url("../fonts/noto/100/900i.eot");
  src: url("../fonts/noto/100/900i.eot?#iefix") format("embedded-opentype"), url("../fonts/noto/100/900i.woff2") format("woff2"), url("../fonts/noto/100/900i.woff") format("woff"), url("../fonts/noto/100/900i.otf") format("opentype"), url("../fonts/noto/100/900i.ttf") format("truetype"), url("../fonts/noto/100/900i.svg#NotoSans-BlackItalic") format("svg"); }
@font-face {
  font-family: "Noto Sans";
  font-stretch: 62.5%;
  font-style: normal;
  font-weight: 100;
  src: url("../fonts/noto/62.5/100.eot");
  src: url("../fonts/noto/62.5/100.eot?#iefix") format("embedded-opentype"), url("../fonts/noto/62.5/100.woff2") format("woff2"), url("../fonts/noto/62.5/100.woff") format("woff"), url("../fonts/noto/62.5/100.otf") format("opentype"), url("../fonts/noto/62.5/100.ttf") format("truetype"), url("../fonts/noto/62.5/100.svg#NotoSans-ExtraCondensedThin") format("svg"); }
@font-face {
  font-family: "Noto Sans";
  font-stretch: 62.5%;
  font-style: italic;
  font-weight: 100;
  src: url("../fonts/noto/62.5/100i.eot");
  src: url("../fonts/noto/62.5/100i.eot?#iefix") format("embedded-opentype"), url("../fonts/noto/62.5/100i.woff2") format("woff2"), url("../fonts/noto/62.5/100i.woff") format("woff"), url("../fonts/noto/62.5/100i.otf") format("opentype"), url("../fonts/noto/62.5/100i.ttf") format("truetype"), url("../fonts/noto/62.5/100i.svg#NotoSans-ExtraCondensedThinItalic") format("svg"); }
@font-face {
  font-family: "Noto Sans";
  font-stretch: 62.5%;
  font-style: normal;
  font-weight: 200;
  src: url("../fonts/noto/62.5/200.eot");
  src: url("../fonts/noto/62.5/200.eot?#iefix") format("embedded-opentype"), url("../fonts/noto/62.5/200.woff2") format("woff2"), url("../fonts/noto/62.5/200.woff") format("woff"), url("../fonts/noto/62.5/200.otf") format("opentype"), url("../fonts/noto/62.5/200.ttf") format("truetype"), url("../fonts/noto/62.5/200.svg#NotoSans-ExtraCondensedExtraLight") format("svg"); }
@font-face {
  font-family: "Noto Sans";
  font-stretch: 62.5%;
  font-style: italic;
  font-weight: 200;
  src: url("../fonts/noto/62.5/200i.eot");
  src: url("../fonts/noto/62.5/200i.eot?#iefix") format("embedded-opentype"), url("../fonts/noto/62.5/200i.woff2") format("woff2"), url("../fonts/noto/62.5/200i.woff") format("woff"), url("../fonts/noto/62.5/200i.otf") format("opentype"), url("../fonts/noto/62.5/200i.ttf") format("truetype"), url("../fonts/noto/62.5/200i.svg#NotoSans-ExtraCondensedExtraLightItalic") format("svg"); }
@font-face {
  font-family: "Noto Sans";
  font-stretch: 62.5%;
  font-style: normal;
  font-weight: 300;
  src: url("../fonts/noto/62.5/300.eot");
  src: url("../fonts/noto/62.5/300.eot?#iefix") format("embedded-opentype"), url("../fonts/noto/62.5/300.woff2") format("woff2"), url("../fonts/noto/62.5/300.woff") format("woff"), url("../fonts/noto/62.5/300.otf") format("opentype"), url("../fonts/noto/62.5/300.ttf") format("truetype"), url("../fonts/noto/62.5/300.svg#NotoSans-ExtraCondensedLight") format("svg"); }
@font-face {
  font-family: "Noto Sans";
  font-stretch: 62.5%;
  font-style: italic;
  font-weight: 300;
  src: url("../fonts/noto/62.5/300i.eot");
  src: url("../fonts/noto/62.5/300i.eot?#iefix") format("embedded-opentype"), url("../fonts/noto/62.5/300i.woff2") format("woff2"), url("../fonts/noto/62.5/300i.woff") format("woff"), url("../fonts/noto/62.5/300i.otf") format("opentype"), url("../fonts/noto/62.5/300i.ttf") format("truetype"), url("../fonts/noto/62.5/300i.svg#NotoSans-ExtraCondensedLightItalic") format("svg"); }
@font-face {
  font-family: "Noto Sans";
  font-stretch: 62.5%;
  font-style: normal;
  font-weight: 400;
  src: url("../fonts/noto/62.5/400.eot");
  src: url("../fonts/noto/62.5/400.eot?#iefix") format("embedded-opentype"), url("../fonts/noto/62.5/400.woff2") format("woff2"), url("../fonts/noto/62.5/400.woff") format("woff"), url("../fonts/noto/62.5/400.otf") format("opentype"), url("../fonts/noto/62.5/400.ttf") format("truetype"), url("../fonts/noto/62.5/400.svg#NotoSans-ExtraCondensed") format("svg"); }
@font-face {
  font-family: "Noto Sans";
  font-stretch: 62.5%;
  font-style: italic;
  font-weight: 400;
  src: url("../fonts/noto/62.5/400i.eot");
  src: url("../fonts/noto/62.5/400i.eot?#iefix") format("embedded-opentype"), url("../fonts/noto/62.5/400i.woff2") format("woff2"), url("../fonts/noto/62.5/400i.woff") format("woff"), url("../fonts/noto/62.5/400i.otf") format("opentype"), url("../fonts/noto/62.5/400i.ttf") format("truetype"), url("../fonts/noto/62.5/400i.svg#NotoSans-ExtraCondensedItalic") format("svg"); }
@font-face {
  font-family: "Noto Sans";
  font-stretch: 62.5%;
  font-style: normal;
  font-weight: 500;
  src: url("../fonts/noto/62.5/500.eot");
  src: url("../fonts/noto/62.5/500.eot?#iefix") format("embedded-opentype"), url("../fonts/noto/62.5/500.woff2") format("woff2"), url("../fonts/noto/62.5/500.woff") format("woff"), url("../fonts/noto/62.5/500.otf") format("opentype"), url("../fonts/noto/62.5/500.ttf") format("truetype"), url("../fonts/noto/62.5/500.svg#NotoSans-ExtraCondensedMedium") format("svg"); }
@font-face {
  font-family: "Noto Sans";
  font-stretch: 62.5%;
  font-style: italic;
  font-weight: 500;
  src: url("../fonts/noto/62.5/500i.eot");
  src: url("../fonts/noto/62.5/500i.eot?#iefix") format("embedded-opentype"), url("../fonts/noto/62.5/500i.woff2") format("woff2"), url("../fonts/noto/62.5/500i.woff") format("woff"), url("../fonts/noto/62.5/500i.otf") format("opentype"), url("../fonts/noto/62.5/500i.ttf") format("truetype"), url("../fonts/noto/62.5/500i.svg#NotoSans-ExtraCondensedMediumItalic") format("svg"); }
@font-face {
  font-family: "Noto Sans";
  font-stretch: 62.5%;
  font-style: normal;
  font-weight: 600;
  src: url("../fonts/noto/62.5/600.eot");
  src: url("../fonts/noto/62.5/600.eot?#iefix") format("embedded-opentype"), url("../fonts/noto/62.5/600.woff2") format("woff2"), url("../fonts/noto/62.5/600.woff") format("woff"), url("../fonts/noto/62.5/600.otf") format("opentype"), url("../fonts/noto/62.5/600.ttf") format("truetype"), url("../fonts/noto/62.5/600.svg#NotoSans-ExtraCondensedSemiBold") format("svg"); }
@font-face {
  font-family: "Noto Sans";
  font-stretch: 62.5%;
  font-style: italic;
  font-weight: 600;
  src: url("../fonts/noto/62.5/600i.eot");
  src: url("../fonts/noto/62.5/600i.eot?#iefix") format("embedded-opentype"), url("../fonts/noto/62.5/600i.woff2") format("woff2"), url("../fonts/noto/62.5/600i.woff") format("woff"), url("../fonts/noto/62.5/600i.otf") format("opentype"), url("../fonts/noto/62.5/600i.ttf") format("truetype"), url("../fonts/noto/62.5/600i.svg#NotoSans-ExtraCondensedSemiBoldItalic") format("svg"); }
@font-face {
  font-family: "Noto Sans";
  font-stretch: 62.5%;
  font-style: normal;
  font-weight: 700;
  src: url("../fonts/noto/62.5/700.eot");
  src: url("../fonts/noto/62.5/700.eot?#iefix") format("embedded-opentype"), url("../fonts/noto/62.5/700.woff2") format("woff2"), url("../fonts/noto/62.5/700.woff") format("woff"), url("../fonts/noto/62.5/700.otf") format("opentype"), url("../fonts/noto/62.5/700.ttf") format("truetype"), url("../fonts/noto/62.5/700.svg#NotoSans-ExtraCondensedBold") format("svg"); }
@font-face {
  font-family: "Noto Sans";
  font-stretch: 62.5%;
  font-style: italic;
  font-weight: 700;
  src: url("../fonts/noto/62.5/700i.eot");
  src: url("../fonts/noto/62.5/700i.eot?#iefix") format("embedded-opentype"), url("../fonts/noto/62.5/700i.woff2") format("woff2"), url("../fonts/noto/62.5/700i.woff") format("woff"), url("../fonts/noto/62.5/700i.otf") format("opentype"), url("../fonts/noto/62.5/700i.ttf") format("truetype"), url("../fonts/noto/62.5/700i.svg#NotoSans-ExtraCondensedBoldItalic") format("svg"); }
@font-face {
  font-family: "Noto Sans";
  font-stretch: 62.5%;
  font-style: normal;
  font-weight: 800;
  src: url("../fonts/noto/62.5/800.eot");
  src: url("../fonts/noto/62.5/800.eot?#iefix") format("embedded-opentype"), url("../fonts/noto/62.5/800.woff2") format("woff2"), url("../fonts/noto/62.5/800.woff") format("woff"), url("../fonts/noto/62.5/800.otf") format("opentype"), url("../fonts/noto/62.5/800.ttf") format("truetype"), url("../fonts/noto/62.5/800.svg#NotoSans-ExtraCondensedExtraBold") format("svg"); }
@font-face {
  font-family: "Noto Sans";
  font-stretch: 62.5%;
  font-style: italic;
  font-weight: 800;
  src: url("../fonts/noto/62.5/800i.eot");
  src: url("../fonts/noto/62.5/800i.eot?#iefix") format("embedded-opentype"), url("../fonts/noto/62.5/800i.woff2") format("woff2"), url("../fonts/noto/62.5/800i.woff") format("woff"), url("../fonts/noto/62.5/800i.otf") format("opentype"), url("../fonts/noto/62.5/800i.ttf") format("truetype"), url("../fonts/noto/62.5/800i.svg#NotoSans-ExtraCondensedExtraBoldItalic") format("svg"); }
@font-face {
  font-family: "Noto Sans";
  font-stretch: 62.5%;
  font-style: normal;
  font-weight: 900;
  src: url("../fonts/noto/62.5/900.eot");
  src: url("../fonts/noto/62.5/900.eot?#iefix") format("embedded-opentype"), url("../fonts/noto/62.5/900.woff2") format("woff2"), url("../fonts/noto/62.5/900.woff") format("woff"), url("../fonts/noto/62.5/900.otf") format("opentype"), url("../fonts/noto/62.5/900.ttf") format("truetype"), url("../fonts/noto/62.5/900.svg#NotoSans-ExtraCondensedBlack") format("svg"); }
@font-face {
  font-family: "Noto Sans";
  font-stretch: 62.5%;
  font-style: italic;
  font-weight: 900;
  src: url("../fonts/noto/62.5/900i.eot");
  src: url("../fonts/noto/62.5/900i.eot?#iefix") format("embedded-opentype"), url("../fonts/noto/62.5/900i.woff2") format("woff2"), url("../fonts/noto/62.5/900i.woff") format("woff"), url("../fonts/noto/62.5/900i.otf") format("opentype"), url("../fonts/noto/62.5/900i.ttf") format("truetype"), url("../fonts/noto/62.5/900i.svg#NotoSans-ExtraCondensedBlackItalic") format("svg"); }
@font-face {
  font-family: "Noto Sans";
  font-stretch: 75%;
  font-style: normal;
  font-weight: 100;
  src: url("../fonts/noto/75/100.eot");
  src: url("../fonts/noto/75/100.eot?#iefix") format("embedded-opentype"), url("../fonts/noto/75/100.woff2") format("woff2"), url("../fonts/noto/75/100.woff") format("woff"), url("../fonts/noto/75/100.otf") format("opentype"), url("../fonts/noto/75/100.ttf") format("truetype"), url("../fonts/noto/75/100.svg#NotoSans-CondensedThin") format("svg"); }
@font-face {
  font-family: "Noto Sans";
  font-stretch: 75%;
  font-style: italic;
  font-weight: 100;
  src: url("../fonts/noto/75/100i.eot");
  src: url("../fonts/noto/75/100i.eot?#iefix") format("embedded-opentype"), url("../fonts/noto/75/100i.woff2") format("woff2"), url("../fonts/noto/75/100i.woff") format("woff"), url("../fonts/noto/75/100i.otf") format("opentype"), url("../fonts/noto/75/100i.ttf") format("truetype"), url("../fonts/noto/75/100i.svg#NotoSans-CondensedThinItalic") format("svg"); }
@font-face {
  font-family: "Noto Sans";
  font-stretch: 75%;
  font-style: normal;
  font-weight: 200;
  src: url("../fonts/noto/75/200.eot");
  src: url("../fonts/noto/75/200.eot?#iefix") format("embedded-opentype"), url("../fonts/noto/75/200.woff2") format("woff2"), url("../fonts/noto/75/200.woff") format("woff"), url("../fonts/noto/75/200.otf") format("opentype"), url("../fonts/noto/75/200.ttf") format("truetype"), url("../fonts/noto/75/200.svg#NotoSans-CondensedExtraLight") format("svg"); }
@font-face {
  font-family: "Noto Sans";
  font-stretch: 75%;
  font-style: italic;
  font-weight: 200;
  src: url("../fonts/noto/75/200i.eot");
  src: url("../fonts/noto/75/200i.eot?#iefix") format("embedded-opentype"), url("../fonts/noto/75/200i.woff2") format("woff2"), url("../fonts/noto/75/200i.woff") format("woff"), url("../fonts/noto/75/200i.otf") format("opentype"), url("../fonts/noto/75/200i.ttf") format("truetype"), url("../fonts/noto/75/200i.svg#NotoSans-CondensedExtraLightItalic") format("svg"); }
@font-face {
  font-family: "Noto Sans";
  font-stretch: 75%;
  font-style: normal;
  font-weight: 300;
  src: url("../fonts/noto/75/300.eot");
  src: url("../fonts/noto/75/300.eot?#iefix") format("embedded-opentype"), url("../fonts/noto/75/300.woff2") format("woff2"), url("../fonts/noto/75/300.woff") format("woff"), url("../fonts/noto/75/300.otf") format("opentype"), url("../fonts/noto/75/300.ttf") format("truetype"), url("../fonts/noto/75/300.svg#NotoSans-CondensedLight") format("svg"); }
@font-face {
  font-family: "Noto Sans";
  font-stretch: 75%;
  font-style: italic;
  font-weight: 300;
  src: url("../fonts/noto/75/300i.eot");
  src: url("../fonts/noto/75/300i.eot?#iefix") format("embedded-opentype"), url("../fonts/noto/75/300i.woff2") format("woff2"), url("../fonts/noto/75/300i.woff") format("woff"), url("../fonts/noto/75/300i.otf") format("opentype"), url("../fonts/noto/75/300i.ttf") format("truetype"), url("../fonts/noto/75/300i.svg#NotoSans-CondensedLightItalic") format("svg"); }
@font-face {
  font-family: "Noto Sans";
  font-stretch: 75%;
  font-style: normal;
  font-weight: 400;
  src: url("../fonts/noto/75/400.eot");
  src: url("../fonts/noto/75/400.eot?#iefix") format("embedded-opentype"), url("../fonts/noto/75/400.woff2") format("woff2"), url("../fonts/noto/75/400.woff") format("woff"), url("../fonts/noto/75/400.otf") format("opentype"), url("../fonts/noto/75/400.ttf") format("truetype"), url("../fonts/noto/75/400.svg#NotoSans-Condensed") format("svg"); }
@font-face {
  font-family: "Noto Sans";
  font-stretch: 75%;
  font-style: italic;
  font-weight: 400;
  src: url("../fonts/noto/75/400i.eot");
  src: url("../fonts/noto/75/400i.eot?#iefix") format("embedded-opentype"), url("../fonts/noto/75/400i.woff2") format("woff2"), url("../fonts/noto/75/400i.woff") format("woff"), url("../fonts/noto/75/400i.otf") format("opentype"), url("../fonts/noto/75/400i.ttf") format("truetype"), url("../fonts/noto/75/400i.svg#NotoSans-CondensedItalic") format("svg"); }
@font-face {
  font-family: "Noto Sans";
  font-stretch: 75%;
  font-style: normal;
  font-weight: 500;
  src: url("../fonts/noto/75/500.eot");
  src: url("../fonts/noto/75/500.eot?#iefix") format("embedded-opentype"), url("../fonts/noto/75/500.woff2") format("woff2"), url("../fonts/noto/75/500.woff") format("woff"), url("../fonts/noto/75/500.otf") format("opentype"), url("../fonts/noto/75/500.ttf") format("truetype"), url("../fonts/noto/75/500.svg#NotoSans-CondensedMedium") format("svg"); }
@font-face {
  font-family: "Noto Sans";
  font-stretch: 75%;
  font-style: italic;
  font-weight: 500;
  src: url("../fonts/noto/75/500i.eot");
  src: url("../fonts/noto/75/500i.eot?#iefix") format("embedded-opentype"), url("../fonts/noto/75/500i.woff2") format("woff2"), url("../fonts/noto/75/500i.woff") format("woff"), url("../fonts/noto/75/500i.otf") format("opentype"), url("../fonts/noto/75/500i.ttf") format("truetype"), url("../fonts/noto/75/500i.svg#NotoSans-CondensedMediumItalic") format("svg"); }
@font-face {
  font-family: "Noto Sans";
  font-stretch: 75%;
  font-style: normal;
  font-weight: 600;
  src: url("../fonts/noto/75/600.eot");
  src: url("../fonts/noto/75/600.eot?#iefix") format("embedded-opentype"), url("../fonts/noto/75/600.woff2") format("woff2"), url("../fonts/noto/75/600.woff") format("woff"), url("../fonts/noto/75/600.otf") format("opentype"), url("../fonts/noto/75/600.ttf") format("truetype"), url("../fonts/noto/75/600.svg#NotoSans-CondensedSemiBold") format("svg"); }
@font-face {
  font-family: "Noto Sans";
  font-stretch: 75%;
  font-style: italic;
  font-weight: 600;
  src: url("../fonts/noto/75/600i.eot");
  src: url("../fonts/noto/75/600i.eot?#iefix") format("embedded-opentype"), url("../fonts/noto/75/600i.woff2") format("woff2"), url("../fonts/noto/75/600i.woff") format("woff"), url("../fonts/noto/75/600i.otf") format("opentype"), url("../fonts/noto/75/600i.ttf") format("truetype"), url("../fonts/noto/75/600i.svg#NotoSans-CondensedSemiBoldItalic") format("svg"); }
@font-face {
  font-family: "Noto Sans";
  font-stretch: 75%;
  font-style: normal;
  font-weight: 700;
  src: url("../fonts/noto/75/700.eot");
  src: url("../fonts/noto/75/700.eot?#iefix") format("embedded-opentype"), url("../fonts/noto/75/700.woff2") format("woff2"), url("../fonts/noto/75/700.woff") format("woff"), url("../fonts/noto/75/700.otf") format("opentype"), url("../fonts/noto/75/700.ttf") format("truetype"), url("../fonts/noto/75/700.svg#NotoSans-CondensedBold") format("svg"); }
@font-face {
  font-family: "Noto Sans";
  font-stretch: 75%;
  font-style: italic;
  font-weight: 700;
  src: url("../fonts/noto/75/700i.eot");
  src: url("../fonts/noto/75/700i.eot?#iefix") format("embedded-opentype"), url("../fonts/noto/75/700i.woff2") format("woff2"), url("../fonts/noto/75/700i.woff") format("woff"), url("../fonts/noto/75/700i.otf") format("opentype"), url("../fonts/noto/75/700i.ttf") format("truetype"), url("../fonts/noto/75/700i.svg#NotoSans-CondensedBoldItalic") format("svg"); }
@font-face {
  font-family: "Noto Sans";
  font-stretch: 75%;
  font-style: normal;
  font-weight: 800;
  src: url("../fonts/noto/75/800.eot");
  src: url("../fonts/noto/75/800.eot?#iefix") format("embedded-opentype"), url("../fonts/noto/75/800.woff2") format("woff2"), url("../fonts/noto/75/800.woff") format("woff"), url("../fonts/noto/75/800.otf") format("opentype"), url("../fonts/noto/75/800.ttf") format("truetype"), url("../fonts/noto/75/800.svg#NotoSans-CondensedExtraBold") format("svg"); }
@font-face {
  font-family: "Noto Sans";
  font-stretch: 75%;
  font-style: italic;
  font-weight: 800;
  src: url("../fonts/noto/75/800i.eot");
  src: url("../fonts/noto/75/800i.eot?#iefix") format("embedded-opentype"), url("../fonts/noto/75/800i.woff2") format("woff2"), url("../fonts/noto/75/800i.woff") format("woff"), url("../fonts/noto/75/800i.otf") format("opentype"), url("../fonts/noto/75/800i.ttf") format("truetype"), url("../fonts/noto/75/800i.svg#NotoSans-CondensedExtraBoldItalic") format("svg"); }
@font-face {
  font-family: "Noto Sans";
  font-stretch: 75%;
  font-style: normal;
  font-weight: 900;
  src: url("../fonts/noto/75/900.eot");
  src: url("../fonts/noto/75/900.eot?#iefix") format("embedded-opentype"), url("../fonts/noto/75/900.woff2") format("woff2"), url("../fonts/noto/75/900.woff") format("woff"), url("../fonts/noto/75/900.otf") format("opentype"), url("../fonts/noto/75/900.ttf") format("truetype"), url("../fonts/noto/75/900.svg#NotoSans-CondensedBlack") format("svg"); }
@font-face {
  font-family: "Noto Sans";
  font-stretch: 75%;
  font-style: italic;
  font-weight: 900;
  src: url("../fonts/noto/75/900i.eot");
  src: url("../fonts/noto/75/900i.eot?#iefix") format("embedded-opentype"), url("../fonts/noto/75/900i.woff2") format("woff2"), url("../fonts/noto/75/900i.woff") format("woff"), url("../fonts/noto/75/900i.otf") format("opentype"), url("../fonts/noto/75/900i.ttf") format("truetype"), url("../fonts/noto/75/900i.svg#NotoSans-CondensedBlackItalic") format("svg"); }
@font-face {
  font-family: "Noto Sans";
  font-stretch: 87.5%;
  font-style: normal;
  font-weight: 100;
  src: url("../fonts/noto/87.5/100.eot");
  src: url("../fonts/noto/87.5/100.eot?#iefix") format("embedded-opentype"), url("../fonts/noto/87.5/100.woff2") format("woff2"), url("../fonts/noto/87.5/100.woff") format("woff"), url("../fonts/noto/87.5/100.otf") format("opentype"), url("../fonts/noto/87.5/100.ttf") format("truetype"), url("../fonts/noto/87.5/100.svg#NotoSans-SemiCondensedThin") format("svg"); }
@font-face {
  font-family: "Noto Sans";
  font-stretch: 87.5%;
  font-style: italic;
  font-weight: 100;
  src: url("../fonts/noto/87.5/100i.eot");
  src: url("../fonts/noto/87.5/100i.eot?#iefix") format("embedded-opentype"), url("../fonts/noto/87.5/100i.woff2") format("woff2"), url("../fonts/noto/87.5/100i.woff") format("woff"), url("../fonts/noto/87.5/100i.otf") format("opentype"), url("../fonts/noto/87.5/100i.ttf") format("truetype"), url("../fonts/noto/87.5/100i.svg#NotoSans-SemiCondensedThinItalic") format("svg"); }
@font-face {
  font-family: "Noto Sans";
  font-stretch: 87.5%;
  font-style: normal;
  font-weight: 200;
  src: url("../fonts/noto/87.5/200.eot");
  src: url("../fonts/noto/87.5/200.eot?#iefix") format("embedded-opentype"), url("../fonts/noto/87.5/200.woff2") format("woff2"), url("../fonts/noto/87.5/200.woff") format("woff"), url("../fonts/noto/87.5/200.otf") format("opentype"), url("../fonts/noto/87.5/200.ttf") format("truetype"), url("../fonts/noto/87.5/200.svg#NotoSans-SemiCondensedExtraLight") format("svg"); }
@font-face {
  font-family: "Noto Sans";
  font-stretch: 87.5%;
  font-style: italic;
  font-weight: 200;
  src: url("../fonts/noto/87.5/200i.eot");
  src: url("../fonts/noto/87.5/200i.eot?#iefix") format("embedded-opentype"), url("../fonts/noto/87.5/200i.woff2") format("woff2"), url("../fonts/noto/87.5/200i.woff") format("woff"), url("../fonts/noto/87.5/200i.otf") format("opentype"), url("../fonts/noto/87.5/200i.ttf") format("truetype"), url("../fonts/noto/87.5/200i.svg#NotoSans-SemiCondensedExtraLightItalic") format("svg"); }
@font-face {
  font-family: "Noto Sans";
  font-stretch: 87.5%;
  font-style: normal;
  font-weight: 300;
  src: url("../fonts/noto/87.5/300.eot");
  src: url("../fonts/noto/87.5/300.eot?#iefix") format("embedded-opentype"), url("../fonts/noto/87.5/300.woff2") format("woff2"), url("../fonts/noto/87.5/300.woff") format("woff"), url("../fonts/noto/87.5/300.otf") format("opentype"), url("../fonts/noto/87.5/300.ttf") format("truetype"), url("../fonts/noto/87.5/300.svg#NotoSans-SemiCondensedLight") format("svg"); }
@font-face {
  font-family: "Noto Sans";
  font-stretch: 87.5%;
  font-style: italic;
  font-weight: 300;
  src: url("../fonts/noto/87.5/300i.eot");
  src: url("../fonts/noto/87.5/300i.eot?#iefix") format("embedded-opentype"), url("../fonts/noto/87.5/300i.woff2") format("woff2"), url("../fonts/noto/87.5/300i.woff") format("woff"), url("../fonts/noto/87.5/300i.otf") format("opentype"), url("../fonts/noto/87.5/300i.ttf") format("truetype"), url("../fonts/noto/87.5/300i.svg#NotoSans-SemiCondensedLightItalic") format("svg"); }
@font-face {
  font-family: "Noto Sans";
  font-stretch: 87.5%;
  font-style: normal;
  font-weight: 400;
  src: url("../fonts/noto/87.5/400.eot");
  src: url("../fonts/noto/87.5/400.eot?#iefix") format("embedded-opentype"), url("../fonts/noto/87.5/400.woff2") format("woff2"), url("../fonts/noto/87.5/400.woff") format("woff"), url("../fonts/noto/87.5/400.otf") format("opentype"), url("../fonts/noto/87.5/400.ttf") format("truetype"), url("../fonts/noto/87.5/400.svg#NotoSans-SemiCondensed") format("svg"); }
@font-face {
  font-family: "Noto Sans";
  font-stretch: 87.5%;
  font-style: italic;
  font-weight: 400;
  src: url("../fonts/noto/87.5/400i.eot");
  src: url("../fonts/noto/87.5/400i.eot?#iefix") format("embedded-opentype"), url("../fonts/noto/87.5/400i.woff2") format("woff2"), url("../fonts/noto/87.5/400i.woff") format("woff"), url("../fonts/noto/87.5/400i.otf") format("opentype"), url("../fonts/noto/87.5/400i.ttf") format("truetype"), url("../fonts/noto/87.5/400i.svg#NotoSans-SemiCondensedItalic") format("svg"); }
@font-face {
  font-family: "Noto Sans";
  font-stretch: 87.5%;
  font-style: normal;
  font-weight: 500;
  src: url("../fonts/noto/87.5/500.eot");
  src: url("../fonts/noto/87.5/500.eot?#iefix") format("embedded-opentype"), url("../fonts/noto/87.5/500.woff2") format("woff2"), url("../fonts/noto/87.5/500.woff") format("woff"), url("../fonts/noto/87.5/500.otf") format("opentype"), url("../fonts/noto/87.5/500.ttf") format("truetype"), url("../fonts/noto/87.5/500.svg#NotoSans-SemiCondensedMedium") format("svg"); }
@font-face {
  font-family: "Noto Sans";
  font-stretch: 87.5%;
  font-style: italic;
  font-weight: 500;
  src: url("../fonts/noto/87.5/500i.eot");
  src: url("../fonts/noto/87.5/500i.eot?#iefix") format("embedded-opentype"), url("../fonts/noto/87.5/500i.woff2") format("woff2"), url("../fonts/noto/87.5/500i.woff") format("woff"), url("../fonts/noto/87.5/500i.otf") format("opentype"), url("../fonts/noto/87.5/500i.ttf") format("truetype"), url("../fonts/noto/87.5/500i.svg#NotoSans-SemiCondensedMediumItalic") format("svg"); }
@font-face {
  font-family: "Noto Sans";
  font-stretch: 87.5%;
  font-style: normal;
  font-weight: 600;
  src: url("../fonts/noto/87.5/600.eot");
  src: url("../fonts/noto/87.5/600.eot?#iefix") format("embedded-opentype"), url("../fonts/noto/87.5/600.woff2") format("woff2"), url("../fonts/noto/87.5/600.woff") format("woff"), url("../fonts/noto/87.5/600.otf") format("opentype"), url("../fonts/noto/87.5/600.ttf") format("truetype"), url("../fonts/noto/87.5/600.svg#NotoSans-SemiCondensedSemiBold") format("svg"); }
@font-face {
  font-family: "Noto Sans";
  font-stretch: 87.5%;
  font-style: italic;
  font-weight: 600;
  src: url("../fonts/noto/87.5/600i.eot");
  src: url("../fonts/noto/87.5/600i.eot?#iefix") format("embedded-opentype"), url("../fonts/noto/87.5/600i.woff2") format("woff2"), url("../fonts/noto/87.5/600i.woff") format("woff"), url("../fonts/noto/87.5/600i.otf") format("opentype"), url("../fonts/noto/87.5/600i.ttf") format("truetype"), url("../fonts/noto/87.5/600i.svg#NotoSans-SemiCondensedSemiBoldItalic") format("svg"); }
@font-face {
  font-family: "Noto Sans";
  font-stretch: 87.5%;
  font-style: normal;
  font-weight: 700;
  src: url("../fonts/noto/87.5/700.eot");
  src: url("../fonts/noto/87.5/700.eot?#iefix") format("embedded-opentype"), url("../fonts/noto/87.5/700.woff2") format("woff2"), url("../fonts/noto/87.5/700.woff") format("woff"), url("../fonts/noto/87.5/700.otf") format("opentype"), url("../fonts/noto/87.5/700.ttf") format("truetype"), url("../fonts/noto/87.5/700.svg#NotoSans-SemiCondensedBold") format("svg"); }
@font-face {
  font-family: "Noto Sans";
  font-stretch: 87.5%;
  font-style: italic;
  font-weight: 700;
  src: url("../fonts/noto/87.5/700i.eot");
  src: url("../fonts/noto/87.5/700i.eot?#iefix") format("embedded-opentype"), url("../fonts/noto/87.5/700i.woff2") format("woff2"), url("../fonts/noto/87.5/700i.woff") format("woff"), url("../fonts/noto/87.5/700i.otf") format("opentype"), url("../fonts/noto/87.5/700i.ttf") format("truetype"), url("../fonts/noto/87.5/700i.svg#NotoSans-SemiCondensedBoldItalic") format("svg"); }
@font-face {
  font-family: "Noto Sans";
  font-stretch: 87.5%;
  font-style: normal;
  font-weight: 800;
  src: url("../fonts/noto/87.5/800.eot");
  src: url("../fonts/noto/87.5/800.eot?#iefix") format("embedded-opentype"), url("../fonts/noto/87.5/800.woff2") format("woff2"), url("../fonts/noto/87.5/800.woff") format("woff"), url("../fonts/noto/87.5/800.otf") format("opentype"), url("../fonts/noto/87.5/800.ttf") format("truetype"), url("../fonts/noto/87.5/800.svg#NotoSans-SemiCondensedExtraBold") format("svg"); }
@font-face {
  font-family: "Noto Sans";
  font-stretch: 87.5%;
  font-style: italic;
  font-weight: 800;
  src: url("../fonts/noto/87.5/800i.eot");
  src: url("../fonts/noto/87.5/800i.eot?#iefix") format("embedded-opentype"), url("../fonts/noto/87.5/800i.woff2") format("woff2"), url("../fonts/noto/87.5/800i.woff") format("woff"), url("../fonts/noto/87.5/800i.otf") format("opentype"), url("../fonts/noto/87.5/800i.ttf") format("truetype"), url("../fonts/noto/87.5/800i.svg#NotoSans-SemiCondensedExtraBoldItalic") format("svg"); }
@font-face {
  font-family: "Noto Sans";
  font-stretch: 87.5%;
  font-style: normal;
  font-weight: 900;
  src: url("../fonts/noto/87.5/900.eot");
  src: url("../fonts/noto/87.5/900.eot?#iefix") format("embedded-opentype"), url("../fonts/noto/87.5/900.woff2") format("woff2"), url("../fonts/noto/87.5/900.woff") format("woff"), url("../fonts/noto/87.5/900.otf") format("opentype"), url("../fonts/noto/87.5/900.ttf") format("truetype"), url("../fonts/noto/87.5/900.svg#NotoSans-SemiCondensedBlack") format("svg"); }
@font-face {
  font-family: "Noto Sans";
  font-stretch: 87.5%;
  font-style: italic;
  font-weight: 900;
  src: url("../fonts/noto/87.5/900i.eot");
  src: url("../fonts/noto/87.5/900i.eot?#iefix") format("embedded-opentype"), url("../fonts/noto/87.5/900i.woff2") format("woff2"), url("../fonts/noto/87.5/900i.woff") format("woff"), url("../fonts/noto/87.5/900i.otf") format("opentype"), url("../fonts/noto/87.5/900i.ttf") format("truetype"), url("../fonts/noto/87.5/900i.svg#NotoSans-SemiCondensedBlackItalic") format("svg"); }
@font-face {
  font-family: "Ubuntu";
  font-stretch: 100%;
  font-style: normal;
  font-weight: 300;
  src: url("../fonts/ubuntu/100/300.eot");
  src: url("../fonts/ubuntu/100/300.eot?#iefix") format("embedded-opentype"), url("../fonts/ubuntu/100/300.woff2") format("woff2"), url("../fonts/ubuntu/100/300.woff") format("woff"), url("../fonts/ubuntu/100/300.otf") format("opentype"), url("../fonts/ubuntu/100/300.ttf") format("truetype"), url("../fonts/ubuntu/100/300.svg#Ubuntu-Light") format("svg"); }
@font-face {
  font-family: "Ubuntu";
  font-stretch: 100%;
  font-style: italic;
  font-weight: 300;
  src: url("../fonts/ubuntu/100/300i.eot");
  src: url("../fonts/ubuntu/100/300i.eot?#iefix") format("embedded-opentype"), url("../fonts/ubuntu/100/300i.woff2") format("woff2"), url("../fonts/ubuntu/100/300i.woff") format("woff"), url("../fonts/ubuntu/100/300i.otf") format("opentype"), url("../fonts/ubuntu/100/300i.ttf") format("truetype"), url("../fonts/ubuntu/100/300i.svg#Ubuntu-LightItalic") format("svg"); }
@font-face {
  font-family: "Ubuntu";
  font-stretch: 100%;
  font-style: normal;
  font-weight: 400;
  src: url("../fonts/ubuntu/100/400.eot");
  src: url("../fonts/ubuntu/100/400.eot?#iefix") format("embedded-opentype"), url("../fonts/ubuntu/100/400.woff2") format("woff2"), url("../fonts/ubuntu/100/400.woff") format("woff"), url("../fonts/ubuntu/100/400.otf") format("opentype"), url("../fonts/ubuntu/100/400.ttf") format("truetype"), url("../fonts/ubuntu/100/400.svg#Ubuntu-Regular") format("svg"); }
@font-face {
  font-family: "Ubuntu";
  font-stretch: 100%;
  font-style: italic;
  font-weight: 400;
  src: url("../fonts/ubuntu/100/400i.eot");
  src: url("../fonts/ubuntu/100/400i.eot?#iefix") format("embedded-opentype"), url("../fonts/ubuntu/100/400i.woff2") format("woff2"), url("../fonts/ubuntu/100/400i.woff") format("woff"), url("../fonts/ubuntu/100/400i.otf") format("opentype"), url("../fonts/ubuntu/100/400i.ttf") format("truetype"), url("../fonts/ubuntu/100/400i.svg#Ubuntu-Italic") format("svg"); }
@font-face {
  font-family: "Ubuntu";
  font-stretch: 100%;
  font-style: normal;
  font-weight: 500;
  src: url("../fonts/ubuntu/100/500.eot");
  src: url("../fonts/ubuntu/100/500.eot?#iefix") format("embedded-opentype"), url("../fonts/ubuntu/100/500.woff2") format("woff2"), url("../fonts/ubuntu/100/500.woff") format("woff"), url("../fonts/ubuntu/100/500.otf") format("opentype"), url("../fonts/ubuntu/100/500.ttf") format("truetype"), url("../fonts/ubuntu/100/500.svg#Ubuntu-Medium") format("svg"); }
@font-face {
  font-family: "Ubuntu";
  font-stretch: 100%;
  font-style: italic;
  font-weight: 500;
  src: url("../fonts/ubuntu/100/500i.eot");
  src: url("../fonts/ubuntu/100/500i.eot?#iefix") format("embedded-opentype"), url("../fonts/ubuntu/100/500i.woff2") format("woff2"), url("../fonts/ubuntu/100/500i.woff") format("woff"), url("../fonts/ubuntu/100/500i.otf") format("opentype"), url("../fonts/ubuntu/100/500i.ttf") format("truetype"), url("../fonts/ubuntu/100/500i.svg#Ubuntu-MediumItalic") format("svg"); }
@font-face {
  font-family: "Ubuntu";
  font-stretch: 100%;
  font-style: normal;
  font-weight: 700;
  src: url("../fonts/ubuntu/100/700.eot");
  src: url("../fonts/ubuntu/100/700.eot?#iefix") format("embedded-opentype"), url("../fonts/ubuntu/100/700.woff2") format("woff2"), url("../fonts/ubuntu/100/700.woff") format("woff"), url("../fonts/ubuntu/100/700.otf") format("opentype"), url("../fonts/ubuntu/100/700.ttf") format("truetype"), url("../fonts/ubuntu/100/700.svg#Ubuntu-Bold") format("svg"); }
@font-face {
  font-family: "Ubuntu";
  font-stretch: 100%;
  font-style: italic;
  font-weight: 700;
  src: url("../fonts/ubuntu/100/700i.eot");
  src: url("../fonts/ubuntu/100/700i.eot?#iefix") format("embedded-opentype"), url("../fonts/ubuntu/100/700i.woff2") format("woff2"), url("../fonts/ubuntu/100/700i.woff") format("woff"), url("../fonts/ubuntu/100/700i.otf") format("opentype"), url("../fonts/ubuntu/100/700i.ttf") format("truetype"), url("../fonts/ubuntu/100/700i.svg#Ubuntu-BoldItalic") format("svg"); }
@font-face {
  font-family: "Ubuntu";
  font-stretch: 75%;
  font-style: normal;
  font-weight: 400;
  src: url("../fonts/ubuntu/75/400.eot");
  src: url("../fonts/ubuntu/75/400.eot?#iefix") format("embedded-opentype"), url("../fonts/ubuntu/75/400.woff2") format("woff2"), url("../fonts/ubuntu/75/400.woff") format("woff"), url("../fonts/ubuntu/75/400.otf") format("opentype"), url("../fonts/ubuntu/75/400.ttf") format("truetype"), url("../fonts/ubuntu/75/400.svg#Ubuntu-Condensed") format("svg"); }
@font-face {
  font-family: "Font Awesome 5 Free";
  font-stretch: 100%;
  font-style: normal;
  font-weight: 400;
  src: url("../fonts/awesome/100/400.eot");
  src: url("../fonts/awesome/100/400.eot?#iefix") format("embedded-opentype"), url("../fonts/awesome/100/400.woff2") format("woff2"), url("../fonts/awesome/100/400.woff") format("woff"), url("../fonts/awesome/100/400.otf") format("opentype"), url("../fonts/awesome/100/400.ttf") format("truetype"), url("../fonts/awesome/100/400.svg#FontAwesome5Free-Regular") format("svg"); }
@font-face {
  font-family: "Font Awesome 5 Free";
  font-stretch: 100%;
  font-style: normal;
  font-weight: 900;
  src: url("../fonts/awesome/100/900.eot");
  src: url("../fonts/awesome/100/900.eot?#iefix") format("embedded-opentype"), url("../fonts/awesome/100/900.woff2") format("woff2"), url("../fonts/awesome/100/900.woff") format("woff"), url("../fonts/awesome/100/900.otf") format("opentype"), url("../fonts/awesome/100/900.ttf") format("truetype"), url("../fonts/awesome/100/900.svg#FontAwesome5Free-Solid") format("svg"); }
*, *:before, *:after {
  box-sizing: border-box; }

html {
  height: 100%;
  font-size: 16px;
  line-height: 1.5rem; }
  @media screen and (max-width: 457px) {
    html {
      font-size: 3.5vw; } }

ul, ol {
  padding-left: 2.5rem; }

a {
  color: #e5731e;
  text-decoration: underline dotted; }
  a:hover, a:active, a:focus {
    color: #db5c1e; }

form {
  margin-bottom: 0; }

html {
  height: 100%;
  font-family: "Noto Sans", sans-serif;
  font-size: 16px;
  line-height: 1.5rem; }
  @media screen and (max-width: 457px) {
    html {
      font-size: 3.5vw; } }

body {
  color: #000000;
  margin: 0;
  background: url("../img/bg.svg");
  background-color: #f1f1f1;
  background-position: top center;
  background-attachment: fixed;
  background-repeat: no-repeat;
  background-size: cover;
  height: 100%; }

body > div {
  position: relative;
  padding-top: 4.5rem;
  max-width: 60rem;
  min-height: 100%;
  display: flex; }
  body > div > main {
    flex-grow: 1;
    background-color: #ffffff;
    color: #000000;
    overflow-x: hidden; }

body > div > header h1 {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 3rem;
  font-size: 0;
  line-height: 0;
  margin: 0.75rem; }
  body > div > header h1:before {
    font-size: 1rem;
    line-height: 2.25rem;
    margin-right: 0; }
  body > div > header h1:before {
    display: block;
    content: '';
    width: 12.5rem;
    height: 3rem;
    background-image: url("../img/logo.svg");
    background-size: 12.5rem 3rem; }
body > div > header nav:before {
  display: none;
  content: '☰';
  line-height: 2.25rem;
  font-size: 2.25rem;
  width: 3.75rem;
  cursor: pointer;
  padding: 0.75rem;
  padding-top: 0; }
body > div > header nav > ul {
  width: 14.375rem;
  max-width: 14.375rem;
  transition: max-width 0.4s linear; }
body > div > header nav:hover {
  position: relative; }
  body > div > header nav:hover:after {
    content: '';
    display: block;
    width: 14.375rem; }
  body > div > header nav:hover > ul {
    position: absolute;
    width: auto;
    min-width: 14.375rem;
    max-width: 50rem;
    max-width: 100vw;
    z-index: 2; }
  body > div > header nav:hover ul li a {
    padding-right: 0.75rem;
    position: relative;
    background-color: rgba(32, 85, 93, 0.85); }
    body > div > header nav:hover ul li a:before {
      content: '';
      position: absolute;
      top: 0;
      bottom: 0;
      left: 0;
      width: 14.375rem;
      background-color: #20555d;
      z-index: -1; }
    body > div > header nav:hover ul li a:hover, body > div > header nav:hover ul li a:active, body > div > header nav:hover ul li a:focus {
      background-color: #2a656d; }
    body > div > header nav:hover ul li a[rel~="canonical"] {
      background-color: rgba(229, 115, 30, 0.85); }
      body > div > header nav:hover ul li a[rel~="canonical"]:before {
        background-color: #e5731e; }
      body > div > header nav:hover ul li a[rel~="canonical"]:hover, body > div > header nav:hover ul li a[rel~="canonical"]:active, body > div > header nav:hover ul li a[rel~="canonical"]:focus {
        background-color: #ee851e; }
body > div > header nav ul {
  margin-bottom: 0; }
  body > div > header nav ul li {
    display: block;
    margin: 0; }
    body > div > header nav ul li a {
      line-height: 3rem;
      display: block;
      margin: 0;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
      padding-right: 0; }
      body > div > header nav ul li a:hover {
        overflow: visible; }
  body > div > header nav ul ul li a {
    padding-left: 1.5rem; }
  body > div > header nav ul ul ul li a {
    padding-left: 3rem; }
  body > div > header nav ul ul ul ul li a {
    padding-left: 4.5rem; }
  body > div > header nav ul ul ul ul ul li a {
    padding-left: 6rem; }
  body > div > header nav ul ul ul ul ul ul li a {
    padding-left: 7.5rem; }
  body > div > header nav ul ul ul ul ul ul ul li a {
    padding-left: 9rem; }
  body > div > header nav ul ul ul ul ul ul ul ul li a {
    padding-left: 10.5rem; }

body > div > main > header nav {
  margin-bottom: 0; }

body > div > main > article {
  padding: 1.5rem; }

@media screen and (max-width: 799px) {
  body > div > header h1:before {
    margin-left: 3rem; }

  body > div > header nav {
    width: auto; }
    body > div > header nav:hover {
      position: static; }
      body > div > header nav:hover > ul {
        position: absolute; }
      body > div > header nav:hover ul li a {
        text-overflow: ellipsis;
        padding-right: 0;
        background-color: #20555d; }
        body > div > header nav:hover ul li a:before {
          display: none; }
        body > div > header nav:hover ul li a[rel~="canonical"] {
          background-color: #e5731e; }
      body > div > header nav:hover:after {
        display: none; }
    body > div > header nav:before {
      display: block; }
    body > div > header nav > ul {
      display: none;
      position: absolute;
      background-color: #ffffff;
      padding-bottom: 3rem;
      left: 3.75rem;
      right: 0;
      top: 0;
      z-index: 2;
      max-width: none;
      width: auto; }
    body > div > header nav ul li a:hover {
      overflow: hidden; }
    body > div > header nav.hover > ul {
      display: block; } }
a {
  color: #e5731e;
  text-decoration: underline dotted; }
  a:hover, a:active, a:focus {
    color: #db5c1e; }

h1, h2, h3, h4, h5, h6, th, dt {
  font-family: "Ubuntu", sans-serif;
  font-weight: 400; }

th {
  text-align: left; }

th, dt {
  font-size: 1.125rem; }

h1, h2, h3, h4, h5, h6, ul, ol, dl, p, table {
  margin-top: 0;
  margin-bottom: 1.5rem;
  line-height: 1.5rem; }
  h1 ul, h1 ol, h1 dl, h1 p, h2 ul, h2 ol, h2 dl, h2 p, h3 ul, h3 ol, h3 dl, h3 p, h4 ul, h4 ol, h4 dl, h4 p, h5 ul, h5 ol, h5 dl, h5 p, h6 ul, h6 ol, h6 dl, h6 p, ul ul, ul ol, ul dl, ul p, ol ul, ol ol, ol dl, ol p, dl ul, dl ol, dl dl, dl p, p ul, p ol, p dl, p p, table ul, table ol, table dl, table p {
    margin-bottom: 0; }
    h1 ul + ul, h1 ul + ol, h1 ul + dl, h1 ul + p, h1 ol + ul, h1 ol + ol, h1 ol + dl, h1 ol + p, h1 dl + ul, h1 dl + ol, h1 dl + dl, h1 dl + p, h1 p + ul, h1 p + ol, h1 p + dl, h1 p + p, h2 ul + ul, h2 ul + ol, h2 ul + dl, h2 ul + p, h2 ol + ul, h2 ol + ol, h2 ol + dl, h2 ol + p, h2 dl + ul, h2 dl + ol, h2 dl + dl, h2 dl + p, h2 p + ul, h2 p + ol, h2 p + dl, h2 p + p, h3 ul + ul, h3 ul + ol, h3 ul + dl, h3 ul + p, h3 ol + ul, h3 ol + ol, h3 ol + dl, h3 ol + p, h3 dl + ul, h3 dl + ol, h3 dl + dl, h3 dl + p, h3 p + ul, h3 p + ol, h3 p + dl, h3 p + p, h4 ul + ul, h4 ul + ol, h4 ul + dl, h4 ul + p, h4 ol + ul, h4 ol + ol, h4 ol + dl, h4 ol + p, h4 dl + ul, h4 dl + ol, h4 dl + dl, h4 dl + p, h4 p + ul, h4 p + ol, h4 p + dl, h4 p + p, h5 ul + ul, h5 ul + ol, h5 ul + dl, h5 ul + p, h5 ol + ul, h5 ol + ol, h5 ol + dl, h5 ol + p, h5 dl + ul, h5 dl + ol, h5 dl + dl, h5 dl + p, h5 p + ul, h5 p + ol, h5 p + dl, h5 p + p, h6 ul + ul, h6 ul + ol, h6 ul + dl, h6 ul + p, h6 ol + ul, h6 ol + ol, h6 ol + dl, h6 ol + p, h6 dl + ul, h6 dl + ol, h6 dl + dl, h6 dl + p, h6 p + ul, h6 p + ol, h6 p + dl, h6 p + p, ul ul + ul, ul ul + ol, ul ul + dl, ul ul + p, ul ol + ul, ul ol + ol, ul ol + dl, ul ol + p, ul dl + ul, ul dl + ol, ul dl + dl, ul dl + p, ul p + ul, ul p + ol, ul p + dl, ul p + p, ol ul + ul, ol ul + ol, ol ul + dl, ol ul + p, ol ol + ul, ol ol + ol, ol ol + dl, ol ol + p, ol dl + ul, ol dl + ol, ol dl + dl, ol dl + p, ol p + ul, ol p + ol, ol p + dl, ol p + p, dl ul + ul, dl ul + ol, dl ul + dl, dl ul + p, dl ol + ul, dl ol + ol, dl ol + dl, dl ol + p, dl dl + ul, dl dl + ol, dl dl + dl, dl dl + p, dl p + ul, dl p + ol, dl p + dl, dl p + p, p ul + ul, p ul + ol, p ul + dl, p ul + p, p ol + ul, p ol + ol, p ol + dl, p ol + p, p dl + ul, p dl + ol, p dl + dl, p dl + p, p p + ul, p p + ol, p p + dl, p p + p, table ul + ul, table ul + ol, table ul + dl, table ul + p, table ol + ul, table ol + ol, table ol + dl, table ol + p, table dl + ul, table dl + ol, table dl + dl, table dl + p, table p + ul, table p + ol, table p + dl, table p + p {
      margin-top: 1.5rem; }

h1, h2 {
  font-size: 2.25rem;
  line-height: 2.25rem; }

h3 {
  font-size: 1.75rem; }

h4 {
  font-size: 1.375rem; }

h5 {
  font-size: 1.25rem; }

h6 {
  font-size: 1.125rem; }

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

table {
  border-collapse: collapse; }

td, th {
  padding-left: 0.75rem;
  padding-right: 0.75rem; }
  td:first-child, th:first-child {
    padding-left: 0; }
  td:last-child, th:last-child {
    padding-right: 0; }

dfn {
  font-variant: small-caps;
  font-style: normal;
  font-weight: 500;
  color: #333333; }

a > dfn {
  color: #e5731e; }

a:hover > dfn {
  color: #db5c1e; }

nav ul li a > dfn, nav ul li a:hover > dfn {
  color: white; }

sup {
  vertical-align: top;
  position: relative;
  top: -0.4em; }

sub {
  vertical-align: bottom;
  position: relative;
  bottom: -0.4em; }

figure {
  padding: 0;
  margin: 0;
  margin-bottom: 1.5rem;
  padding-left: 1.25rem;
  background-image: linear-gradient(to right, #fafafa, transparent);
  border-left: 0.25rem solid #f1f1f1; }
  figure object, figure img, figure svg, figure video {
    display: block;
    margin: auto;
    max-width: 100%; }
  figure figcaption {
    margin-top: 1.5rem;
    margin-left: -1.5rem;
    padding-left: 1.25rem;
    border-left: 0.25rem solid #cccccc; }
    figure figcaption dfn {
      font-family: "Ubuntu", sans-serif;
      font-size: 1.125rem;
      margin-right: 0.75rem; }
    figure figcaption h1, figure figcaption h2, figure figcaption h3, figure figcaption h4, figure figcaption h5, figure figcaption h6, figure figcaption ul, figure figcaption ol, figure figcaption dl, figure figcaption p, figure figcaption table {
      margin-bottom: 0;
      margin-top: 1.5rem; }

.subdl {
  display: flex;
  flex-wrap: wrap;
  width: 100%; }
  .subdl dt {
    break-before: always;
    flex-basis: 30%;
    text-align: right; }
  .subdl dd {
    display: flex;
    flex-basis: 70%;
    margin: 0;
    margin-left: auto;
    padding-left: 1.125rem; }

time[title] {
  cursor: help;
  text-decoration: underline;
  text-decoration-style: dotted; }

nav.toc {
  padding-top: 0.75rem;
  padding-bottom: 1.5rem;
  background-image: linear-gradient(to right, #fafafa, transparent);
  border-left: 0.25rem solid #f1f1f1;
  margin-bottom: 1.5rem; }
  nav.toc:before {
    content: "Contents";
    display: block;
    font-family: "Ubuntu", sans-serif;
    font-size: 1.125rem;
    padding-left: 0.75rem;
    padding-right: 0.75rem;
    padding-bottom: 0.75rem;
    font-weight: 400; }
  nav.toc > ol, nav.toc > ul {
    margin-bottom: 0; }
  nav.toc ol, nav.toc ul {
    counter-reset: item;
    list-style: none;
    padding-left: 2.5rem; }
    nav.toc ol li, nav.toc ul li {
      display: block; }
      nav.toc ol li:before, nav.toc ul li:before {
        content: counters(item,".");
        counter-increment: item;
        margin-right: 0.5em;
        font-family: "Ubuntu", sans-serif;
        font-size: 1.125rem;
        vertical-align: top; }
      nav.toc ol li a, nav.toc ul li a {
        display: inline;
        padding: 0;
        background-color: transparent;
        color: #e5731e;
        text-decoration: underline dotted; }
        nav.toc ol li a:hover, nav.toc ol li a:active, nav.toc ol li a:focus, nav.toc ul li a:hover, nav.toc ul li a:active, nav.toc ul li a:focus {
          background-color: transparent;
          color: #db5c1e; }

nav.toc ~ section:first-of-type, nav.toc ~ section section:first-of-type {
  counter-reset: section; }
nav.toc ~ section > header > h1:before, nav.toc ~ section > header > h2:before, nav.toc ~ section > header > h3:before, nav.toc ~ section > header > h4:before, nav.toc ~ section > header > h5:before, nav.toc ~ section > header > h6:before, nav.toc ~ section section > header > h1:before, nav.toc ~ section section > header > h2:before, nav.toc ~ section section > header > h3:before, nav.toc ~ section section > header > h4:before, nav.toc ~ section section > header > h5:before, nav.toc ~ section section > header > h6:before {
  content: counters(section,".");
  counter-increment: section;
  margin-right: 0.5em;
  font-weight: bold; }

section.footnotes > div {
  margin-bottom: 1.5rem;
  column-count: 2;
  column-gap: 0; }
  section.footnotes > div li:target {
    background-color: #f1f1f1;
    font-weight: 500; }
  section.footnotes > div, section.footnotes > div li, section.footnotes > div p, section.footnotes > div dt, section.footnotes > div dd {
    font-size: 0.75rem;
    line-height: 1rem; }
  section.footnotes > div dt {
    font-size: 0.875rem;
    padding-left: 0.75rem; }
  section.footnotes > div ul, section.footnotes > div ol, section.footnotes > div dl {
    margin-bottom: 0; }
  section.footnotes > div span[role="presentation"]:before {
    width: 1rem;
    height: 1rem;
    line-height: 1rem; }

nav ul {
  list-style: none;
  margin-top: 0;
  margin-left: 0;
  margin-right: 0;
  padding: 0; }
  nav ul li {
    display: inline; }
    nav ul li form, nav ul li form > div {
      display: inline;
      vertical-align: top; }
    nav ul li a, nav ul li button {
      display: inline-block;
      background-color: #20555d;
      border-radius: 0;
      color: #ffffff;
      padding: 0.75rem;
      padding-top: 0.375rem;
      padding-bottom: 0.375rem;
      line-height: 1.5rem;
      text-decoration: none;
      line-height: 1.5rem; }
      nav ul li a:hover, nav ul li a:active, nav ul li a:focus, nav ul li button:hover, nav ul li button:active, nav ul li button:focus {
        background-color: #2a656d;
        color: #ffffff; }
      nav ul li a[rel~="canonical"], nav ul li button[rel~="canonical"] {
        background-color: #e5731e; }
        nav ul li a[rel~="canonical"]:hover, nav ul li a[rel~="canonical"]:active, nav ul li a[rel~="canonical"]:focus, nav ul li button[rel~="canonical"]:hover, nav ul li button[rel~="canonical"]:active, nav ul li button[rel~="canonical"]:focus {
          background-color: #ee851e; }
      nav ul li a.delete, nav ul li button.delete {
        background-color: #aa3333; }
        nav ul li a.delete:hover, nav ul li a.delete:active, nav ul li a.delete:focus, nav ul li button.delete:hover, nav ul li button.delete:active, nav ul li button.delete:focus {
          background-color: #dd6666; }

.house > span[role="presentation"]:before {
  display: inline-block;
  vertical-align: top;
  content: "";
  font-family: 'Font Awesome 5 Free';
  font-style: normal;
  font-weight: 900;
  font-variant: normal;
  text-align: center;
  text-rendering: auto;
  width: 1.5rem;
  height: 1.5rem;
  margin-right: 0.2em;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }
.people > span[role="presentation"]:before {
  display: inline-block;
  vertical-align: top;
  content: "";
  font-family: 'Font Awesome 5 Free';
  font-style: normal;
  font-weight: 900;
  font-variant: normal;
  text-align: center;
  text-rendering: auto;
  width: 1.5rem;
  height: 1.5rem;
  margin-right: 0.2em;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  margin-right: 0.4rem; }
.pencil > span[role="presentation"]:before {
  display: inline-block;
  vertical-align: top;
  content: "";
  font-family: 'Font Awesome 5 Free';
  font-style: normal;
  font-weight: 900;
  font-variant: normal;
  text-align: center;
  text-rendering: auto;
  width: 1.5rem;
  height: 1.5rem;
  margin-right: 0.2em;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }
.question > span[role="presentation"]:before {
  display: inline-block;
  vertical-align: top;
  content: "";
  font-family: 'Font Awesome 5 Free';
  font-style: normal;
  font-weight: 900;
  font-variant: normal;
  text-align: center;
  text-rendering: auto;
  width: 1.5rem;
  height: 1.5rem;
  margin-right: 0.2em;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }
.task > span[role="presentation"]:before {
  display: inline-block;
  vertical-align: top;
  content: "";
  font-family: 'Font Awesome 5 Free';
  font-style: normal;
  font-weight: 900;
  font-variant: normal;
  text-align: center;
  text-rendering: auto;
  width: 1.5rem;
  height: 1.5rem;
  margin-right: 0.2em;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }
.person > span[role="presentation"]:before {
  display: inline-block;
  vertical-align: top;
  content: "";
  font-family: 'Font Awesome 5 Free';
  font-style: normal;
  font-weight: 900;
  font-variant: normal;
  text-align: center;
  text-rendering: auto;
  width: 1.5rem;
  height: 1.5rem;
  margin-right: 0.2em;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }
.add > span[role="presentation"]:before {
  display: inline-block;
  vertical-align: top;
  content: "";
  font-family: 'Font Awesome 5 Free';
  font-style: normal;
  font-weight: 900;
  font-variant: normal;
  text-align: center;
  text-rendering: auto;
  width: 1.5rem;
  height: 1.5rem;
  margin-right: 0.2em;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }
.subtract > span[role="presentation"]:before {
  display: inline-block;
  vertical-align: top;
  content: "";
  font-family: 'Font Awesome 5 Free';
  font-style: normal;
  font-weight: 900;
  font-variant: normal;
  text-align: center;
  text-rendering: auto;
  width: 1.5rem;
  height: 1.5rem;
  margin-right: 0.2em;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }
.edit > span[role="presentation"]:before {
  display: inline-block;
  vertical-align: top;
  content: "";
  font-family: 'Font Awesome 5 Free';
  font-style: normal;
  font-weight: 900;
  font-variant: normal;
  text-align: center;
  text-rendering: auto;
  width: 1.5rem;
  height: 1.5rem;
  margin-right: 0.2em;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }
.delete > span[role="presentation"]:before {
  display: inline-block;
  vertical-align: top;
  content: "";
  font-family: 'Font Awesome 5 Free';
  font-style: normal;
  font-weight: 900;
  font-variant: normal;
  text-align: center;
  text-rendering: auto;
  width: 1.5rem;
  height: 1.5rem;
  margin-right: 0.2em;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }
.bell > span[role="presentation"]:before {
  display: inline-block;
  vertical-align: top;
  content: "";
  font-family: 'Font Awesome 5 Free';
  font-style: normal;
  font-weight: 900;
  font-variant: normal;
  text-align: center;
  text-rendering: auto;
  width: 1.5rem;
  height: 1.5rem;
  margin-right: 0.2em;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }
.envelope > span[role="presentation"]:before {
  display: inline-block;
  vertical-align: top;
  content: "";
  font-family: 'Font Awesome 5 Free';
  font-style: normal;
  font-weight: 900;
  font-variant: normal;
  text-align: center;
  text-rendering: auto;
  width: 1.5rem;
  height: 1.5rem;
  margin-right: 0.2em;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }
.chart > span[role="presentation"]:before {
  display: inline-block;
  vertical-align: top;
  content: "";
  font-family: 'Font Awesome 5 Free';
  font-style: normal;
  font-weight: 900;
  font-variant: normal;
  text-align: center;
  text-rendering: auto;
  width: 1.5rem;
  height: 1.5rem;
  margin-right: 0.2em;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }
.copy > span[role="presentation"]:before {
  display: inline-block;
  vertical-align: top;
  content: "";
  font-family: 'Font Awesome 5 Free';
  font-style: normal;
  font-weight: 900;
  font-variant: normal;
  text-align: center;
  text-rendering: auto;
  width: 1.5rem;
  height: 1.5rem;
  margin-right: 0.2em;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }
.highlighter > span[role="presentation"]:before {
  display: inline-block;
  vertical-align: top;
  content: "";
  font-family: 'Font Awesome 5 Free';
  font-style: normal;
  font-weight: 900;
  font-variant: normal;
  text-align: center;
  text-rendering: auto;
  width: 1.5rem;
  height: 1.5rem;
  margin-right: 0.2em;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }
.floppy > span[role="presentation"]:before {
  display: inline-block;
  vertical-align: top;
  content: "";
  font-family: 'Font Awesome 5 Free';
  font-style: normal;
  font-weight: 900;
  font-variant: normal;
  text-align: center;
  text-rendering: auto;
  width: 1.5rem;
  height: 1.5rem;
  margin-right: 0.2em;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }
.download > span[role="presentation"]:before {
  display: inline-block;
  vertical-align: top;
  content: "";
  font-family: 'Font Awesome 5 Free';
  font-style: normal;
  font-weight: 900;
  font-variant: normal;
  text-align: center;
  text-rendering: auto;
  width: 1.5rem;
  height: 1.5rem;
  margin-right: 0.2em;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }
.upload > span[role="presentation"]:before {
  display: inline-block;
  vertical-align: top;
  content: "";
  font-family: 'Font Awesome 5 Free';
  font-style: normal;
  font-weight: 900;
  font-variant: normal;
  text-align: center;
  text-rendering: auto;
  width: 1.5rem;
  height: 1.5rem;
  margin-right: 0.2em;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }
.exit > span[role="presentation"]:before {
  display: inline-block;
  vertical-align: top;
  content: "";
  font-family: 'Font Awesome 5 Free';
  font-style: normal;
  font-weight: 900;
  font-variant: normal;
  text-align: center;
  text-rendering: auto;
  width: 1.5rem;
  height: 1.5rem;
  margin-right: 0.2em;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }
.eye > span[role="presentation"]:before {
  display: inline-block;
  vertical-align: top;
  content: "";
  font-family: 'Font Awesome 5 Free';
  font-style: normal;
  font-weight: 900;
  font-variant: normal;
  text-align: center;
  text-rendering: auto;
  width: 1.5rem;
  height: 1.5rem;
  margin-right: 0.2em;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }
.vial > span[role="presentation"]:before {
  display: inline-block;
  vertical-align: top;
  content: "";
  font-family: 'Font Awesome 5 Free';
  font-style: normal;
  font-weight: 900;
  font-variant: normal;
  text-align: center;
  text-rendering: auto;
  width: 1.5rem;
  height: 1.5rem;
  margin-right: 0.2em;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }
.map > span[role="presentation"]:before {
  display: inline-block;
  vertical-align: top;
  content: "";
  font-family: 'Font Awesome 5 Free';
  font-style: normal;
  font-weight: 900;
  font-variant: normal;
  text-align: center;
  text-rendering: auto;
  width: 1.5rem;
  height: 1.5rem;
  margin-right: 0.2em;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }
.table > span[role="presentation"]:before {
  display: inline-block;
  vertical-align: top;
  content: "";
  font-family: 'Font Awesome 5 Free';
  font-style: normal;
  font-weight: 900;
  font-variant: normal;
  text-align: center;
  text-rendering: auto;
  width: 1.5rem;
  height: 1.5rem;
  margin-right: 0.2em;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }
.file > span[role="presentation"]:before {
  display: inline-block;
  vertical-align: top;
  content: "";
  font-family: 'Font Awesome 5 Free';
  font-style: normal;
  font-weight: 900;
  font-variant: normal;
  text-align: center;
  text-rendering: auto;
  width: 1.5rem;
  height: 1.5rem;
  margin-right: 0.2em;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }
.book > span[role="presentation"]:before {
  display: inline-block;
  vertical-align: top;
  content: "";
  font-family: 'Font Awesome 5 Free';
  font-style: normal;
  font-weight: 900;
  font-variant: normal;
  text-align: center;
  text-rendering: auto;
  width: 1.5rem;
  height: 1.5rem;
  margin-right: 0.2em;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }
.circle > span[role="presentation"]:before {
  display: inline-block;
  vertical-align: top;
  content: "";
  font-family: 'Font Awesome 5 Free';
  font-style: normal;
  font-weight: 900;
  font-variant: normal;
  text-align: center;
  text-rendering: auto;
  width: 1.5rem;
  height: 1.5rem;
  margin-right: 0.2em;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }
.circles > span[role="presentation"]:before {
  display: inline-block;
  vertical-align: top;
  content: "";
  font-family: 'Font Awesome 5 Free';
  font-style: normal;
  font-weight: 900;
  font-variant: normal;
  text-align: center;
  text-rendering: auto;
  width: 1.5rem;
  height: 1.5rem;
  margin-right: 0.2em;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }
.shapes > span[role="presentation"]:before {
  display: inline-block;
  vertical-align: top;
  content: "";
  font-family: 'Font Awesome 5 Free';
  font-style: normal;
  font-weight: 900;
  font-variant: normal;
  text-align: center;
  text-rendering: auto;
  width: 1.5rem;
  height: 1.5rem;
  margin-right: 0.2em;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }
.pdf > span[role="presentation"]:before {
  display: inline-block;
  vertical-align: top;
  content: "";
  font-family: 'Font Awesome 5 Free';
  font-style: normal;
  font-weight: 900;
  font-variant: normal;
  text-align: center;
  text-rendering: auto;
  width: 1.5rem;
  height: 1.5rem;
  margin-right: 0.2em;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }
.document > span[role="presentation"]:before {
  display: inline-block;
  vertical-align: top;
  content: "";
  font-family: 'Font Awesome 5 Free';
  font-style: normal;
  font-weight: 900;
  font-variant: normal;
  text-align: center;
  text-rendering: auto;
  width: 1.5rem;
  height: 1.5rem;
  margin-right: 0.2em;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }
.spreadsheet > span[role="presentation"]:before {
  display: inline-block;
  vertical-align: top;
  content: "";
  font-family: 'Font Awesome 5 Free';
  font-style: normal;
  font-weight: 900;
  font-variant: normal;
  text-align: center;
  text-rendering: auto;
  width: 1.5rem;
  height: 1.5rem;
  margin-right: 0.2em;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }
.slideshow > span[role="presentation"]:before {
  display: inline-block;
  vertical-align: top;
  content: "";
  font-family: 'Font Awesome 5 Free';
  font-style: normal;
  font-weight: 900;
  font-variant: normal;
  text-align: center;
  text-rendering: auto;
  width: 1.5rem;
  height: 1.5rem;
  margin-right: 0.2em;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }
.external > span[role="presentation"]:before {
  display: inline-block;
  vertical-align: top;
  content: "";
  font-family: 'Font Awesome 5 Free';
  font-style: normal;
  font-weight: 900;
  font-variant: normal;
  text-align: center;
  text-rendering: auto;
  width: 1.5rem;
  height: 1.5rem;
  margin-right: 0.2em;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }
.cogs > span[role="presentation"]:before {
  display: inline-block;
  vertical-align: top;
  content: "";
  font-family: 'Font Awesome 5 Free';
  font-style: normal;
  font-weight: 900;
  font-variant: normal;
  text-align: center;
  text-rendering: auto;
  width: 1.5rem;
  height: 1.5rem;
  margin-right: 0.2em;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }
.info > span[role="presentation"]:before {
  display: inline-block;
  vertical-align: top;
  content: "";
  font-family: 'Font Awesome 5 Free';
  font-style: normal;
  font-weight: 900;
  font-variant: normal;
  text-align: center;
  text-rendering: auto;
  width: 1.5rem;
  height: 1.5rem;
  margin-right: 0.2em;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }
.clipboard > span[role="presentation"]:before {
  display: inline-block;
  vertical-align: top;
  content: "";
  font-family: 'Font Awesome 5 Free';
  font-style: normal;
  font-weight: 900;
  font-variant: normal;
  text-align: center;
  text-rendering: auto;
  width: 1.5rem;
  height: 1.5rem;
  margin-right: 0.2em;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }
.clipboardcheck > span[role="presentation"]:before {
  display: inline-block;
  vertical-align: top;
  content: "";
  font-family: 'Font Awesome 5 Free';
  font-style: normal;
  font-weight: 900;
  font-variant: normal;
  text-align: center;
  text-rendering: auto;
  width: 1.5rem;
  height: 1.5rem;
  margin-right: 0.2em;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }
.export > span[role="presentation"]:before {
  display: inline-block;
  vertical-align: top;
  content: "";
  font-family: 'Font Awesome 5 Free';
  font-style: normal;
  font-weight: 900;
  font-variant: normal;
  text-align: center;
  text-rendering: auto;
  width: 1.5rem;
  height: 1.5rem;
  margin-right: 0.2em;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }
.graduation > span[role="presentation"]:before {
  display: inline-block;
  vertical-align: top;
  content: "";
  font-family: 'Font Awesome 5 Free';
  font-style: normal;
  font-weight: 900;
  font-variant: normal;
  text-align: center;
  text-rendering: auto;
  width: 1.5rem;
  height: 1.5rem;
  margin-right: 0.2em;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }
.hands > span[role="presentation"]:before {
  display: inline-block;
  vertical-align: top;
  content: "";
  font-family: 'Font Awesome 5 Free';
  font-style: normal;
  font-weight: 900;
  font-variant: normal;
  text-align: center;
  text-rendering: auto;
  width: 1.5rem;
  height: 1.5rem;
  margin-right: 0.2em;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }
.directions > span[role="presentation"]:before {
  display: inline-block;
  vertical-align: top;
  content: "";
  font-family: 'Font Awesome 5 Free';
  font-style: normal;
  font-weight: 900;
  font-variant: normal;
  text-align: center;
  text-rendering: auto;
  width: 1.5rem;
  height: 1.5rem;
  margin-right: 0.2em;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }
.plug > span[role="presentation"]:before {
  display: inline-block;
  vertical-align: top;
  content: "";
  font-family: 'Font Awesome 5 Free';
  font-style: normal;
  font-weight: 900;
  font-variant: normal;
  text-align: center;
  text-rendering: auto;
  width: 1.5rem;
  height: 1.5rem;
  margin-right: 0.2em;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }
.toolbox > span[role="presentation"]:before {
  display: inline-block;
  vertical-align: top;
  content: "";
  font-family: 'Font Awesome 5 Free';
  font-style: normal;
  font-weight: 900;
  font-variant: normal;
  text-align: center;
  text-rendering: auto;
  width: 1.5rem;
  height: 1.5rem;
  margin-right: 0.2em;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }
.tools > span[role="presentation"]:before {
  display: inline-block;
  vertical-align: top;
  content: "";
  font-family: 'Font Awesome 5 Free';
  font-style: normal;
  font-weight: 900;
  font-variant: normal;
  text-align: center;
  text-rendering: auto;
  width: 1.5rem;
  height: 1.5rem;
  margin-right: 0.2em;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }
.screwdriver > span[role="presentation"]:before {
  display: inline-block;
  vertical-align: top;
  content: "";
  font-family: 'Font Awesome 5 Free';
  font-style: normal;
  font-weight: 900;
  font-variant: normal;
  text-align: center;
  text-rendering: auto;
  width: 1.5rem;
  height: 1.5rem;
  margin-right: 0.2em;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }
.wrench > span[role="presentation"]:before {
  display: inline-block;
  vertical-align: top;
  content: "";
  font-family: 'Font Awesome 5 Free';
  font-style: normal;
  font-weight: 900;
  font-variant: normal;
  text-align: center;
  text-rendering: auto;
  width: 1.5rem;
  height: 1.5rem;
  margin-right: 0.2em;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }
.portal > span[role="presentation"]:before {
  display: inline-block;
  vertical-align: top;
  content: "";
  font-family: 'Font Awesome 5 Free';
  font-style: normal;
  font-weight: 900;
  font-variant: normal;
  text-align: center;
  text-rendering: auto;
  width: 1.5rem;
  height: 1.5rem;
  margin-right: 0.2em;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }
.clock > span[role="presentation"]:before {
  display: inline-block;
  vertical-align: top;
  content: "";
  font-family: 'Font Awesome 5 Free';
  font-style: normal;
  font-weight: 900;
  font-variant: normal;
  text-align: center;
  text-rendering: auto;
  width: 1.5rem;
  height: 1.5rem;
  margin-right: 0.2em;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  margin-right: 0.4em; }
.levels > span[role="presentation"]:before {
  display: inline-block;
  vertical-align: top;
  content: "";
  font-family: 'Font Awesome 5 Free';
  font-style: normal;
  font-weight: 900;
  font-variant: normal;
  text-align: center;
  text-rendering: auto;
  width: 1.5rem;
  height: 1.5rem;
  margin-right: 0.2em;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }
.supergroup > span[role="presentation"]:before {
  display: inline-block;
  vertical-align: top;
  content: "";
  font-family: 'Font Awesome 5 Free';
  font-style: normal;
  font-weight: 900;
  font-variant: normal;
  text-align: center;
  text-rendering: auto;
  width: 1.5rem;
  height: 1.5rem;
  margin-right: 0.2em;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }
.group > span[role="presentation"]:before {
  display: inline-block;
  vertical-align: top;
  content: "";
  font-family: 'Font Awesome 5 Free';
  font-style: normal;
  font-weight: 900;
  font-variant: normal;
  text-align: center;
  text-rendering: auto;
  width: 1.5rem;
  height: 1.5rem;
  margin-right: 0.2em;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }
.corners > span[role="presentation"]:before {
  display: inline-block;
  vertical-align: top;
  content: "";
  font-family: 'Font Awesome 5 Free';
  font-style: normal;
  font-weight: 900;
  font-variant: normal;
  text-align: center;
  text-rendering: auto;
  width: 1.5rem;
  height: 1.5rem;
  margin-right: 0.2em;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }
.square > span[role="presentation"]:before {
  display: inline-block;
  vertical-align: top;
  content: "";
  font-family: 'Font Awesome 5 Free';
  font-style: normal;
  font-weight: 900;
  font-variant: normal;
  text-align: center;
  text-rendering: auto;
  width: 1.5rem;
  height: 1.5rem;
  margin-right: 0.2em;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }
.squares > span[role="presentation"]:before {
  display: inline-block;
  vertical-align: top;
  content: "";
  font-family: 'Font Awesome 5 Free';
  font-style: normal;
  font-weight: 900;
  font-variant: normal;
  text-align: center;
  text-rendering: auto;
  width: 1.5rem;
  height: 1.5rem;
  margin-right: 0.2em;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }
.subsquares > span[role="presentation"]:before {
  display: inline-block;
  vertical-align: top;
  content: "";
  font-family: 'Font Awesome 5 Free';
  font-style: normal;
  font-weight: 900;
  font-variant: normal;
  text-align: center;
  text-rendering: auto;
  width: 1.5rem;
  height: 1.5rem;
  margin-right: 0.2em;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }
.cubes > span[role="presentation"]:before {
  display: inline-block;
  vertical-align: top;
  content: "";
  font-family: 'Font Awesome 5 Free';
  font-style: normal;
  font-weight: 900;
  font-variant: normal;
  text-align: center;
  text-rendering: auto;
  width: 1.5rem;
  height: 1.5rem;
  margin-right: 0.2em;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }
.cube > span[role="presentation"]:before {
  display: inline-block;
  vertical-align: top;
  content: "";
  font-family: 'Font Awesome 5 Free';
  font-style: normal;
  font-weight: 900;
  font-variant: normal;
  text-align: center;
  text-rendering: auto;
  width: 1.5rem;
  height: 1.5rem;
  margin-right: 0.2em;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }
.search > span[role="presentation"]:before {
  display: inline-block;
  vertical-align: top;
  content: "";
  font-family: 'Font Awesome 5 Free';
  font-style: normal;
  font-weight: 900;
  font-variant: normal;
  text-align: center;
  text-rendering: auto;
  width: 1.5rem;
  height: 1.5rem;
  margin-right: 0.2em;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }
.account > span[role="presentation"]:before {
  display: inline-block;
  vertical-align: top;
  content: "";
  font-family: 'Font Awesome 5 Free';
  font-style: normal;
  font-weight: 900;
  font-variant: normal;
  text-align: center;
  text-rendering: auto;
  width: 1.5rem;
  height: 1.5rem;
  margin-right: 0.2em;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }
.enter > span[role="presentation"]:before {
  display: inline-block;
  vertical-align: top;
  content: "";
  font-family: 'Font Awesome 5 Free';
  font-style: normal;
  font-weight: 900;
  font-variant: normal;
  text-align: center;
  text-rendering: auto;
  width: 1.5rem;
  height: 1.5rem;
  margin-right: 0.2em;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }
.key > span[role="presentation"]:before {
  display: inline-block;
  vertical-align: top;
  content: "";
  font-family: 'Font Awesome 5 Free';
  font-style: normal;
  font-weight: 900;
  font-variant: normal;
  text-align: center;
  text-rendering: auto;
  width: 1.5rem;
  height: 1.5rem;
  margin-right: 0.2em;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }
.unlock > span[role="presentation"]:before {
  display: inline-block;
  vertical-align: top;
  content: "";
  font-family: 'Font Awesome 5 Free';
  font-style: normal;
  font-weight: 900;
  font-variant: normal;
  text-align: center;
  text-rendering: auto;
  width: 1.5rem;
  height: 1.5rem;
  margin-right: 0.2em;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }
.unlocked > span[role="presentation"]:before {
  display: inline-block;
  vertical-align: top;
  content: "";
  font-family: 'Font Awesome 5 Free';
  font-style: normal;
  font-weight: 900;
  font-variant: normal;
  text-align: center;
  text-rendering: auto;
  width: 1.5rem;
  height: 1.5rem;
  margin-right: 0.2em;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }
.bookopen > span[role="presentation"]:before {
  display: inline-block;
  vertical-align: top;
  content: "";
  font-family: 'Font Awesome 5 Free';
  font-style: normal;
  font-weight: 900;
  font-variant: normal;
  text-align: center;
  text-rendering: auto;
  width: 1.5rem;
  height: 1.5rem;
  margin-right: 0.2em;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }
.ethernet > span[role="presentation"]:before {
  display: inline-block;
  vertical-align: top;
  content: "";
  font-family: 'Font Awesome 5 Free';
  font-style: normal;
  font-weight: 900;
  font-variant: normal;
  text-align: center;
  text-rendering: auto;
  width: 1.5rem;
  height: 1.5rem;
  margin-right: 0.2em;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

/* Breadcrumbs */
main > header nav {
  position: relative;
  z-index: 1;
  display: inline-block;
  vertical-align: top;
  overflow: hidden;
  height: 2.25rem;
  margin-bottom: 1.5rem;
  direction: rtl;
  max-width: 100%; }
  main > header nav > ul {
    width: 100%;
    overflow: auto;
    white-space: nowrap;
    background-color: #20555d; }
    main > header nav > ul li {
      direction: ltr; }

main > header nav ul li a {
  line-height: 2.25rem;
  padding: 0 1.125rem 0 2.25rem;
  position: relative;
  margin: 0 0.0625rem 0 0;
  text-decoration: none; }
  main > header nav ul li a:after, main > header nav ul li a:before {
    content: "";
    border-top: 1.125rem solid transparent;
    border-bottom: 1.125rem solid transparent;
    border-left: 1.125rem solid transparent;
    position: absolute;
    top: 0; }
  main > header nav ul li a:before {
    right: -1.125rem;
    border-left-color: #20555d;
    z-index: 1; }
  main > header nav ul li a:after {
    left: 0;
    border-left-color: #ffffff; }
  main > header nav ul li a:hover:before, main > header nav ul li a:active:before, main > header nav ul li a:focus:before {
    border-left-color: #2a656d; }
  main > header nav ul li a[rel~="canonical"]:before {
    border-left-color: #e5731e; }
  main > header nav ul li a[rel~="canonical"]:hover:before, main > header nav ul li a[rel~="canonical"]:active:before, main > header nav ul li a[rel~="canonical"]:focus:before {
    border-left-color: #ee851e; }

main > header nav ul li:last-child a {
  padding-left: 1.125rem; }
  main > header nav ul li:last-child a:after {
    display: none; }

main > header nav ul li:first-child a {
  margin-right: 0;
  padding-right: 1.125rem; }
  main > header nav ul li:first-child a:before {
    display: none; }

article > header nav ul a, article > header nav ul button, section > header nav ul a, section > header nav ul button {
  margin-top: 0.0625rem;
  margin-bottom: 0.0625rem;
  margin-right: 0.125rem; }
article > footer nav ul, section > footer nav ul {
  list-style: none;
  padding: 0; }
  article > footer nav ul li a, article > footer nav ul li button, section > footer nav ul li a, section > footer nav ul li button {
    display: block;
    padding: 0.75rem; }

/* Collapsible lists */
ul.collapsible > li.hidden {
  display: none; }

/* Forms */
.button, button {
  background-color: #20555d;
  border: 0;
  line-height: 1.5rem;
  color: #ffffff;
  cursor: pointer;
  font-family: inherit;
  font-size: 1rem;
  vertical-align: top;
  display: inline-block;
  padding: 0.375rem;
  padding-left: 0.75rem;
  padding-right: 0.75rem; }
  .button:hover, button:hover, .button:focus, button:focus, .button:active, button:active {
    color: #ffffff;
    background-color: #2a656d; }

.sample-csv:before {
  display: inline-block;
  vertical-align: top;
  content: "";
  font-family: 'Font Awesome 5 Free';
  font-style: normal;
  font-weight: 900;
  font-variant: normal;
  text-align: center;
  text-rendering: auto;
  width: 1.5rem;
  height: 1.5rem;
  margin-right: 0.2em;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

input[type="text"], input[type="email"], input[type="password"],
input[type="date"], input[type="time"], textarea, select {
  display: inline-block;
  width: 100%;
  border: 0.125rem solid #f1f1f1;
  border-radius: 0.3125rem;
  line-height: 1.5rem;
  font-size: 1rem;
  font-family: inherit;
  background-color: #ffffff;
  padding: 0;
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
  padding-left: 0.3125rem;
  padding-right: 0.3125rem;
  height: 2.25rem;
  margin-bottom: 0.75rem;
  vertical-align: top; }
  input[type="text"]:focus, input[type="email"]:focus, input[type="password"]:focus,
  input[type="date"]:focus, input[type="time"]:focus, textarea:focus, select:focus {
    background-color: #ffffff;
    border-color: #e5731e; }

input[type="checkbox"] {
  position: absolute;
  opacity: 0;
  pointer-events: none;
  width: 0;
  height: 0;
  font-size: 0;
  line-height: 0;
  display: inline-block;
  vertical-align: top; }
input[type="checkbox"] + label {
  display: inline-block;
  vertical-align: top;
  cursor: pointer; }
  input[type="checkbox"] + label:before {
    display: inline-block;
    vertical-align: top;
    content: "";
    font-family: 'Font Awesome 5 Free';
    font-style: normal;
    font-weight: 900;
    font-variant: normal;
    text-align: center;
    text-rendering: auto;
    width: 1.5rem;
    height: 1.5rem;
    margin-right: 0.2em;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale; }
input[type="checkbox"][value="off"] + label:before, input[type="checkbox"]:checked + label:before {
  content: "";
  font-weight: bold;
  color: #20555d; }
input[type="checkbox"] + label:before, input[type="checkbox"][value="off"]:checked + label:before {
  content: "";
  font-weight: normal;
  color: black; }
input[type="checkbox"][disabled] + label {
  cursor: not-allowed; }
  input[type="checkbox"][disabled] + label:before {
    font-weight: normal;
    color: #cccccc; }
input[type="checkbox"]:focus + label:before {
  outline: 0.0625rem dotted #e5731e; }

input[type="radio"] {
  position: absolute;
  opacity: 0;
  pointer-events: none;
  width: 0;
  height: 0;
  font-size: 0;
  line-height: 0;
  display: inline-block;
  vertical-align: top; }
input[type="radio"] + label {
  display: inline-block;
  vertical-align: top;
  cursor: pointer; }
  input[type="radio"] + label:before {
    display: inline-block;
    vertical-align: top;
    content: "";
    font-family: 'Font Awesome 5 Free';
    font-style: normal;
    font-weight: 900;
    font-variant: normal;
    text-align: center;
    text-rendering: auto;
    width: 1.5rem;
    height: 1.5rem;
    margin-right: 0.2em;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale; }
input[type="radio"][value="off"] + label:before, input[type="radio"]:checked + label:before {
  content: "";
  font-weight: bold;
  color: #20555d; }
input[type="radio"] + label:before, input[type="radio"][value="off"]:checked + label:before {
  content: "";
  font-weight: normal;
  color: black; }
input[type="radio"][disabled] + label {
  cursor: not-allowed; }
  input[type="radio"][disabled] + label:before {
    font-weight: normal;
    color: #cccccc; }
input[type="radio"]:focus + label:before {
  outline: 0.0625rem dotted #e5731e; }

dd > input[type="checkbox"] + label, dd > input[type="radio"] + label {
  border: 0.125rem solid #f1f1f1;
  margin-bottom: 0.75rem;
  border-radius: 0.3125rem; }
  dd > input[type="checkbox"] + label:before, dd > input[type="radio"] + label:before {
    margin-right: 0;
    content: ''; }
dd > input[type="checkbox"]:focus + label, dd > input[type="radio"]:focus + label {
  border-color: #e5731e; }
  dd > input[type="checkbox"]:focus + label:before, dd > input[type="radio"]:focus + label:before {
    outline: none; }
dd > input[type="checkbox"]:checked + label:before, dd > input[type="radio"]:checked + label:before {
  content: "";
  color: #e5731e; }
dd > input[type="radio"] + label {
  border-radius: 1.125rem; }
dd > input[type="radio"]:checked + label:before {
  content: ""; }

main > article > div > form > div > button[type="submit"] {
  border: 0.125rem solid #e5731e;
  border-radius: 0.3125rem;
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
  background-image: linear-gradient(to bottom, #f7941e 0%, #db5c1e 100%); }
  main > article > div > form > div > button[type="submit"]:hover, main > article > div > form > div > button[type="submit"]:focus {
    background-image: linear-gradient(to bottom, #f7941e 0%, #e5731e 100%); }
  main > article > div > form > div > button[type="submit"]:active {
    background-image: linear-gradient(to bottom, #e5731e 0%, #f7941e 100%); }

dl.period dd {
  padding-left: 0; }

div.csv {
  margin-bottom: 1.1875rem; }
  div.csv input[type="checkbox"] {
    position: absolute;
    opacity: 0;
    pointer-events: none;
    width: 0;
    height: 0;
    font-size: 0;
    line-height: 0;
    display: inline-block;
    vertical-align: top; }
  div.csv input[type="checkbox"] + label {
    display: inline-block;
    vertical-align: top;
    cursor: pointer; }
    div.csv input[type="checkbox"] + label:before {
      display: inline-block;
      vertical-align: top;
      content: "";
      font-family: 'Font Awesome 5 Free';
      font-style: normal;
      font-weight: 900;
      font-variant: normal;
      text-align: center;
      text-rendering: auto;
      width: 1.5rem;
      height: 1.5rem;
      margin-right: 0.2em;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale; }
  div.csv input[type="checkbox"][value="off"] + label:before, div.csv input[type="checkbox"]:checked + label:before {
    content: "";
    font-weight: bold;
    color: #ffdd66; }
  div.csv input[type="checkbox"] + label:before, div.csv input[type="checkbox"][value="off"]:checked + label:before {
    content: "";
    font-weight: normal;
    color: black; }
  div.csv input[type="checkbox"][disabled] + label {
    cursor: not-allowed; }
    div.csv input[type="checkbox"][disabled] + label:before {
      font-weight: normal;
      color: #cccccc; }
  div.csv input[type="checkbox"]:focus + label:before {
    outline: 0.0625rem dotted #e5731e; }

textarea {
  height: 8.25rem;
  margin-bottom: 0.6875rem; }

/* select.js */
select + div.select {
  border: 0.125rem solid #f1f1f1;
  border-radius: 0.3125rem;
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
  padding-left: 0.3125rem;
  padding-right: 0.3125rem;
  margin-bottom: 0.75rem;
  position: relative;
  -moz-user-select: none;
  -ms-user-select: none;
  -webkit-user-select: none;
  user-select: none; }
  select + div.select.focus-within {
    border-color: #e5731e; }
  select + div.select > span:first-child {
    white-space: pre;
    overflow: hidden;
    width: 100%;
    display: block;
    text-overflow: ellipsis; }
  select + div.select > ul {
    cursor: initial;
    margin: 0;
    padding: 0;
    list-style: none; }
    select + div.select > ul > li {
      display: inline-block;
      vertical-align: top;
      margin-right: 0.3125rem; }
      select + div.select > ul > li > input[type="search"] {
        border: 0;
        outline: none;
        background: transparent;
        color: inherit;
        font-size: 1rem;
        line-height: 1.5rem;
        font-family: "Noto Sans", sans-serif;
        display: inline-block;
        vertical-align: top;
        padding: 0;
        width: 0.0625rem; }
      select + div.select > ul > li.selected {
        background-color: #003d46;
        color: #ffffff;
        padding-left: 0.375rem;
        margin-right: 0.3125rem;
        margin-top: 0.0625rem;
        margin-bottom: 0.0625rem;
        height: 1.375rem;
        line-height: 1.3125rem;
        white-space: pre;
        max-width: 100%;
        overflow: hidden;
        text-overflow: ellipsis;
        position: relative;
        padding-right: 1.625rem;
        border-radius: 0.3125rem; }
      select + div.select > ul > li > a {
        cursor: pointer;
        width: 1rem;
        height: 1rem;
        border-radius: 0.5rem;
        position: absolute;
        top: 0.1875rem;
        right: 0.3125rem;
        color: rgba(241, 241, 241, 0.8);
        display: inline-block; }
        select + div.select > ul > li > a:before {
          display: inline-block;
          vertical-align: top;
          content: "";
          font-family: 'Font Awesome 5 Free';
          font-style: normal;
          font-weight: 900;
          font-variant: normal;
          text-align: center;
          text-rendering: auto;
          width: 1.5rem;
          height: 1.5rem;
          margin-right: 0.2em;
          -webkit-font-smoothing: antialiased;
          -moz-osx-font-smoothing: grayscale;
          font-weight: normal;
          width: 1rem;
          height: 1rem;
          line-height: 1rem; }
        select + div.select > ul > li > a:hover {
          color: #ffffff; }
  select + div.select > ol, select + div.select > ol ol {
    padding: 0;
    margin: 0;
    list-style: none; }
  select + div.select > ol {
    cursor: initial;
    display: none;
    position: absolute;
    color: black;
    z-index: 1;
    width: 100%;
    max-height: 12rem;
    margin-top: 0.375rem;
    margin-left: -0.4375rem;
    box-sizing: content-box;
    border: 0.125rem solid #f1f1f1;
    border-top: 0;
    border-bottom: 0;
    border-bottom-left-radius: 0.3125rem;
    border-bottom-right-radius: 0.3125rem;
    overflow: auto;
    box-shadow: 0 0.25rem 0.3125rem rgba(0, 0, 0, 0.15); }
  select + div.select.focus {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0; }
    select + div.select.focus > ol {
      display: block; }
  select + div.select > ol > li, select + div.select > ol ol > li {
    background-color: #ffffff;
    padding-left: 0.3125rem;
    padding-right: 0.3125rem;
    text-overflow: ellipsis;
    white-space: pre;
    overflow: hidden; }
    select + div.select > ol > li.hidden, select + div.select > ol ol > li.hidden {
      display: none; }
    select + div.select > ol > li.selected, select + div.select > ol ol > li.selected {
      background-color: #ffffff;
      font-weight: bold;
      color: rgba(0, 0, 0, 0.5); }
    select + div.select > ol > li.highlighted, select + div.select > ol ol > li.highlighted {
      cursor: pointer;
      background-color: #ee851e;
      color: #ffffff; }
    select + div.select > ol > li.disabled, select + div.select > ol ol > li.disabled {
      cursor: not-allowed;
      background-color: #ffffff;
      color: #cccccc; }
    select + div.select > ol > li:before, select + div.select > ol ol > li:before {
      content: ''; }
    select + div.select > ol > li > mark, select + div.select > ol > li > dl > dt > mark, select + div.select > ol ol > li > mark, select + div.select > ol ol > li > dl > dt > mark {
      background-color: transparent;
      color: inherit;
      text-decoration: underline; }
    select + div.select > ol > li > dl, select + div.select > ol ol > li > dl {
      margin: 0;
      margin-left: -0.3125rem;
      margin-right: -0.3125rem; }
      select + div.select > ol > li > dl > dt, select + div.select > ol ol > li > dl > dt {
        margin: 0;
        font-weight: bold;
        padding-left: 0.3125rem;
        padding-right: 0.3125rem; }
      select + div.select > ol > li > dl > dd, select + div.select > ol ol > li > dl > dd {
        margin: 0; }
        select + div.select > ol > li > dl > dd > ol > li, select + div.select > ol ol > li > dl > dd > ol > li {
          padding-left: 1.5rem; }

select[multiple] + div.select {
  cursor: text; }
  select[multiple] + div.select > ul {
    cursor: text; }
    select[multiple] + div.select > ul > li {
      cursor: initial; }

select:not([multiple]) + div.select {
  cursor: pointer;
  padding-right: 1.75rem; }
  select:not([multiple]) + div.select:after {
    display: inline-block;
    vertical-align: top;
    content: "";
    font-family: 'Font Awesome 5 Free';
    font-style: normal;
    font-weight: 900;
    font-variant: normal;
    text-align: center;
    text-rendering: auto;
    width: 1.5rem;
    height: 1.5rem;
    margin-right: 0.2em;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    position: absolute;
    top: 50%;
    right: 0;
    margin-top: -0.75rem;
    color: rgba(0, 0, 0, 0.5); }
  select:not([multiple]) + div.select > ul {
    position: absolute;
    top: -9999px; }
  select:not([multiple]) + div.select.focus:after {
    content: ""; }
  select:not([multiple]) + div.select.focus > ul {
    display: block;
    top: initial;
    z-index: 1;
    margin-top: 0.375rem;
    border-left: 0.125rem solid #f1f1f1;
    border-right: 0.125rem solid #f1f1f1;
    width: 100%;
    background-color: white;
    margin-left: -0.4375rem;
    box-sizing: content-box;
    box-shadow: 0 0.25rem 0.3125rem rgba(0, 0, 0, 0.15); }
    select:not([multiple]) + div.select.focus > ul > li {
      display: block;
      padding: 0.3125rem;
      position: relative; }
      select:not([multiple]) + div.select.focus > ul > li:before {
        display: inline-block;
        vertical-align: top;
        content: "";
        font-family: 'Font Awesome 5 Free';
        font-style: normal;
        font-weight: 900;
        font-variant: normal;
        text-align: center;
        text-rendering: auto;
        width: 1.5rem;
        height: 1.5rem;
        margin-right: 0.2em;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        position: absolute;
        top: 0.375rem;
        right: 0.3125rem;
        color: rgba(0, 0, 0, 0.5); }
      select:not([multiple]) + div.select.focus > ul > li > input[type="search"] {
        display: block;
        border: 0.0625rem solid #f1f1f1;
        width: 100% !important;
        padding-left: 0.3125rem;
        padding-right: 1.75rem;
        border-radius: 0.3125rem; }
  select:not([multiple]) + div.select.focus > ol {
    margin-top: 2.625rem; }

/* File inputs */
input[type="file"].replace {
  position: absolute;
  opacity: 0;
  pointer-events: none;
  width: 0;
  height: 0;
  font-size: 0;
  line-height: 0;
  display: inline-block;
  vertical-align: top; }
  input[type="file"].replace + label {
    border: 0.125rem solid #f1f1f1;
    border-radius: 0.3125rem;
    display: block;
    cursor: pointer;
    height: 2.25rem;
    margin-bottom: 0.75rem;
    overflow: hidden; }
    input[type="file"].replace + label:after {
      content: "";
      display: table;
      clear: both; }
    input[type="file"].replace + label > span, input[type="file"].replace + label > a {
      display: inline-block;
      vertical-align: top;
      height: 2rem;
      padding-top: 0.1875rem;
      padding-bottom: 0.3125rem;
      padding-left: 0.75rem;
      padding-right: 0.75rem; }
    input[type="file"].replace + label > span {
      float: left; }
    input[type="file"].replace + label > a {
      background-color: #20555d;
      color: #ffffff;
      text-decoration: none;
      float: right; }
      input[type="file"].replace + label > a:before {
        display: inline-block;
        vertical-align: top;
        content: "";
        font-family: 'Font Awesome 5 Free';
        font-style: normal;
        font-weight: 900;
        font-variant: normal;
        text-align: center;
        text-rendering: auto;
        width: 1.5rem;
        height: 1.5rem;
        margin-right: 0.2em;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale; }
    input[type="file"].replace + label:hover > a {
      background-color: #2a656d; }
  input[type="file"].replace:focus + label {
    border-color: #e5731e; }
    input[type="file"].replace:focus + label > a {
      background-color: #e5731e; }
    input[type="file"].replace:focus + label:hover > a {
      background-color: #ee851e; }

.list-form > table {
  width: 100%; }
  .list-form > table tr td, .list-form > table tr th {
    padding: 0; }
    .list-form > table tr td.deleting, .list-form > table tr th.deleting {
      width: 1.75rem; }
    .list-form > table tr td.id, .list-form > table tr th.id {
      width: 3.125rem; }
    .list-form > table tr td.time, .list-form > table tr th.time {
      width: 6.25rem; }
    .list-form > table tr td.completed, .list-form > table tr th.completed {
      width: 7.5rem; }
    .list-form > table tr td.reminded, .list-form > table tr th.reminded {
      width: 9.375rem; }
    .list-form > table tr td.show-details, .list-form > table tr th.show-details {
      width: 1.75rem;
      text-align: right; }
    @media screen and (max-width: 600px) {
      .list-form > table tr td.completed, .list-form > table tr th.completed {
        width: 25%; }
      .list-form > table tr td.reminded, .list-form > table tr th.reminded {
        width: 25%; } }
  .list-form > table tr td.deleting input[type="checkbox"] {
    position: absolute;
    opacity: 0;
    pointer-events: none;
    width: 0;
    height: 0;
    font-size: 0;
    line-height: 0;
    display: inline-block;
    vertical-align: top; }
  .list-form > table tr td.deleting input[type="checkbox"] + label {
    display: inline-block;
    vertical-align: top;
    cursor: pointer; }
    .list-form > table tr td.deleting input[type="checkbox"] + label:before {
      display: inline-block;
      vertical-align: top;
      content: "";
      font-family: 'Font Awesome 5 Free';
      font-style: normal;
      font-weight: 900;
      font-variant: normal;
      text-align: center;
      text-rendering: auto;
      width: 1.5rem;
      height: 1.5rem;
      margin-right: 0.2em;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale; }
  .list-form > table tr td.deleting input[type="checkbox"][value="off"] + label:before, .list-form > table tr td.deleting input[type="checkbox"]:checked + label:before {
    content: "";
    font-weight: bold;
    color: #aa3333; }
  .list-form > table tr td.deleting input[type="checkbox"] + label:before, .list-form > table tr td.deleting input[type="checkbox"][value="off"]:checked + label:before {
    content: "";
    font-weight: normal;
    color: black; }
  .list-form > table tr td.deleting input[type="checkbox"][disabled] + label {
    cursor: not-allowed; }
    .list-form > table tr td.deleting input[type="checkbox"][disabled] + label:before {
      font-weight: normal;
      color: #cccccc; }
  .list-form > table tr td.deleting input[type="checkbox"]:focus + label:before {
    outline: 0.0625rem dotted #e5731e; }
  .list-form > table tr td.reminded input[type="checkbox"] {
    position: absolute;
    opacity: 0;
    pointer-events: none;
    width: 0;
    height: 0;
    font-size: 0;
    line-height: 0;
    display: inline-block;
    vertical-align: top; }
  .list-form > table tr td.reminded input[type="checkbox"] + label {
    display: inline-block;
    vertical-align: top;
    cursor: pointer; }
    .list-form > table tr td.reminded input[type="checkbox"] + label:before {
      display: inline-block;
      vertical-align: top;
      content: "";
      font-family: 'Font Awesome 5 Free';
      font-style: normal;
      font-weight: 900;
      font-variant: normal;
      text-align: center;
      text-rendering: auto;
      width: 1.5rem;
      height: 1.5rem;
      margin-right: 0.2em;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale; }
  .list-form > table tr td.reminded input[type="checkbox"][value="off"] + label:before, .list-form > table tr td.reminded input[type="checkbox"]:checked + label:before {
    content: "";
    font-weight: bold;
    color: #ffdd66; }
  .list-form > table tr td.reminded input[type="checkbox"] + label:before, .list-form > table tr td.reminded input[type="checkbox"][value="off"]:checked + label:before {
    content: "";
    font-weight: normal;
    color: black; }
  .list-form > table tr td.reminded input[type="checkbox"][disabled] + label {
    cursor: not-allowed; }
    .list-form > table tr td.reminded input[type="checkbox"][disabled] + label:before {
      font-weight: normal;
      color: #cccccc; }
  .list-form > table tr td.reminded input[type="checkbox"]:focus + label:before {
    outline: 0.0625rem dotted #e5731e; }
  .list-form > table tr td.show-details a:before {
    display: inline-block;
    vertical-align: top;
    content: "";
    font-family: 'Font Awesome 5 Free';
    font-style: normal;
    font-weight: 900;
    font-variant: normal;
    text-align: center;
    text-rendering: auto;
    width: 1.5rem;
    height: 1.5rem;
    margin-right: 0.2em;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale; }
  .list-form > table tr.details td {
    padding-top: 0.75rem;
    padding-bottom: 0.75rem;
    padding-left: 1.5rem;
    padding-right: 1.5rem;
    font-size: 0.75rem;
    line-height: 1rem; }
    .list-form > table tr.details td > div {
      column-count: 2; }
    .list-form > table tr.details td dl {
      margin: 0;
      display: inline-block;
      width: 100%;
      vertical-align: top; }
      .list-form > table tr.details td dl dd, .list-form > table tr.details td dl dt {
        font-size: 0.75rem;
        line-height: 1rem; }
      .list-form > table tr.details td dl input[type="text"], .list-form > table tr.details td dl input[type="email"], .list-form > table tr.details td dl input[type="search"], .list-form > table tr.details td dl select {
        height: 1.25rem;
        font-size: 0.75rem;
        line-height: 1rem;
        margin-bottom: 0.25rem;
        padding-top: 0;
        padding-bottom: 0; }
      .list-form > table tr.details td dl select + div.select > ul > li:before {
        top: 0.1875rem; }
      .list-form > table tr.details td dl select + div.select > ul > li > input[type="search"] {
        margin-bottom: 0; }
      .list-form > table tr.details td dl select:not([multiple]) + div.select:after {
        margin-top: -0.5rem; }
      .list-form > table tr.details td dl select:not([multiple]) + div.select.focus > ol {
        margin-top: 2.25rem; }
  .list-form > table tr.details button {
    margin-top: 0.75rem; }
  .list-form > table + header {
    margin-bottom: 1.5rem; }
  .list-form > table tbody.item tr.details {
    display: none; }
  .list-form > table tbody.item.show tr.details {
    display: table-row; }

.list-form header button {
  margin-right: 0.125rem; }

span.never:before {
  display: inline-block;
  vertical-align: top;
  content: "";
  font-family: 'Font Awesome 5 Free';
  font-style: normal;
  font-weight: 900;
  font-variant: normal;
  text-align: center;
  text-rendering: auto;
  width: 1.5rem;
  height: 1.5rem;
  margin-right: 0.2em;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: #dd6666; }
span.partial-0:before {
  display: inline-block;
  vertical-align: top;
  content: "";
  font-family: 'Font Awesome 5 Free';
  font-style: normal;
  font-weight: 900;
  font-variant: normal;
  text-align: center;
  text-rendering: auto;
  width: 1.5rem;
  height: 1.5rem;
  margin-right: 0.2em;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: #dd8d66; }
span.partial-1:before {
  display: inline-block;
  vertical-align: top;
  content: "";
  font-family: 'Font Awesome 5 Free';
  font-style: normal;
  font-weight: 900;
  font-variant: normal;
  text-align: center;
  text-rendering: auto;
  width: 1.5rem;
  height: 1.5rem;
  margin-right: 0.2em;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: #ddb466; }
span.partial-2:before {
  display: inline-block;
  vertical-align: top;
  content: "";
  font-family: 'Font Awesome 5 Free';
  font-style: normal;
  font-weight: 900;
  font-variant: normal;
  text-align: center;
  text-rendering: auto;
  width: 1.5rem;
  height: 1.5rem;
  margin-right: 0.2em;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: #dddd66; }
span.partial-3:before {
  display: inline-block;
  vertical-align: top;
  content: "";
  font-family: 'Font Awesome 5 Free';
  font-style: normal;
  font-weight: 900;
  font-variant: normal;
  text-align: center;
  text-rendering: auto;
  width: 1.5rem;
  height: 1.5rem;
  margin-right: 0.2em;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: #b4dd66; }
span.partial-4:before {
  display: inline-block;
  vertical-align: top;
  content: "";
  font-family: 'Font Awesome 5 Free';
  font-style: normal;
  font-weight: 900;
  font-variant: normal;
  text-align: center;
  text-rendering: auto;
  width: 1.5rem;
  height: 1.5rem;
  margin-right: 0.2em;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: #8ddd66; }
span.complete:before {
  display: inline-block;
  vertical-align: top;
  content: "";
  font-family: 'Font Awesome 5 Free';
  font-style: normal;
  font-weight: 900;
  font-variant: normal;
  text-align: center;
  text-rendering: auto;
  width: 1.5rem;
  height: 1.5rem;
  margin-right: 0.2em;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: #66dd66; }
span.never, span.partial-0, span.partial-1, span.partial-2, span.partial-3, span.partial-4, span.complete {
  cursor: help;
  font-size: 0;
  line-height: 0; }
  span.never:before, span.partial-0:before, span.partial-1:before, span.partial-2:before, span.partial-3:before, span.partial-4:before, span.complete:before {
    font-size: 1rem;
    line-height: 2.25rem;
    margin-right: 0; }
  span.never:before, span.partial-0:before, span.partial-1:before, span.partial-2:before, span.partial-3:before, span.partial-4:before, span.complete:before {
    margin-top: -0.3125rem; }

/* Errors */
ul.digestive-functors-error-list {
  display: block;
  margin: 0;
  padding: 0;
  list-style: none;
  color: red; }
  ul.digestive-functors-error-list:before {
    content: "Error: "; }
  ul.digestive-functors-error-list li {
    display: inline; }
    ul.digestive-functors-error-list li:after {
      content: ', '; }
    ul.digestive-functors-error-list li:first-child:after {
      display: none; }
  ul.digestive-functors-error-list + input[type="text"], ul.digestive-functors-error-list + input[type="email"], ul.digestive-functors-error-list + input[type="password"],
  ul.digestive-functors-error-list + input[type="date"], ul.digestive-functors-error-list + input[type="time"], ul.digestive-functors-error-list + inputy[type="search"],
  ul.digestive-functors-error-list + textarea, ul.digestive-functors-error-list + select + div.select, ul.digestive-functors-error-list + input[type="file"].replace + label,
  ul.digestive-functors-error-list + input[type="checkbox"] + label, ul.digestive-functors-error-list + input[type="radio"] + label {
    border-color: red; }
  ul.digestive-functors-error-list + input[type="text"]:focus, ul.digestive-functors-error-list + input[type="email"]:focus,
  ul.digestive-functors-error-list + input[type="password"]:focus, ul.digestive-functors-error-list + input[type="date"]:focus,
  ul.digestive-functors-error-list + input[type="time"]:focus, ul.digestive-functors-error-list + inputy[type="search"]:focus,
  ul.digestive-functors-error-list + textarea:focus, ul.digestive-functors-error-list + select + div.select.focus-within,
  ul.digestive-functors-error-list + input[type="file"].replace:focus + label,
  ul.digestive-functors-error-list + input[type="checkbox"]:focus + label,
  ul.digestive-functors-error-list + input[type="radio"]:focus + label {
    border-color: #e5731e; }

/* Status messages */
aside.messages {
  background-color: #f1f1f1;
  opacity: 0.9;
  margin-bottom: 1.5rem;
  padding: 0.75rem;
  position: absolute;
  top: 1.5rem;
  text-align: center;
  z-index: 3;
  -webkit-animation: fadeout 1s forwards;
  animation: fadeout 1s forwards;
  -webkit-animation-delay: 2s;
  animation-delay: 2s;
  pointer-events: none; }
  aside.messages ul {
    display: inline-block;
    vertical-align: top;
    list-style: none;
    padding: 0;
    margin: 0; }
    aside.messages ul li.error:before {
      display: inline-block;
      vertical-align: top;
      content: "";
      font-family: 'Font Awesome 5 Free';
      font-style: normal;
      font-weight: 900;
      font-variant: normal;
      text-align: center;
      text-rendering: auto;
      width: 1.5rem;
      height: 1.5rem;
      margin-right: 0.2em;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      color: #dd6666; }
    aside.messages ul li.success:before {
      display: inline-block;
      vertical-align: top;
      content: "";
      font-family: 'Font Awesome 5 Free';
      font-style: normal;
      font-weight: 900;
      font-variant: normal;
      text-align: center;
      text-rendering: auto;
      width: 1.5rem;
      height: 1.5rem;
      margin-right: 0.2em;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      color: #66dd66; }

@keyframes fadeout {
  from {
    opacity: 1; }
  to {
    opacity: 0; } }
@-webkit-keyframes fadeout {
  from {
    opacity: 1; }
  to {
    opacity: 0; } }
html.null {
  height: auto; }
  html.null > body {
    height: auto;
    background-color: #2a656d;
    background-image: none; }
    html.null > body > div {
      min-height: auto;
      display: block;
      max-width: 36.25rem;
      margin: auto;
      padding-top: 0;
      margin-top: 3rem;
      margin-bottom: 3rem; }
      html.null > body > div > header {
        display: none; }
      html.null > body > div > main {
        width: 100%;
        padding-top: 9rem;
        background-image: url("../img/logo.svg");
        background-size: 12.5rem 3rem;
        background-repeat: no-repeat;
        background-position: center 3rem;
        flex-grow: initial;
        display: flex;
        flex-direction: column-reverse;
        padding-bottom: 3rem; }
        html.null > body > div > main > header > nav, html.null > body > div > main > article > header > nav {
          display: block;
          direction: ltr;
          text-align: center; }
          html.null > body > div > main > header > nav > ul, html.null > body > div > main > article > header > nav > ul {
            background-color: transparent;
            display: block;
            margin-bottom: 0; }
            html.null > body > div > main > header > nav > ul > li, html.null > body > div > main > article > header > nav > ul > li {
              display: inline-block;
              vertical-align: top;
              margin-top: 1.5rem;
              margin-left: 0.75rem;
              margin-right: 0.75rem; }
              html.null > body > div > main > header > nav > ul > li > a, html.null > body > div > main > article > header > nav > ul > li > a {
                display: inline;
                padding: 0;
                line-height: 1.5rem;
                background-color: transparent;
                color: #20555d;
                text-decoration: underline dotted; }
                html.null > body > div > main > header > nav > ul > li > a:before, html.null > body > div > main > header > nav > ul > li > a:after, html.null > body > div > main > article > header > nav > ul > li > a:before, html.null > body > div > main > article > header > nav > ul > li > a:after {
                  display: none; }
                html.null > body > div > main > header > nav > ul > li > a:hover, html.null > body > div > main > header > nav > ul > li > a:focus, html.null > body > div > main > header > nav > ul > li > a:active, html.null > body > div > main > article > header > nav > ul > li > a:hover, html.null > body > div > main > article > header > nav > ul > li > a:focus, html.null > body > div > main > article > header > nav > ul > li > a:active {
                  background-color: transparent;
                  color: #2a656d; }
        html.null > body > div > main > header > nav {
          height: auto; }
          html.null > body > div > main > header > nav > ul > li {
            display: none; }
          html.null > body > div > main > header > nav > ul > li:first-child + li {
            display: inline-block; }
        html.null > body > div > main > article {
          display: flex;
          flex-direction: column-reverse;
          margin: auto;
          padding: 0; }
          html.null > body > div > main > article > header > h2 {
            display: none; }
          html.null > body > div > main > article button[type="submit"] {
            display: block;
            width: 13.75rem;
            height: 3rem;
            margin: auto; }
          html.null > body > div > main > article dd {
            margin-left: 0; }

table.users {
  width: 100%;
  table-layout: fixed; }
  table.users > tbody > tr > td:first-child > a > span[role="presentation"], table.users > tbody > tr > th:first-child > a > span[role="presentation"], table.users > thead > tr > td:first-child > a > span[role="presentation"], table.users > thead > tr > th:first-child > a > span[role="presentation"] {
    display: none; }
  table.users > tbody > tr > td:first-child, table.users > tbody > tr > td:nth-child(2), table.users > tbody > tr > td:nth-child(3), table.users > tbody > tr > td:nth-child(4), table.users > tbody > tr > th:first-child, table.users > tbody > tr > th:nth-child(2), table.users > tbody > tr > th:nth-child(3), table.users > tbody > tr > th:nth-child(4), table.users > thead > tr > td:first-child, table.users > thead > tr > td:nth-child(2), table.users > thead > tr > td:nth-child(3), table.users > thead > tr > td:nth-child(4), table.users > thead > tr > th:first-child, table.users > thead > tr > th:nth-child(2), table.users > thead > tr > th:nth-child(3), table.users > thead > tr > th:nth-child(4) {
    max-width: 20%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap; }
    table.users > tbody > tr > td:first-child:hover, table.users > tbody > tr > td:nth-child(2):hover, table.users > tbody > tr > td:nth-child(3):hover, table.users > tbody > tr > td:nth-child(4):hover, table.users > tbody > tr > th:first-child:hover, table.users > tbody > tr > th:nth-child(2):hover, table.users > tbody > tr > th:nth-child(3):hover, table.users > tbody > tr > th:nth-child(4):hover, table.users > thead > tr > td:first-child:hover, table.users > thead > tr > td:nth-child(2):hover, table.users > thead > tr > td:nth-child(3):hover, table.users > thead > tr > td:nth-child(4):hover, table.users > thead > tr > th:first-child:hover, table.users > thead > tr > th:nth-child(2):hover, table.users > thead > tr > th:nth-child(3):hover, table.users > thead > tr > th:nth-child(4):hover {
      overflow: visible;
      position: absolute;
      z-index: 200; }
  table.users > tbody > tr > td:last-child, table.users > tbody > tr > th:last-child, table.users > thead > tr > td:last-child, table.users > thead > tr > th:last-child {
    display: none; }
  table.users tbody > tr:hover > td:hover ~ td, table.users tbody > tr:hover > td:hover th, table.users tbody > tr:hover > th:hover ~ td, table.users tbody > tr:hover > th:hover th {
    opacity: 0.1; }

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