@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, dl.poms > dd > ul dl, ul.poms dl {
  display: flex;
  flex-wrap: wrap;
  width: 100%; }
  .subdl dt, dl.poms > dd > ul dl dt, ul.poms dl dt {
    break-before: always;
    flex-basis: 30%;
    text-align: right; }
  .subdl dd, dl.poms > dd > ul dl dd, ul.poms dl 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; } }
dl dd {
  margin-left: 0;
  padding-left: 2.25rem;
  margin-bottom: 0.75rem; }
  dl dd ul {
    padding-left: 1rem; }

dl.structure dd > dl {
  margin-top: 0.75rem; }

dl.structure dd > ul.structure {
  margin-top: 0.75rem; }

dl.poms > dd > ul, ul.poms {
  list-style: none;
  padding-left: 0; }
  dl.poms > dd > ul dl, ul.poms dl {
    margin-top: 1.5rem;
    margin-bottom: 1.5rem; }
    dl.poms > dd > ul dl dt, ul.poms dl dt {
      font-size: 1rem;
      text-align: left;
      width: 5.3125rem; }
    dl.poms > dd > ul dl dd, ul.poms dl dd {
      padding-left: 0;
      width: calc(100% - (85 * 0.0625rem)); }

main > article.circles, main > article.shapes, main > article.corners, main > article.cube {
  position: relative; }
  main > article.circles > header > h2, main > article.shapes > header > h2, main > article.corners > header > h2, main > article.cube > header > h2 {
    padding-left: 3.125rem; }
  main > article.circles > div > header > span.abbr-circle, main > article.shapes > div > header > span.abbr-circle, main > article.corners > div > header > span.abbr-circle, main > article.cube > div > header > span.abbr-circle {
    position: absolute;
    top: 1.5rem;
    left: 1.5rem; }
    main > article.circles > div > header > span.abbr-circle abbr, main > article.shapes > div > header > span.abbr-circle abbr, main > article.corners > div > header > span.abbr-circle abbr, main > article.cube > div > header > span.abbr-circle abbr {
      font-size: 0.9375rem; }
main > article.corners > header > h2 {
  padding-left: 3.75rem; }

/* Shapes */
span.abbr-circle abbr {
  display: inline-block;
  background-color: black;
  min-width: 2.4em;
  height: 2.4em;
  line-height: 2.4em;
  font-size: 0.625rem;
  color: white;
  font-family: "Ubuntu", sans-serif;
  font-weight: bold;
  text-align: center;
  vertical-align: bottom;
  margin-right: 1.2em;
  border-radius: 1.6em; }
  span.abbr-circle abbr[title] {
    text-decoration: none;
    border-bottom: 0; }

a span.abbr-circle abbr {
  background: #e5731e; }

a:hover span.abbr-circle abbr {
  background-color: #db5c1e; }

ul.structure {
  list-style: none;
  padding-left: 0rem;
  display: table; }
  ul.structure > li {
    display: table-row; }
    ul.structure > li > *:first-child {
      display: table-cell;
      width: 2.5em;
      padding-left: 0.25em;
      text-align: center;
      vertical-align: middle; }

abbr.level {
  display: inline-block;
  vertical-align: bottom;
  font-weight: bold;
  margin-right: 0.75rem;
  font-family: "Ubuntu", sans-serif; }
  abbr.level, abbr.level[title] {
    text-decoration: none;
    border-bottom: 0; }

p abbr.level {
  margin-right: 0; }

abbr[title] {
  cursor: help; }

a abbr[title] {
  cursor: pointer; }

/* Colors */
/* Search */
article.search > div > header > form > header {
  margin-bottom: 0.75rem;
  height: 2.25rem;
  position: relative; }
  article.search > div > header > form > header > input[type="search"] {
    display: block;
    height: 2.25rem;
    border: 0.0625rem solid #20555d;
    padding-left: 0.375rem;
    padding-right: 0.375rem;
    font-size: 1.5rem;
    line-height: 2.25rem;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    width: 100%; }
  article.search > div > header > form > header > button[type="submit"] {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0; }
article.search > div > header > form > aside {
  width: 100%;
  position: relative;
  margin-bottom: 3.75rem;
  font-size: 0.75rem;
  line-height: 1rem; }
  article.search > div > header > form > aside > h4 {
    position: absolute;
    top: 0rem;
    right: 0;
    line-height: 1rem;
    padding: 0.625rem;
    padding-left: 0.75rem;
    padding-right: 0.375rem;
    font-size: 0.875rem;
    cursor: pointer;
    vertical-align: top;
    margin-bottom: 0;
    background-color: #f1f1f1;
    color: #000000; }
    article.search > div > header > form > aside > h4: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;
      width: 1rem;
      height: 1rem;
      line-height: 1rem;
      margin-right: 0.75rem; }
    article.search > div > header > form > aside > h4: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;
      width: 1rem;
      height: 1rem;
      line-height: 1rem;
      margin-left: 0.375rem; }
  article.search > div > header > form > aside > dl {
    position: absolute;
    width: 100%;
    right: 0;
    top: 2.25rem;
    padding: 0.75rem;
    background-color: #f1f1f1;
    box-shadow: 0rem 0.25rem 0.25rem rgba(0, 0, 0, 0.2); }
    article.search > div > header > form > aside > dl input[type="text"], article.search > div > header > form > aside > dl input[type="email"], article.search > div > header > form > aside > dl input[type="search"], article.search > div > header > form > aside > dl select {
      height: 1.25rem;
      font-size: 0.75rem;
      line-height: 1rem;
      margin-bottom: 0.25rem;
      padding-top: 0;
      padding-bottom: 0; }
    article.search > div > header > form > aside > dl select + div.select {
      background-color: #ffffff; }
      article.search > div > header > form > aside > dl select + div.select > ul > li:before {
        top: 0.1875rem; }
      article.search > div > header > form > aside > dl select + div.select > ul > li > input[type="search"] {
        margin-bottom: 0; }
    article.search > div > header > form > aside > dl select:not([multiple]) + div.select:after {
      margin-top: -0.5rem; }
    article.search > div > header > form > aside > dl select:not([multiple]) + div.select.focus > ol {
      margin-top: 2.25rem; }
  article.search > div > header > form > aside:hover > h4, article.search > div > header > form > aside.hover > h4 {
    border-bottom: none; }
  article.search > div > header > form > aside:hover > h4:after, article.search > div > header > form > aside.hover > h4:after {
    content: ""; }
  article.search > div > header > form > aside:hover > dl, article.search > div > header > form > aside.hover > dl {
    display: block; }
  article.search > div > header > form > aside > dl {
    display: none; }
  article.search > div > header > form > aside dt {
    font-size: 0.8125rem;
    line-height: 1rem; }
  article.search > div > header > form > aside dl, article.search > div > header > form > aside dd {
    line-height: 1rem;
    margin-bottom: 0; }
  article.search > div > header > form > aside ul {
    line-height: 1rem; }
  article.search > div > header > form > aside ul.select {
    margin-bottom: 0; }
    article.search > div > header > form > aside ul.select:before, article.search > div > header > form > aside ul.select *:before {
      width: 1rem;
      height: 1rem; }
  article.search > div > header > form > aside ul.select.hover {
    margin-left: 1.25rem; }
    article.search > div > header > form > aside ul.select.hover:before {
      left: -1.25rem; }
    article.search > div > header > form > aside ul.select.hover input[type="radio"] + label, article.search > div > header > form > aside ul.select.hover input[type="checkbox"] + label {
      padding-left: 0.375rem;
      padding-right: 0.375rem; }
  article.search > div > header > form > aside dl dt {
    float: left;
    clear: left;
    width: 3.4375rem; }
  article.search > div > header > form > aside dl dd {
    padding-left: 0;
    margin-left: 3.4375rem; }
    article.search > div > header > form > aside dl dd:before {
      content: "";
      display: inline-block; }
  article.search > div > header > form > aside dl dl dt {
    width: 3.4375rem; }
  article.search > div > header > form > aside dl dl dd {
    margin-left: 4.6875rem;
    white-space: nowrap; }
  article.search > div > header > form > aside > dl > dt {
    font-size: 0.875rem; }
    article.search > div > header > form > aside > dl > dt abbr[title] {
      text-decoration: none; }
article.search > div > div > ul {
  padding: 0;
  list-style: none;
  margin-left: -0.75rem;
  margin-right: -0.75rem; }
  article.search > div > div > ul > li > a {
    text-decoration: none; }
    article.search > div > div > ul > li > a mark {
      background-color: #ffd24f;
      color: black; }
    article.search > div > div > ul > li > a > section {
      padding: 0.75rem; }
      article.search > div > div > ul > li > a > section > header h4 {
        margin-bottom: 0; }
      article.search > div > div > ul > li > a > section > div {
        color: black;
        text-decoration: none !important; }
      article.search > div > div > ul > li > a > section.itcmf > header h4: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.5em; }
      article.search > div > div > ul > li > a > section.sfia > header h4: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.5em; }
      article.search > div > div > ul > li > a > section.ecf > header h4: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.5em; }
    article.search > div > div > ul > li > a:hover > section {
      background-color: #f1f1f1; }
article.search > div > footer nav {
  display: inline; }
  article.search > div > footer nav:before {
    content: "Pages: "; }
article.search > div > footer nav > ul {
  display: inline; }
  article.search > div > footer nav > ul:before {
    content: " … "; }
  article.search > div > footer nav > ul > li > a {
    margin-left: 0.0625rem;
    margin-right: 0.0625rem; }
  article.search > div > footer nav > ul > li.current > a {
    background-color: #e5731e; }
  article.search > div > footer nav > ul > li.current:hover > a {
    background-color: #ee851e; }
article.search > div > footer nav > ul:first-child:before {
  display: none; }

/* Subframework selector tools */
div.selector > input[type="checkbox"] + label {
  display: none;
  margin-bottom: 1.5rem; }
div.selector ul {
  list-style: none;
  padding-left: 0; }
  div.selector ul ul {
    padding-left: 1.5rem; }
div.selector ul li {
  position: relative; }
  div.selector ul li input[type="checkbox"]:checked + label:before {
    color: white; }
  div.selector ul li input[type="checkbox"]:first-child + label header: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; }
  div.selector ul li input[type="checkbox"]:first-child:checked + label header:before {
    content: "";
    font-weight: bold; }
  div.selector ul li input[type="checkbox"]:first-child + label {
    padding-top: 0.75rem; }
  div.selector ul li input[type="checkbox"]:first-child + label header:before {
    margin-left: 0.1875rem; }
  div.selector ul li input[type="checkbox"]:first-child:focus + label > header:before {
    outline: 0.0625rem dotted #e5731e; }
  div.selector ul li input[type="checkbox"]:first-child:not(:checked) + label ~ label {
    display: none; }
  div.selector ul li input[type="checkbox"]:first-child:not(:checked) + label ~ ul {
    max-height: 0;
    transition: max-height 0.4s step-end; }
    div.selector ul li input[type="checkbox"]:first-child:not(:checked) + label ~ ul li, div.selector ul li input[type="checkbox"]:first-child:not(:checked) + label ~ ul li:before, div.selector ul li input[type="checkbox"]:first-child:not(:checked) + label ~ ul li:after, div.selector ul li input[type="checkbox"]:first-child:not(:checked) + label ~ ul label, div.selector ul li input[type="checkbox"]:first-child:not(:checked) + label ~ ul label:before, div.selector ul li input[type="checkbox"]:first-child:not(:checked) + label ~ ul label:after, div.selector ul li input[type="checkbox"]:first-child:not(:checked) + label ~ ul header, div.selector ul li input[type="checkbox"]:first-child:not(:checked) + label ~ ul header:before, div.selector ul li input[type="checkbox"]:first-child:not(:checked) + label ~ ul header:after, div.selector ul li input[type="checkbox"]:first-child:not(:checked) + label ~ ul div, div.selector ul li input[type="checkbox"]:first-child:not(:checked) + label ~ ul div:before, div.selector ul li input[type="checkbox"]:first-child:not(:checked) + label ~ ul div:after, div.selector ul li input[type="checkbox"]:first-child:not(:checked) + label ~ ul span, div.selector ul li input[type="checkbox"]:first-child:not(:checked) + label ~ ul span:before, div.selector ul li input[type="checkbox"]:first-child:not(:checked) + label ~ ul span:after, div.selector ul li input[type="checkbox"]:first-child:not(:checked) + label ~ ul abbr, div.selector ul li input[type="checkbox"]:first-child:not(:checked) + label ~ ul abbr:before, div.selector ul li input[type="checkbox"]:first-child:not(:checked) + label ~ ul abbr:after, div.selector ul li input[type="checkbox"]:first-child:not(:checked) + label ~ ul p, div.selector ul li input[type="checkbox"]:first-child:not(:checked) + label ~ ul p:before, div.selector ul li input[type="checkbox"]:first-child:not(:checked) + label ~ ul p:after {
      padding-top: 0;
      padding-bottom: 0;
      margin-top: 0;
      margin-bottom: 0;
      font-size: 0;
      line-height: 0;
      opacity: 0.5; }
  div.selector ul li label ~ input[type="checkbox"]:not(:checked) + label:before {
    content: "";
    font-weight: 900; }
  div.selector ul li label ~ input[type="checkbox"]:checked + label:before {
    content: "";
    font-weight: 900; }
  div.selector ul li label {
    display: block;
    padding-top: 0.375rem;
    padding-bottom: 0.375rem; }
    div.selector ul li label:before {
      display: none;
      color: white; }
  div.selector ul li label ~ label {
    position: absolute;
    top: 0rem;
    right: 0rem;
    width: 2.25rem;
    height: 2.25rem;
    font-size: 0;
    text-align: center;
    padding-right: 2.25rem; }
    div.selector ul li label ~ label:before {
      display: inline-block;
      font-size: 1rem;
      width: 1rem;
      height: 1rem;
      margin: 0;
      margin-left: 0.5rem; }
  div.selector ul li header {
    display: table-row;
    font-family: "Ubuntu", sans-serif;
    font-size: 1.125rem;
    padding-left: 0.75rem;
    padding-right: 0.75rem; }
    div.selector ul li header:before {
      display: table-cell; }
    div.selector ul li header span {
      display: table-cell; }
    div.selector ul li header + div {
      font-size: 0.75rem;
      line-height: 1rem;
      padding-left: 1.5rem;
      padding-right: 1.5rem;
      padding-top: 0.75rem;
      padding-bottom: 0.75rem; }
      div.selector ul li header + div ul {
        list-style: disc;
        padding-left: 2.5rem; }
  div.selector ul li ul {
    overflow-y: hidden;
    max-height: 62499.9375rem;
    transition: max-height 0.4s step-start; }
    div.selector ul li ul label {
      padding-right: 0; }
    div.selector ul li ul li, div.selector ul li ul li:before, div.selector ul li ul li:after, div.selector ul li ul label, div.selector ul li ul label:before, div.selector ul li ul label:after, div.selector ul li ul header, div.selector ul li ul header:before, div.selector ul li ul header:after, div.selector ul li ul div, div.selector ul li ul div:before, div.selector ul li ul div:after, div.selector ul li ul span, div.selector ul li ul span:before, div.selector ul li ul span:after, div.selector ul li ul abbr, div.selector ul li ul abbr:before, div.selector ul li ul abbr:after {
      transition: padding-top 0.4s ease-in-out, padding-bottom 0.4s ease-in-out, margin-top 0.4s ease-in-out, margin-bottom 0.4s ease-in-out, font-size 0.4s ease-in-out, opacity 0.4s ease-in-out, line-height 0.4s ease-in-out; }
div.selector input[type="checkbox"]:not(:checked) + label + ul {
  max-height: 0;
  margin-bottom: 0;
  overflow: hidden;
  transition: max-height 0.4s step-end; }
  div.selector input[type="checkbox"]:not(:checked) + label + ul li, div.selector input[type="checkbox"]:not(:checked) + label + ul li:before, div.selector input[type="checkbox"]:not(:checked) + label + ul li:after, div.selector input[type="checkbox"]:not(:checked) + label + ul label, div.selector input[type="checkbox"]:not(:checked) + label + ul label:before, div.selector input[type="checkbox"]:not(:checked) + label + ul label:after, div.selector input[type="checkbox"]:not(:checked) + label + ul header, div.selector input[type="checkbox"]:not(:checked) + label + ul header:before, div.selector input[type="checkbox"]:not(:checked) + label + ul header:after, div.selector input[type="checkbox"]:not(:checked) + label + ul div, div.selector input[type="checkbox"]:not(:checked) + label + ul div:before, div.selector input[type="checkbox"]:not(:checked) + label + ul div:after, div.selector input[type="checkbox"]:not(:checked) + label + ul span, div.selector input[type="checkbox"]:not(:checked) + label + ul span:before, div.selector input[type="checkbox"]:not(:checked) + label + ul span:after, div.selector input[type="checkbox"]:not(:checked) + label + ul abbr, div.selector input[type="checkbox"]:not(:checked) + label + ul abbr:before, div.selector input[type="checkbox"]:not(:checked) + label + ul abbr:after, div.selector input[type="checkbox"]:not(:checked) + label + ul p, div.selector input[type="checkbox"]:not(:checked) + label + ul p:before, div.selector input[type="checkbox"]:not(:checked) + label + ul p:after {
    padding-top: 0;
    padding-bottom: 0;
    margin-top: 0;
    margin-bottom: 0;
    font-size: 0;
    line-height: 0;
    opacity: 0.5; }

article a.color-000000 {
  color: black; }
  article a.color-000000:hover {
    color: black; }
.color-000000 > span[role="presentation"]:before {
  color: black; }
.color-000000:hover > span[role="presentation"]:before {
  color: #1a1a1a; }
.abbr-circle.color-000000 abbr {
  background-color: black;
  color: white; }
a:hover .abbr-circle.color-000000 abbr {
  background-color: black;
  color: white; }
dt.color-000000 a {
  color: black;
  text-decoration: none; }
  dt.color-000000 a:hover {
    color: black; }
div.selector li.color-000000 > label {
  background-color: #d6d6d6;
  color: #737373; }
  div.selector li.color-000000 > label .abbr-circle > abbr {
    background-color: #737373;
    color: #d6d6d6; }
div.selector li.color-000000:hover > label {
  background-color: #d6d6d6;
  color: black; }
  div.selector li.color-000000:hover > label .abbr-circle > abbr {
    background-color: black;
    color: #d6d6d6; }
div.selector li.color-000000 > input[type="checkbox"]:checked ~ label {
  background-color: black;
  color: white; }
  div.selector li.color-000000 > input[type="checkbox"]:checked ~ label .abbr-circle > abbr {
    background-color: white;
    color: black; }
div.selector li.color-000000:hover > input[type="checkbox"]:checked ~ label {
  background-color: black;
  color: white; }
  div.selector li.color-000000:hover > input[type="checkbox"]:checked ~ label .abbr-circle > abbr {
    background-color: white;
    color: black; }
  div.selector li.color-000000:hover > input[type="checkbox"]:checked ~ label ~ label:hover {
    background-color: #1a1a1a; }

article a.color-003d46 {
  color: #003d46; }
  article a.color-003d46:hover {
    color: #001113; }
.color-003d46 > span[role="presentation"]:before {
  color: #003d46; }
.color-003d46:hover > span[role="presentation"]:before {
  color: #006979; }
.abbr-circle.color-003d46 abbr {
  background-color: #003d46;
  color: white; }
a:hover .abbr-circle.color-003d46 abbr {
  background-color: #001113;
  color: white; }
dt.color-003d46 a {
  color: #003d46;
  text-decoration: none; }
  dt.color-003d46 a:hover {
    color: #001113; }
div.selector li.color-003d46 > label {
  background-color: #d6dcdd;
  color: #73797a; }
  div.selector li.color-003d46 > label .abbr-circle > abbr {
    background-color: #73797a;
    color: #d6dcdd; }
div.selector li.color-003d46:hover > label {
  background-color: #d6dcdd;
  color: #003d46; }
  div.selector li.color-003d46:hover > label .abbr-circle > abbr {
    background-color: #003d46;
    color: #d6dcdd; }
div.selector li.color-003d46 > input[type="checkbox"]:checked ~ label {
  background-color: #003d46;
  color: white; }
  div.selector li.color-003d46 > input[type="checkbox"]:checked ~ label .abbr-circle > abbr {
    background-color: white;
    color: #003d46; }
div.selector li.color-003d46:hover > input[type="checkbox"]:checked ~ label {
  background-color: #003d46;
  color: white; }
  div.selector li.color-003d46:hover > input[type="checkbox"]:checked ~ label .abbr-circle > abbr {
    background-color: white;
    color: #003d46; }
  div.selector li.color-003d46:hover > input[type="checkbox"]:checked ~ label ~ label:hover {
    background-color: #006979; }

article a.color-004d54 {
  color: #004d54; }
  article a.color-004d54:hover {
    color: #001e21; }
.color-004d54 > span[role="presentation"]:before {
  color: #004d54; }
.color-004d54:hover > span[role="presentation"]:before {
  color: #007c87; }
.abbr-circle.color-004d54 abbr {
  background-color: #004d54;
  color: white; }
a:hover .abbr-circle.color-004d54 abbr {
  background-color: #001e21;
  color: white; }
dt.color-004d54 a {
  color: #004d54;
  text-decoration: none; }
  dt.color-004d54 a:hover {
    color: #001e21; }
div.selector li.color-004d54 > label {
  background-color: #d6dedf;
  color: #737b7c; }
  div.selector li.color-004d54 > label .abbr-circle > abbr {
    background-color: #737b7c;
    color: #d6dedf; }
div.selector li.color-004d54:hover > label {
  background-color: #d6dedf;
  color: #004d54; }
  div.selector li.color-004d54:hover > label .abbr-circle > abbr {
    background-color: #004d54;
    color: #d6dedf; }
div.selector li.color-004d54 > input[type="checkbox"]:checked ~ label {
  background-color: #004d54;
  color: white; }
  div.selector li.color-004d54 > input[type="checkbox"]:checked ~ label .abbr-circle > abbr {
    background-color: white;
    color: #004d54; }
div.selector li.color-004d54:hover > input[type="checkbox"]:checked ~ label {
  background-color: #004d54;
  color: white; }
  div.selector li.color-004d54:hover > input[type="checkbox"]:checked ~ label .abbr-circle > abbr {
    background-color: white;
    color: #004d54; }
  div.selector li.color-004d54:hover > input[type="checkbox"]:checked ~ label ~ label:hover {
    background-color: #007c87; }

article a.color-005c6a {
  color: #005c6a; }
  article a.color-005c6a:hover {
    color: #003037; }
.color-005c6a > span[role="presentation"]:before {
  color: #005c6a; }
.color-005c6a:hover > span[role="presentation"]:before {
  color: #00889d; }
.abbr-circle.color-005c6a abbr {
  background-color: #005c6a;
  color: white; }
a:hover .abbr-circle.color-005c6a abbr {
  background-color: #003037;
  color: white; }
dt.color-005c6a a {
  color: #005c6a;
  text-decoration: none; }
  dt.color-005c6a a:hover {
    color: #003037; }
div.selector li.color-005c6a > label {
  background-color: #d6dfe1;
  color: #737c7e; }
  div.selector li.color-005c6a > label .abbr-circle > abbr {
    background-color: #737c7e;
    color: #d6dfe1; }
div.selector li.color-005c6a:hover > label {
  background-color: #d6dfe1;
  color: #005c6a; }
  div.selector li.color-005c6a:hover > label .abbr-circle > abbr {
    background-color: #005c6a;
    color: #d6dfe1; }
div.selector li.color-005c6a > input[type="checkbox"]:checked ~ label {
  background-color: #005c6a;
  color: white; }
  div.selector li.color-005c6a > input[type="checkbox"]:checked ~ label .abbr-circle > abbr {
    background-color: white;
    color: #005c6a; }
div.selector li.color-005c6a:hover > input[type="checkbox"]:checked ~ label {
  background-color: #005c6a;
  color: white; }
  div.selector li.color-005c6a:hover > input[type="checkbox"]:checked ~ label .abbr-circle > abbr {
    background-color: white;
    color: #005c6a; }
  div.selector li.color-005c6a:hover > input[type="checkbox"]:checked ~ label ~ label:hover {
    background-color: #00889d; }

article a.color-006e84 {
  color: #006e84; }
  article a.color-006e84:hover {
    color: #004451; }
.color-006e84 > span[role="presentation"]:before {
  color: #006e84; }
.color-006e84:hover > span[role="presentation"]:before {
  color: #0099b7; }
.abbr-circle.color-006e84 abbr {
  background-color: #006e84;
  color: white; }
a:hover .abbr-circle.color-006e84 abbr {
  background-color: #004451;
  color: white; }
dt.color-006e84 a {
  color: #006e84;
  text-decoration: none; }
  dt.color-006e84 a:hover {
    color: #004451; }
div.selector li.color-006e84 > label {
  background-color: #d6e1e3;
  color: #737e80; }
  div.selector li.color-006e84 > label .abbr-circle > abbr {
    background-color: #737e80;
    color: #d6e1e3; }
div.selector li.color-006e84:hover > label {
  background-color: #d6e1e3;
  color: #006e84; }
  div.selector li.color-006e84:hover > label .abbr-circle > abbr {
    background-color: #006e84;
    color: #d6e1e3; }
div.selector li.color-006e84 > input[type="checkbox"]:checked ~ label {
  background-color: #006e84;
  color: white; }
  div.selector li.color-006e84 > input[type="checkbox"]:checked ~ label .abbr-circle > abbr {
    background-color: white;
    color: #006e84; }
div.selector li.color-006e84:hover > input[type="checkbox"]:checked ~ label {
  background-color: #006e84;
  color: white; }
  div.selector li.color-006e84:hover > input[type="checkbox"]:checked ~ label .abbr-circle > abbr {
    background-color: white;
    color: #006e84; }
  div.selector li.color-006e84:hover > input[type="checkbox"]:checked ~ label ~ label:hover {
    background-color: #0099b7; }

article a.color-0083a3 {
  color: #0083a3; }
  article a.color-0083a3:hover {
    color: #005a70; }
.color-0083a3 > span[role="presentation"]:before {
  color: #0083a3; }
.color-0083a3:hover > span[role="presentation"]:before {
  color: #00acd6; }
.abbr-circle.color-0083a3 abbr {
  background-color: #0083a3;
  color: white; }
a:hover .abbr-circle.color-0083a3 abbr {
  background-color: #005a70;
  color: white; }
dt.color-0083a3 a {
  color: #0083a3;
  text-decoration: none; }
  dt.color-0083a3 a:hover {
    color: #005a70; }
div.selector li.color-0083a3 > label {
  background-color: #d6e3e7;
  color: #738084; }
  div.selector li.color-0083a3 > label .abbr-circle > abbr {
    background-color: #738084;
    color: #d6e3e7; }
div.selector li.color-0083a3:hover > label {
  background-color: #d6e3e7;
  color: #0083a3; }
  div.selector li.color-0083a3:hover > label .abbr-circle > abbr {
    background-color: #0083a3;
    color: #d6e3e7; }
div.selector li.color-0083a3 > input[type="checkbox"]:checked ~ label {
  background-color: #0083a3;
  color: white; }
  div.selector li.color-0083a3 > input[type="checkbox"]:checked ~ label .abbr-circle > abbr {
    background-color: white;
    color: #0083a3; }
div.selector li.color-0083a3:hover > input[type="checkbox"]:checked ~ label {
  background-color: #0083a3;
  color: white; }
  div.selector li.color-0083a3:hover > input[type="checkbox"]:checked ~ label .abbr-circle > abbr {
    background-color: white;
    color: #0083a3; }
  div.selector li.color-0083a3:hover > input[type="checkbox"]:checked ~ label ~ label:hover {
    background-color: #00acd6; }

article a.color-0097c3 {
  color: #0097c3; }
  article a.color-0097c3:hover {
    color: #007090; }
.color-0097c3 > span[role="presentation"]:before {
  color: #0097c3; }
.color-0097c3:hover > span[role="presentation"]:before {
  color: #00bef6; }
.abbr-circle.color-0097c3 abbr {
  background-color: #0097c3;
  color: white; }
a:hover .abbr-circle.color-0097c3 abbr {
  background-color: #007090;
  color: white; }
dt.color-0097c3 a {
  color: #0097c3;
  text-decoration: none; }
  dt.color-0097c3 a:hover {
    color: #007090; }
div.selector li.color-0097c3 > label {
  background-color: #d6e5ea;
  color: #738287; }
  div.selector li.color-0097c3 > label .abbr-circle > abbr {
    background-color: #738287;
    color: #d6e5ea; }
div.selector li.color-0097c3:hover > label {
  background-color: #d6e5ea;
  color: #0097c3; }
  div.selector li.color-0097c3:hover > label .abbr-circle > abbr {
    background-color: #0097c3;
    color: #d6e5ea; }
div.selector li.color-0097c3 > input[type="checkbox"]:checked ~ label {
  background-color: #0097c3;
  color: white; }
  div.selector li.color-0097c3 > input[type="checkbox"]:checked ~ label .abbr-circle > abbr {
    background-color: white;
    color: #0097c3; }
div.selector li.color-0097c3:hover > input[type="checkbox"]:checked ~ label {
  background-color: #0097c3;
  color: white; }
  div.selector li.color-0097c3:hover > input[type="checkbox"]:checked ~ label .abbr-circle > abbr {
    background-color: white;
    color: #0097c3; }
  div.selector li.color-0097c3:hover > input[type="checkbox"]:checked ~ label ~ label:hover {
    background-color: #00bef6; }

article a.color-00abe8 {
  color: #00abe8; }
  article a.color-00abe8:hover {
    color: #0085b5; }
.color-00abe8 > span[role="presentation"]:before {
  color: #00abe8; }
.color-00abe8:hover > span[role="presentation"]:before {
  color: #1cc3ff; }
.abbr-circle.color-00abe8 abbr {
  background-color: #00abe8;
  color: white; }
a:hover .abbr-circle.color-00abe8 abbr {
  background-color: #0085b5;
  color: white; }
dt.color-00abe8 a {
  color: #00abe8;
  text-decoration: none; }
  dt.color-00abe8 a:hover {
    color: #0085b5; }
div.selector li.color-00abe8 > label {
  background-color: #d6e7ed;
  color: #73848a; }
  div.selector li.color-00abe8 > label .abbr-circle > abbr {
    background-color: #73848a;
    color: #d6e7ed; }
div.selector li.color-00abe8:hover > label {
  background-color: #d6e7ed;
  color: #00abe8; }
  div.selector li.color-00abe8:hover > label .abbr-circle > abbr {
    background-color: #00abe8;
    color: #d6e7ed; }
div.selector li.color-00abe8 > input[type="checkbox"]:checked ~ label {
  background-color: #00abe8;
  color: white; }
  div.selector li.color-00abe8 > input[type="checkbox"]:checked ~ label .abbr-circle > abbr {
    background-color: white;
    color: #00abe8; }
div.selector li.color-00abe8:hover > input[type="checkbox"]:checked ~ label {
  background-color: #00abe8;
  color: white; }
  div.selector li.color-00abe8:hover > input[type="checkbox"]:checked ~ label .abbr-circle > abbr {
    background-color: white;
    color: #00abe8; }
  div.selector li.color-00abe8:hover > input[type="checkbox"]:checked ~ label ~ label:hover {
    background-color: #1cc3ff; }

article a.color-0290be {
  color: #0290be; }
  article a.color-0290be:hover {
    color: #016a8c; }
.color-0290be > span[role="presentation"]:before {
  color: #0290be; }
.color-0290be:hover > span[role="presentation"]:before {
  color: #03b6f0; }
.abbr-circle.color-0290be abbr {
  background-color: #0290be;
  color: white; }
a:hover .abbr-circle.color-0290be abbr {
  background-color: #016a8c;
  color: white; }
dt.color-0290be a {
  color: #0290be;
  text-decoration: none; }
  dt.color-0290be a:hover {
    color: #016a8c; }
div.selector li.color-0290be > label {
  background-color: #d6e5e9;
  color: #738286; }
  div.selector li.color-0290be > label .abbr-circle > abbr {
    background-color: #738286;
    color: #d6e5e9; }
div.selector li.color-0290be:hover > label {
  background-color: #d6e5e9;
  color: #0290be; }
  div.selector li.color-0290be:hover > label .abbr-circle > abbr {
    background-color: #0290be;
    color: #d6e5e9; }
div.selector li.color-0290be > input[type="checkbox"]:checked ~ label {
  background-color: #0290be;
  color: white; }
  div.selector li.color-0290be > input[type="checkbox"]:checked ~ label .abbr-circle > abbr {
    background-color: white;
    color: #0290be; }
div.selector li.color-0290be:hover > input[type="checkbox"]:checked ~ label {
  background-color: #0290be;
  color: white; }
  div.selector li.color-0290be:hover > input[type="checkbox"]:checked ~ label .abbr-circle > abbr {
    background-color: white;
    color: #0290be; }
  div.selector li.color-0290be:hover > input[type="checkbox"]:checked ~ label ~ label:hover {
    background-color: #03b6f0; }

article a.color-035d68 {
  color: #035d68; }
  article a.color-035d68:hover {
    color: #023136; }
.color-035d68 > span[role="presentation"]:before {
  color: #035d68; }
.color-035d68:hover > span[role="presentation"]:before {
  color: #04899a; }
.abbr-circle.color-035d68 abbr {
  background-color: #035d68;
  color: white; }
a:hover .abbr-circle.color-035d68 abbr {
  background-color: #023136;
  color: white; }
dt.color-035d68 a {
  color: #035d68;
  text-decoration: none; }
  dt.color-035d68 a:hover {
    color: #023136; }
div.selector li.color-035d68 > label {
  background-color: #d7e0e1;
  color: #747d7e; }
  div.selector li.color-035d68 > label .abbr-circle > abbr {
    background-color: #747d7e;
    color: #d7e0e1; }
div.selector li.color-035d68:hover > label {
  background-color: #d7e0e1;
  color: #035d68; }
  div.selector li.color-035d68:hover > label .abbr-circle > abbr {
    background-color: #035d68;
    color: #d7e0e1; }
div.selector li.color-035d68 > input[type="checkbox"]:checked ~ label {
  background-color: #035d68;
  color: white; }
  div.selector li.color-035d68 > input[type="checkbox"]:checked ~ label .abbr-circle > abbr {
    background-color: white;
    color: #035d68; }
div.selector li.color-035d68:hover > input[type="checkbox"]:checked ~ label {
  background-color: #035d68;
  color: white; }
  div.selector li.color-035d68:hover > input[type="checkbox"]:checked ~ label .abbr-circle > abbr {
    background-color: white;
    color: #035d68; }
  div.selector li.color-035d68:hover > input[type="checkbox"]:checked ~ label ~ label:hover {
    background-color: #04899a; }

article a.color-32737b {
  color: #32737b; }
  article a.color-32737b:hover {
    color: #235157; }
.color-32737b > span[role="presentation"]:before {
  color: #32737b; }
.color-32737b:hover > span[role="presentation"]:before {
  color: #41959f; }
.abbr-circle.color-32737b abbr {
  background-color: #32737b;
  color: white; }
a:hover .abbr-circle.color-32737b abbr {
  background-color: #235157;
  color: white; }
dt.color-32737b a {
  color: #32737b;
  text-decoration: none; }
  dt.color-32737b a:hover {
    color: #235157; }
div.selector li.color-32737b > label {
  background-color: #dbe2e3;
  color: #787f80; }
  div.selector li.color-32737b > label .abbr-circle > abbr {
    background-color: #787f80;
    color: #dbe2e3; }
div.selector li.color-32737b:hover > label {
  background-color: #dbe2e3;
  color: #32737b; }
  div.selector li.color-32737b:hover > label .abbr-circle > abbr {
    background-color: #32737b;
    color: #dbe2e3; }
div.selector li.color-32737b > input[type="checkbox"]:checked ~ label {
  background-color: #32737b;
  color: white; }
  div.selector li.color-32737b > input[type="checkbox"]:checked ~ label .abbr-circle > abbr {
    background-color: white;
    color: #32737b; }
div.selector li.color-32737b:hover > input[type="checkbox"]:checked ~ label {
  background-color: #32737b;
  color: white; }
  div.selector li.color-32737b:hover > input[type="checkbox"]:checked ~ label .abbr-circle > abbr {
    background-color: white;
    color: #32737b; }
  div.selector li.color-32737b:hover > input[type="checkbox"]:checked ~ label ~ label:hover {
    background-color: #41959f; }

article a.color-401f58 {
  color: #401f58; }
  article a.color-401f58:hover {
    color: #251232; }
.color-401f58 > span[role="presentation"]:before {
  color: #401f58; }
.color-401f58:hover > span[role="presentation"]:before {
  color: #5b2c7e; }
.abbr-circle.color-401f58 abbr {
  background-color: #401f58;
  color: white; }
a:hover .abbr-circle.color-401f58 abbr {
  background-color: #251232;
  color: white; }
dt.color-401f58 a {
  color: #401f58;
  text-decoration: none; }
  dt.color-401f58 a:hover {
    color: #251232; }
div.selector li.color-401f58 > label {
  background-color: #ddd9df;
  color: #7a767c; }
  div.selector li.color-401f58 > label .abbr-circle > abbr {
    background-color: #7a767c;
    color: #ddd9df; }
div.selector li.color-401f58:hover > label {
  background-color: #ddd9df;
  color: #401f58; }
  div.selector li.color-401f58:hover > label .abbr-circle > abbr {
    background-color: #401f58;
    color: #ddd9df; }
div.selector li.color-401f58 > input[type="checkbox"]:checked ~ label {
  background-color: #401f58;
  color: white; }
  div.selector li.color-401f58 > input[type="checkbox"]:checked ~ label .abbr-circle > abbr {
    background-color: white;
    color: #401f58; }
div.selector li.color-401f58:hover > input[type="checkbox"]:checked ~ label {
  background-color: #401f58;
  color: white; }
  div.selector li.color-401f58:hover > input[type="checkbox"]:checked ~ label .abbr-circle > abbr {
    background-color: white;
    color: #401f58; }
  div.selector li.color-401f58:hover > input[type="checkbox"]:checked ~ label ~ label:hover {
    background-color: #5b2c7e; }

article a.color-562364 {
  color: #562364; }
  article a.color-562364:hover {
    color: #36163e; }
.color-562364 > span[role="presentation"]:before {
  color: #562364; }
.color-562364:hover > span[role="presentation"]:before {
  color: #76308a; }
.abbr-circle.color-562364 abbr {
  background-color: #562364;
  color: white; }
a:hover .abbr-circle.color-562364 abbr {
  background-color: #36163e;
  color: white; }
dt.color-562364 a {
  color: #562364;
  text-decoration: none; }
  dt.color-562364 a:hover {
    color: #36163e; }
div.selector li.color-562364 > label {
  background-color: #dfdae0;
  color: #7c777d; }
  div.selector li.color-562364 > label .abbr-circle > abbr {
    background-color: #7c777d;
    color: #dfdae0; }
div.selector li.color-562364:hover > label {
  background-color: #dfdae0;
  color: #562364; }
  div.selector li.color-562364:hover > label .abbr-circle > abbr {
    background-color: #562364;
    color: #dfdae0; }
div.selector li.color-562364 > input[type="checkbox"]:checked ~ label {
  background-color: #562364;
  color: white; }
  div.selector li.color-562364 > input[type="checkbox"]:checked ~ label .abbr-circle > abbr {
    background-color: white;
    color: #562364; }
div.selector li.color-562364:hover > input[type="checkbox"]:checked ~ label {
  background-color: #562364;
  color: white; }
  div.selector li.color-562364:hover > input[type="checkbox"]:checked ~ label .abbr-circle > abbr {
    background-color: white;
    color: #562364; }
  div.selector li.color-562364:hover > input[type="checkbox"]:checked ~ label ~ label:hover {
    background-color: #76308a; }

article a.color-6e2772 {
  color: #6e2772; }
  article a.color-6e2772:hover {
    color: #491a4c; }
.color-6e2772 > span[role="presentation"]:before {
  color: #6e2772; }
.color-6e2772:hover > span[role="presentation"]:before {
  color: #933498; }
.abbr-circle.color-6e2772 abbr {
  background-color: #6e2772;
  color: white; }
a:hover .abbr-circle.color-6e2772 abbr {
  background-color: #491a4c;
  color: white; }
dt.color-6e2772 a {
  color: #6e2772;
  text-decoration: none; }
  dt.color-6e2772 a:hover {
    color: #491a4c; }
div.selector li.color-6e2772 > label {
  background-color: #e1dae2;
  color: #7e777f; }
  div.selector li.color-6e2772 > label .abbr-circle > abbr {
    background-color: #7e777f;
    color: #e1dae2; }
div.selector li.color-6e2772:hover > label {
  background-color: #e1dae2;
  color: #6e2772; }
  div.selector li.color-6e2772:hover > label .abbr-circle > abbr {
    background-color: #6e2772;
    color: #e1dae2; }
div.selector li.color-6e2772 > input[type="checkbox"]:checked ~ label {
  background-color: #6e2772;
  color: white; }
  div.selector li.color-6e2772 > input[type="checkbox"]:checked ~ label .abbr-circle > abbr {
    background-color: white;
    color: #6e2772; }
div.selector li.color-6e2772:hover > input[type="checkbox"]:checked ~ label {
  background-color: #6e2772;
  color: white; }
  div.selector li.color-6e2772:hover > input[type="checkbox"]:checked ~ label .abbr-circle > abbr {
    background-color: white;
    color: #6e2772; }
  div.selector li.color-6e2772:hover > input[type="checkbox"]:checked ~ label ~ label:hover {
    background-color: #933498; }

article a.color-863d59 {
  color: #863d59; }
  article a.color-863d59:hover {
    color: #632d42; }
.color-863d59 > span[role="presentation"]:before {
  color: #863d59; }
.color-863d59:hover > span[role="presentation"]:before {
  color: #a94d70; }
.abbr-circle.color-863d59 abbr {
  background-color: #863d59;
  color: white; }
a:hover .abbr-circle.color-863d59 abbr {
  background-color: #632d42;
  color: white; }
dt.color-863d59 a {
  color: #863d59;
  text-decoration: none; }
  dt.color-863d59 a:hover {
    color: #632d42; }
div.selector li.color-863d59 > label {
  background-color: #e4dcdf;
  color: #81797c; }
  div.selector li.color-863d59 > label .abbr-circle > abbr {
    background-color: #81797c;
    color: #e4dcdf; }
div.selector li.color-863d59:hover > label {
  background-color: #e4dcdf;
  color: #863d59; }
  div.selector li.color-863d59:hover > label .abbr-circle > abbr {
    background-color: #863d59;
    color: #e4dcdf; }
div.selector li.color-863d59 > input[type="checkbox"]:checked ~ label {
  background-color: #863d59;
  color: white; }
  div.selector li.color-863d59 > input[type="checkbox"]:checked ~ label .abbr-circle > abbr {
    background-color: white;
    color: #863d59; }
div.selector li.color-863d59:hover > input[type="checkbox"]:checked ~ label {
  background-color: #863d59;
  color: white; }
  div.selector li.color-863d59:hover > input[type="checkbox"]:checked ~ label .abbr-circle > abbr {
    background-color: white;
    color: #863d59; }
  div.selector li.color-863d59:hover > input[type="checkbox"]:checked ~ label ~ label:hover {
    background-color: #a94d70; }

article a.color-882782 {
  color: #882782; }
  article a.color-882782:hover {
    color: #601c5c; }
.color-882782 > span[role="presentation"]:before {
  color: #882782; }
.color-882782:hover > span[role="presentation"]:before {
  color: #b032a8; }
.abbr-circle.color-882782 abbr {
  background-color: #882782;
  color: white; }
a:hover .abbr-circle.color-882782 abbr {
  background-color: #601c5c;
  color: white; }
dt.color-882782 a {
  color: #882782;
  text-decoration: none; }
  dt.color-882782 a:hover {
    color: #601c5c; }
div.selector li.color-882782 > label {
  background-color: #e4dae3;
  color: #817780; }
  div.selector li.color-882782 > label .abbr-circle > abbr {
    background-color: #817780;
    color: #e4dae3; }
div.selector li.color-882782:hover > label {
  background-color: #e4dae3;
  color: #882782; }
  div.selector li.color-882782:hover > label .abbr-circle > abbr {
    background-color: #882782;
    color: #e4dae3; }
div.selector li.color-882782 > input[type="checkbox"]:checked ~ label {
  background-color: #882782;
  color: white; }
  div.selector li.color-882782 > input[type="checkbox"]:checked ~ label .abbr-circle > abbr {
    background-color: white;
    color: #882782; }
div.selector li.color-882782:hover > input[type="checkbox"]:checked ~ label {
  background-color: #882782;
  color: white; }
  div.selector li.color-882782:hover > input[type="checkbox"]:checked ~ label .abbr-circle > abbr {
    background-color: white;
    color: #882782; }
  div.selector li.color-882782:hover > input[type="checkbox"]:checked ~ label ~ label:hover {
    background-color: #b032a8; }

article a.color-893e60 {
  color: #893e60; }
  article a.color-893e60:hover {
    color: #662e47; }
.color-893e60 > span[role="presentation"]:before {
  color: #893e60; }
.color-893e60:hover > span[role="presentation"]:before {
  color: #ac4e79; }
.abbr-circle.color-893e60 abbr {
  background-color: #893e60;
  color: white; }
a:hover .abbr-circle.color-893e60 abbr {
  background-color: #662e47;
  color: white; }
dt.color-893e60 a {
  color: #893e60;
  text-decoration: none; }
  dt.color-893e60 a:hover {
    color: #662e47; }
div.selector li.color-893e60 > label {
  background-color: #e4dce0;
  color: #81797d; }
  div.selector li.color-893e60 > label .abbr-circle > abbr {
    background-color: #81797d;
    color: #e4dce0; }
div.selector li.color-893e60:hover > label {
  background-color: #e4dce0;
  color: #893e60; }
  div.selector li.color-893e60:hover > label .abbr-circle > abbr {
    background-color: #893e60;
    color: #e4dce0; }
div.selector li.color-893e60 > input[type="checkbox"]:checked ~ label {
  background-color: #893e60;
  color: white; }
  div.selector li.color-893e60 > input[type="checkbox"]:checked ~ label .abbr-circle > abbr {
    background-color: white;
    color: #893e60; }
div.selector li.color-893e60:hover > input[type="checkbox"]:checked ~ label {
  background-color: #893e60;
  color: white; }
  div.selector li.color-893e60:hover > input[type="checkbox"]:checked ~ label .abbr-circle > abbr {
    background-color: white;
    color: #893e60; }
  div.selector li.color-893e60:hover > input[type="checkbox"]:checked ~ label ~ label:hover {
    background-color: #ac4e79; }

article a.color-9d2d90 {
  color: #9d2d90; }
  article a.color-9d2d90:hover {
    color: #75226c; }
.color-9d2d90 > span[role="presentation"]:before {
  color: #9d2d90; }
.color-9d2d90:hover > span[role="presentation"]:before {
  color: #c538b4; }
.abbr-circle.color-9d2d90 abbr {
  background-color: #9d2d90;
  color: white; }
a:hover .abbr-circle.color-9d2d90 abbr {
  background-color: #75226c;
  color: white; }
dt.color-9d2d90 a {
  color: #9d2d90;
  text-decoration: none; }
  dt.color-9d2d90 a:hover {
    color: #75226c; }
div.selector li.color-9d2d90 > label {
  background-color: #e6dbe5;
  color: #837882; }
  div.selector li.color-9d2d90 > label .abbr-circle > abbr {
    background-color: #837882;
    color: #e6dbe5; }
div.selector li.color-9d2d90:hover > label {
  background-color: #e6dbe5;
  color: #9d2d90; }
  div.selector li.color-9d2d90:hover > label .abbr-circle > abbr {
    background-color: #9d2d90;
    color: #e6dbe5; }
div.selector li.color-9d2d90 > input[type="checkbox"]:checked ~ label {
  background-color: #9d2d90;
  color: white; }
  div.selector li.color-9d2d90 > input[type="checkbox"]:checked ~ label .abbr-circle > abbr {
    background-color: white;
    color: #9d2d90; }
div.selector li.color-9d2d90:hover > input[type="checkbox"]:checked ~ label {
  background-color: #9d2d90;
  color: white; }
  div.selector li.color-9d2d90:hover > input[type="checkbox"]:checked ~ label .abbr-circle > abbr {
    background-color: white;
    color: #9d2d90; }
  div.selector li.color-9d2d90:hover > input[type="checkbox"]:checked ~ label ~ label:hover {
    background-color: #c538b4; }

article a.color-9e4567 {
  color: #9e4567; }
  article a.color-9e4567:hover {
    color: #7b3550; }
.color-9e4567 > span[role="presentation"]:before {
  color: #9e4567; }
.color-9e4567:hover > span[role="presentation"]:before {
  color: #b85e80; }
.abbr-circle.color-9e4567 abbr {
  background-color: #9e4567;
  color: white; }
a:hover .abbr-circle.color-9e4567 abbr {
  background-color: #7b3550;
  color: white; }
dt.color-9e4567 a {
  color: #9e4567;
  text-decoration: none; }
  dt.color-9e4567 a:hover {
    color: #7b3550; }
div.selector li.color-9e4567 > label {
  background-color: #e6dde1;
  color: #837a7e; }
  div.selector li.color-9e4567 > label .abbr-circle > abbr {
    background-color: #837a7e;
    color: #e6dde1; }
div.selector li.color-9e4567:hover > label {
  background-color: #e6dde1;
  color: #9e4567; }
  div.selector li.color-9e4567:hover > label .abbr-circle > abbr {
    background-color: #9e4567;
    color: #e6dde1; }
div.selector li.color-9e4567 > input[type="checkbox"]:checked ~ label {
  background-color: #9e4567;
  color: white; }
  div.selector li.color-9e4567 > input[type="checkbox"]:checked ~ label .abbr-circle > abbr {
    background-color: white;
    color: #9e4567; }
div.selector li.color-9e4567:hover > input[type="checkbox"]:checked ~ label {
  background-color: #9e4567;
  color: white; }
  div.selector li.color-9e4567:hover > input[type="checkbox"]:checked ~ label .abbr-circle > abbr {
    background-color: white;
    color: #9e4567; }
  div.selector li.color-9e4567:hover > input[type="checkbox"]:checked ~ label ~ label:hover {
    background-color: #b85e80; }

article a.color-a8762c {
  color: #a8762c; }
  article a.color-a8762c:hover {
    color: #805a21; }
.color-a8762c > span[role="presentation"]:before {
  color: #a8762c; }
.color-a8762c:hover > span[role="presentation"]:before {
  color: #cc913b; }
.abbr-circle.color-a8762c abbr {
  background-color: #a8762c;
  color: white; }
a:hover .abbr-circle.color-a8762c abbr {
  background-color: #805a21;
  color: white; }
dt.color-a8762c a {
  color: #a8762c;
  text-decoration: none; }
  dt.color-a8762c a:hover {
    color: #805a21; }
div.selector li.color-a8762c > label {
  background-color: #e7e2db;
  color: #847f78; }
  div.selector li.color-a8762c > label .abbr-circle > abbr {
    background-color: #847f78;
    color: #e7e2db; }
div.selector li.color-a8762c:hover > label {
  background-color: #e7e2db;
  color: #a8762c; }
  div.selector li.color-a8762c:hover > label .abbr-circle > abbr {
    background-color: #a8762c;
    color: #e7e2db; }
div.selector li.color-a8762c > input[type="checkbox"]:checked ~ label {
  background-color: #a8762c;
  color: white; }
  div.selector li.color-a8762c > input[type="checkbox"]:checked ~ label .abbr-circle > abbr {
    background-color: white;
    color: #a8762c; }
div.selector li.color-a8762c:hover > input[type="checkbox"]:checked ~ label {
  background-color: #a8762c;
  color: white; }
  div.selector li.color-a8762c:hover > input[type="checkbox"]:checked ~ label .abbr-circle > abbr {
    background-color: white;
    color: #a8762c; }
  div.selector li.color-a8762c:hover > input[type="checkbox"]:checked ~ label ~ label:hover {
    background-color: #cc913b; }

article a.color-add155 {
  color: #add155; }
  article a.color-add155:hover {
    color: #97bf34; }
.color-add155 > span[role="presentation"]:before {
  color: #add155; }
.color-add155:hover > span[role="presentation"]:before {
  color: #c0dc7d; }
.abbr-circle.color-add155 abbr {
  background-color: #add155;
  color: white; }
a:hover .abbr-circle.color-add155 abbr {
  background-color: #97bf34;
  color: white; }
dt.color-add155 a {
  color: #add155;
  text-decoration: none; }
  dt.color-add155 a:hover {
    color: #97bf34; }
div.selector li.color-add155 > label {
  background-color: #e8ebdf;
  color: #85887c; }
  div.selector li.color-add155 > label .abbr-circle > abbr {
    background-color: #85887c;
    color: #e8ebdf; }
div.selector li.color-add155:hover > label {
  background-color: #e8ebdf;
  color: #add155; }
  div.selector li.color-add155:hover > label .abbr-circle > abbr {
    background-color: #add155;
    color: #e8ebdf; }
div.selector li.color-add155 > input[type="checkbox"]:checked ~ label {
  background-color: #add155;
  color: white; }
  div.selector li.color-add155 > input[type="checkbox"]:checked ~ label .abbr-circle > abbr {
    background-color: white;
    color: #add155; }
div.selector li.color-add155:hover > input[type="checkbox"]:checked ~ label {
  background-color: #add155;
  color: white; }
  div.selector li.color-add155:hover > input[type="checkbox"]:checked ~ label .abbr-circle > abbr {
    background-color: white;
    color: #add155; }
  div.selector li.color-add155:hover > input[type="checkbox"]:checked ~ label ~ label:hover {
    background-color: #c0dc7d; }

article a.color-b3872c {
  color: #b3872c; }
  article a.color-b3872c:hover {
    color: #8a6822; }
.color-b3872c > span[role="presentation"]:before {
  color: #b3872c; }
.color-b3872c:hover > span[role="presentation"]:before {
  color: #d0a242; }
.abbr-circle.color-b3872c abbr {
  background-color: #b3872c;
  color: white; }
a:hover .abbr-circle.color-b3872c abbr {
  background-color: #8a6822;
  color: white; }
dt.color-b3872c a {
  color: #b3872c;
  text-decoration: none; }
  dt.color-b3872c a:hover {
    color: #8a6822; }
div.selector li.color-b3872c > label {
  background-color: #e8e4db;
  color: #858178; }
  div.selector li.color-b3872c > label .abbr-circle > abbr {
    background-color: #858178;
    color: #e8e4db; }
div.selector li.color-b3872c:hover > label {
  background-color: #e8e4db;
  color: #b3872c; }
  div.selector li.color-b3872c:hover > label .abbr-circle > abbr {
    background-color: #b3872c;
    color: #e8e4db; }
div.selector li.color-b3872c > input[type="checkbox"]:checked ~ label {
  background-color: #b3872c;
  color: white; }
  div.selector li.color-b3872c > input[type="checkbox"]:checked ~ label .abbr-circle > abbr {
    background-color: white;
    color: #b3872c; }
div.selector li.color-b3872c:hover > input[type="checkbox"]:checked ~ label {
  background-color: #b3872c;
  color: white; }
  div.selector li.color-b3872c:hover > input[type="checkbox"]:checked ~ label .abbr-circle > abbr {
    background-color: white;
    color: #b3872c; }
  div.selector li.color-b3872c:hover > input[type="checkbox"]:checked ~ label ~ label:hover {
    background-color: #d0a242; }

article a.color-b5489b {
  color: #b5489b; }
  article a.color-b5489b:hover {
    color: #91397c; }
.color-b5489b > span[role="presentation"]:before {
  color: #b5489b; }
.color-b5489b:hover > span[role="presentation"]:before {
  color: #c46caf; }
.abbr-circle.color-b5489b abbr {
  background-color: #b5489b;
  color: white; }
a:hover .abbr-circle.color-b5489b abbr {
  background-color: #91397c;
  color: white; }
dt.color-b5489b a {
  color: #b5489b;
  text-decoration: none; }
  dt.color-b5489b a:hover {
    color: #91397c; }
div.selector li.color-b5489b > label {
  background-color: #e8dde6;
  color: #857a83; }
  div.selector li.color-b5489b > label .abbr-circle > abbr {
    background-color: #857a83;
    color: #e8dde6; }
div.selector li.color-b5489b:hover > label {
  background-color: #e8dde6;
  color: #b5489b; }
  div.selector li.color-b5489b:hover > label .abbr-circle > abbr {
    background-color: #b5489b;
    color: #e8dde6; }
div.selector li.color-b5489b > input[type="checkbox"]:checked ~ label {
  background-color: #b5489b;
  color: white; }
  div.selector li.color-b5489b > input[type="checkbox"]:checked ~ label .abbr-circle > abbr {
    background-color: white;
    color: #b5489b; }
div.selector li.color-b5489b:hover > input[type="checkbox"]:checked ~ label {
  background-color: #b5489b;
  color: white; }
  div.selector li.color-b5489b:hover > input[type="checkbox"]:checked ~ label .abbr-circle > abbr {
    background-color: white;
    color: #b5489b; }
  div.selector li.color-b5489b:hover > input[type="checkbox"]:checked ~ label ~ label:hover {
    background-color: #c46caf; }

article a.color-b74c6e {
  color: #b74c6e; }
  article a.color-b74c6e:hover {
    color: #943c58; }
.color-b74c6e > span[role="presentation"]:before {
  color: #b74c6e; }
.color-b74c6e:hover > span[role="presentation"]:before {
  color: #c6708b; }
.abbr-circle.color-b74c6e abbr {
  background-color: #b74c6e;
  color: white; }
a:hover .abbr-circle.color-b74c6e abbr {
  background-color: #943c58;
  color: white; }
dt.color-b74c6e a {
  color: #b74c6e;
  text-decoration: none; }
  dt.color-b74c6e a:hover {
    color: #943c58; }
div.selector li.color-b74c6e > label {
  background-color: #e9dee1;
  color: #867b7e; }
  div.selector li.color-b74c6e > label .abbr-circle > abbr {
    background-color: #867b7e;
    color: #e9dee1; }
div.selector li.color-b74c6e:hover > label {
  background-color: #e9dee1;
  color: #b74c6e; }
  div.selector li.color-b74c6e:hover > label .abbr-circle > abbr {
    background-color: #b74c6e;
    color: #e9dee1; }
div.selector li.color-b74c6e > input[type="checkbox"]:checked ~ label {
  background-color: #b74c6e;
  color: white; }
  div.selector li.color-b74c6e > input[type="checkbox"]:checked ~ label .abbr-circle > abbr {
    background-color: white;
    color: #b74c6e; }
div.selector li.color-b74c6e:hover > input[type="checkbox"]:checked ~ label {
  background-color: #b74c6e;
  color: white; }
  div.selector li.color-b74c6e:hover > input[type="checkbox"]:checked ~ label .abbr-circle > abbr {
    background-color: white;
    color: #b74c6e; }
  div.selector li.color-b74c6e:hover > input[type="checkbox"]:checked ~ label ~ label:hover {
    background-color: #c6708b; }

article a.color-b9268f {
  color: #b9268f; }
  article a.color-b9268f:hover {
    color: #8f1d6e; }
.color-b9268f > span[role="presentation"]:before {
  color: #b9268f; }
.color-b9268f:hover > span[role="presentation"]:before {
  color: #d73baa; }
.abbr-circle.color-b9268f abbr {
  background-color: #b9268f;
  color: white; }
a:hover .abbr-circle.color-b9268f abbr {
  background-color: #8f1d6e;
  color: white; }
dt.color-b9268f a {
  color: #b9268f;
  text-decoration: none; }
  dt.color-b9268f a:hover {
    color: #8f1d6e; }
div.selector li.color-b9268f > label {
  background-color: #e9dae5;
  color: #867782; }
  div.selector li.color-b9268f > label .abbr-circle > abbr {
    background-color: #867782;
    color: #e9dae5; }
div.selector li.color-b9268f:hover > label {
  background-color: #e9dae5;
  color: #b9268f; }
  div.selector li.color-b9268f:hover > label .abbr-circle > abbr {
    background-color: #b9268f;
    color: #e9dae5; }
div.selector li.color-b9268f > input[type="checkbox"]:checked ~ label {
  background-color: #b9268f;
  color: white; }
  div.selector li.color-b9268f > input[type="checkbox"]:checked ~ label .abbr-circle > abbr {
    background-color: white;
    color: #b9268f; }
div.selector li.color-b9268f:hover > input[type="checkbox"]:checked ~ label {
  background-color: #b9268f;
  color: white; }
  div.selector li.color-b9268f:hover > input[type="checkbox"]:checked ~ label .abbr-circle > abbr {
    background-color: white;
    color: #b9268f; }
  div.selector li.color-b9268f:hover > input[type="checkbox"]:checked ~ label ~ label:hover {
    background-color: #d73baa; }

article a.color-c0962c {
  color: #c0962c; }
  article a.color-c0962c:hover {
    color: #977622; }
.color-c0962c > span[role="presentation"]:before {
  color: #c0962c; }
.color-c0962c:hover > span[role="presentation"]:before {
  color: #d5ae4a; }
.abbr-circle.color-c0962c abbr {
  background-color: #c0962c;
  color: white; }
a:hover .abbr-circle.color-c0962c abbr {
  background-color: #977622;
  color: white; }
dt.color-c0962c a {
  color: #c0962c;
  text-decoration: none; }
  dt.color-c0962c a:hover {
    color: #977622; }
div.selector li.color-c0962c > label {
  background-color: #e9e5db;
  color: #868278; }
  div.selector li.color-c0962c > label .abbr-circle > abbr {
    background-color: #868278;
    color: #e9e5db; }
div.selector li.color-c0962c:hover > label {
  background-color: #e9e5db;
  color: #c0962c; }
  div.selector li.color-c0962c:hover > label .abbr-circle > abbr {
    background-color: #c0962c;
    color: #e9e5db; }
div.selector li.color-c0962c > input[type="checkbox"]:checked ~ label {
  background-color: #c0962c;
  color: white; }
  div.selector li.color-c0962c > input[type="checkbox"]:checked ~ label .abbr-circle > abbr {
    background-color: white;
    color: #c0962c; }
div.selector li.color-c0962c:hover > input[type="checkbox"]:checked ~ label {
  background-color: #c0962c;
  color: white; }
  div.selector li.color-c0962c:hover > input[type="checkbox"]:checked ~ label .abbr-circle > abbr {
    background-color: white;
    color: #c0962c; }
  div.selector li.color-c0962c:hover > input[type="checkbox"]:checked ~ label ~ label:hover {
    background-color: #d5ae4a; }

article a.color-ce5275 {
  color: #ce5275; }
  article a.color-ce5275:hover {
    color: #b9345a; }
.color-ce5275 > span[role="presentation"]:before {
  color: #ce5275; }
.color-ce5275:hover > span[role="presentation"]:before {
  color: #d97a95; }
.abbr-circle.color-ce5275 abbr {
  background-color: #ce5275;
  color: white; }
a:hover .abbr-circle.color-ce5275 abbr {
  background-color: #b9345a;
  color: white; }
dt.color-ce5275 a {
  color: #ce5275;
  text-decoration: none; }
  dt.color-ce5275 a:hover {
    color: #b9345a; }
div.selector li.color-ce5275 > label {
  background-color: #ebdee2;
  color: #887b7f; }
  div.selector li.color-ce5275 > label .abbr-circle > abbr {
    background-color: #887b7f;
    color: #ebdee2; }
div.selector li.color-ce5275:hover > label {
  background-color: #ebdee2;
  color: #ce5275; }
  div.selector li.color-ce5275:hover > label .abbr-circle > abbr {
    background-color: #ce5275;
    color: #ebdee2; }
div.selector li.color-ce5275 > input[type="checkbox"]:checked ~ label {
  background-color: #ce5275;
  color: white; }
  div.selector li.color-ce5275 > input[type="checkbox"]:checked ~ label .abbr-circle > abbr {
    background-color: white;
    color: #ce5275; }
div.selector li.color-ce5275:hover > input[type="checkbox"]:checked ~ label {
  background-color: #ce5275;
  color: white; }
  div.selector li.color-ce5275:hover > input[type="checkbox"]:checked ~ label .abbr-circle > abbr {
    background-color: white;
    color: #ce5275; }
  div.selector li.color-ce5275:hover > input[type="checkbox"]:checked ~ label ~ label:hover {
    background-color: #d97a95; }

article a.color-d0a32a {
  color: #d0a32a; }
  article a.color-d0a32a:hover {
    color: #a68221; }
.color-d0a32a > span[role="presentation"]:before {
  color: #d0a32a; }
.color-d0a32a:hover > span[role="presentation"]:before {
  color: #dcb651; }
.abbr-circle.color-d0a32a abbr {
  background-color: #d0a32a;
  color: white; }
a:hover .abbr-circle.color-d0a32a abbr {
  background-color: #a68221;
  color: white; }
dt.color-d0a32a a {
  color: #d0a32a;
  text-decoration: none; }
  dt.color-d0a32a a:hover {
    color: #a68221; }
div.selector li.color-d0a32a > label {
  background-color: #ebe7da;
  color: #888477; }
  div.selector li.color-d0a32a > label .abbr-circle > abbr {
    background-color: #888477;
    color: #ebe7da; }
div.selector li.color-d0a32a:hover > label {
  background-color: #ebe7da;
  color: #d0a32a; }
  div.selector li.color-d0a32a:hover > label .abbr-circle > abbr {
    background-color: #d0a32a;
    color: #ebe7da; }
div.selector li.color-d0a32a > input[type="checkbox"]:checked ~ label {
  background-color: #d0a32a;
  color: white; }
  div.selector li.color-d0a32a > input[type="checkbox"]:checked ~ label .abbr-circle > abbr {
    background-color: white;
    color: #d0a32a; }
div.selector li.color-d0a32a:hover > input[type="checkbox"]:checked ~ label {
  background-color: #d0a32a;
  color: white; }
  div.selector li.color-d0a32a:hover > input[type="checkbox"]:checked ~ label .abbr-circle > abbr {
    background-color: white;
    color: #d0a32a; }
  div.selector li.color-d0a32a:hover > input[type="checkbox"]:checked ~ label ~ label:hover {
    background-color: #dcb651; }

article a.color-db5c1e {
  color: #db5c1e; }
  article a.color-db5c1e:hover {
    color: #ae4918; }
.color-db5c1e > span[role="presentation"]:before {
  color: #db5c1e; }
.color-db5c1e:hover > span[role="presentation"]:before {
  color: #e67b46; }
.abbr-circle.color-db5c1e abbr {
  background-color: #db5c1e;
  color: white; }
a:hover .abbr-circle.color-db5c1e abbr {
  background-color: #ae4918;
  color: white; }
dt.color-db5c1e a {
  color: #db5c1e;
  text-decoration: none; }
  dt.color-db5c1e a:hover {
    color: #ae4918; }
div.selector li.color-db5c1e > label {
  background-color: #ecdfd9;
  color: #897c76; }
  div.selector li.color-db5c1e > label .abbr-circle > abbr {
    background-color: #897c76;
    color: #ecdfd9; }
div.selector li.color-db5c1e:hover > label {
  background-color: #ecdfd9;
  color: #db5c1e; }
  div.selector li.color-db5c1e:hover > label .abbr-circle > abbr {
    background-color: #db5c1e;
    color: #ecdfd9; }
div.selector li.color-db5c1e > input[type="checkbox"]:checked ~ label {
  background-color: #db5c1e;
  color: white; }
  div.selector li.color-db5c1e > input[type="checkbox"]:checked ~ label .abbr-circle > abbr {
    background-color: white;
    color: #db5c1e; }
div.selector li.color-db5c1e:hover > input[type="checkbox"]:checked ~ label {
  background-color: #db5c1e;
  color: white; }
  div.selector li.color-db5c1e:hover > input[type="checkbox"]:checked ~ label .abbr-circle > abbr {
    background-color: white;
    color: #db5c1e; }
  div.selector li.color-db5c1e:hover > input[type="checkbox"]:checked ~ label ~ label:hover {
    background-color: #e67b46; }

article a.color-e1b627 {
  color: #e1b627; }
  article a.color-e1b627:hover {
    color: #bb961a; }
.color-e1b627 > span[role="presentation"]:before {
  color: #e1b627; }
.color-e1b627:hover > span[role="presentation"]:before {
  color: #e7c554; }
.abbr-circle.color-e1b627 abbr {
  background-color: #e1b627;
  color: white; }
a:hover .abbr-circle.color-e1b627 abbr {
  background-color: #bb961a;
  color: white; }
dt.color-e1b627 a {
  color: #e1b627;
  text-decoration: none; }
  dt.color-e1b627 a:hover {
    color: #bb961a; }
div.selector li.color-e1b627 > label {
  background-color: #ede8da;
  color: #8a8577; }
  div.selector li.color-e1b627 > label .abbr-circle > abbr {
    background-color: #8a8577;
    color: #ede8da; }
div.selector li.color-e1b627:hover > label {
  background-color: #ede8da;
  color: #e1b627; }
  div.selector li.color-e1b627:hover > label .abbr-circle > abbr {
    background-color: #e1b627;
    color: #ede8da; }
div.selector li.color-e1b627 > input[type="checkbox"]:checked ~ label {
  background-color: #e1b627;
  color: white; }
  div.selector li.color-e1b627 > input[type="checkbox"]:checked ~ label .abbr-circle > abbr {
    background-color: white;
    color: #e1b627; }
div.selector li.color-e1b627:hover > input[type="checkbox"]:checked ~ label {
  background-color: #e1b627;
  color: white; }
  div.selector li.color-e1b627:hover > input[type="checkbox"]:checked ~ label .abbr-circle > abbr {
    background-color: white;
    color: #e1b627; }
  div.selector li.color-e1b627:hover > input[type="checkbox"]:checked ~ label ~ label:hover {
    background-color: #e7c554; }

article a.color-f05b7d {
  color: #f05b7d; }
  article a.color-f05b7d:hover {
    color: #ec2c58; }
.color-f05b7d > span[role="presentation"]:before {
  color: #f05b7d; }
.color-f05b7d:hover > span[role="presentation"]:before {
  color: #f48aa2; }
.abbr-circle.color-f05b7d abbr {
  background-color: #f05b7d;
  color: white; }
a:hover .abbr-circle.color-f05b7d abbr {
  background-color: #ec2c58;
  color: white; }
dt.color-f05b7d a {
  color: #f05b7d;
  text-decoration: none; }
  dt.color-f05b7d a:hover {
    color: #ec2c58; }
div.selector li.color-f05b7d > label {
  background-color: #eedfe3;
  color: #8b7c80; }
  div.selector li.color-f05b7d > label .abbr-circle > abbr {
    background-color: #8b7c80;
    color: #eedfe3; }
div.selector li.color-f05b7d:hover > label {
  background-color: #eedfe3;
  color: #f05b7d; }
  div.selector li.color-f05b7d:hover > label .abbr-circle > abbr {
    background-color: #f05b7d;
    color: #eedfe3; }
div.selector li.color-f05b7d > input[type="checkbox"]:checked ~ label {
  background-color: #f05b7d;
  color: white; }
  div.selector li.color-f05b7d > input[type="checkbox"]:checked ~ label .abbr-circle > abbr {
    background-color: white;
    color: #f05b7d; }
div.selector li.color-f05b7d:hover > input[type="checkbox"]:checked ~ label {
  background-color: #f05b7d;
  color: white; }
  div.selector li.color-f05b7d:hover > input[type="checkbox"]:checked ~ label .abbr-circle > abbr {
    background-color: white;
    color: #f05b7d; }
  div.selector li.color-f05b7d:hover > input[type="checkbox"]:checked ~ label ~ label:hover {
    background-color: #f48aa2; }

article a.color-f2ba02 {
  color: #f2ba02; }
  article a.color-f2ba02:hover {
    color: #bf9302; }
.color-f2ba02 > span[role="presentation"]:before {
  color: #f2ba02; }
.color-f2ba02:hover > span[role="presentation"]:before {
  color: #fdcc2a; }
.abbr-circle.color-f2ba02 abbr {
  background-color: #f2ba02;
  color: white; }
a:hover .abbr-circle.color-f2ba02 abbr {
  background-color: #bf9302;
  color: white; }
dt.color-f2ba02 a {
  color: #f2ba02;
  text-decoration: none; }
  dt.color-f2ba02 a:hover {
    color: #bf9302; }
div.selector li.color-f2ba02 > label {
  background-color: #eee9d6;
  color: #8b8673; }
  div.selector li.color-f2ba02 > label .abbr-circle > abbr {
    background-color: #8b8673;
    color: #eee9d6; }
div.selector li.color-f2ba02:hover > label {
  background-color: #eee9d6;
  color: #f2ba02; }
  div.selector li.color-f2ba02:hover > label .abbr-circle > abbr {
    background-color: #f2ba02;
    color: #eee9d6; }
div.selector li.color-f2ba02 > input[type="checkbox"]:checked ~ label {
  background-color: #f2ba02;
  color: white; }
  div.selector li.color-f2ba02 > input[type="checkbox"]:checked ~ label .abbr-circle > abbr {
    background-color: white;
    color: #f2ba02; }
div.selector li.color-f2ba02:hover > input[type="checkbox"]:checked ~ label {
  background-color: #f2ba02;
  color: white; }
  div.selector li.color-f2ba02:hover > input[type="checkbox"]:checked ~ label .abbr-circle > abbr {
    background-color: white;
    color: #f2ba02; }
  div.selector li.color-f2ba02:hover > input[type="checkbox"]:checked ~ label ~ label:hover {
    background-color: #fdcc2a; }

article a.color-f4c925 {
  color: #f4c925; }
  article a.color-f4c925:hover {
    color: #dbb00b; }
.color-f4c925 > span[role="presentation"]:before {
  color: #f4c925; }
.color-f4c925:hover > span[role="presentation"]:before {
  color: #f6d556; }
.abbr-circle.color-f4c925 abbr {
  background-color: #f4c925;
  color: white; }
a:hover .abbr-circle.color-f4c925 abbr {
  background-color: #dbb00b;
  color: white; }
dt.color-f4c925 a {
  color: #f4c925;
  text-decoration: none; }
  dt.color-f4c925 a:hover {
    color: #dbb00b; }
div.selector li.color-f4c925 > label {
  background-color: #efeada;
  color: #8c8777; }
  div.selector li.color-f4c925 > label .abbr-circle > abbr {
    background-color: #8c8777;
    color: #efeada; }
div.selector li.color-f4c925:hover > label {
  background-color: #efeada;
  color: #f4c925; }
  div.selector li.color-f4c925:hover > label .abbr-circle > abbr {
    background-color: #f4c925;
    color: #efeada; }
div.selector li.color-f4c925 > input[type="checkbox"]:checked ~ label {
  background-color: #f4c925;
  color: white; }
  div.selector li.color-f4c925 > input[type="checkbox"]:checked ~ label .abbr-circle > abbr {
    background-color: white;
    color: #f4c925; }
div.selector li.color-f4c925:hover > input[type="checkbox"]:checked ~ label {
  background-color: #f4c925;
  color: white; }
  div.selector li.color-f4c925:hover > input[type="checkbox"]:checked ~ label .abbr-circle > abbr {
    background-color: white;
    color: #f4c925; }
  div.selector li.color-f4c925:hover > input[type="checkbox"]:checked ~ label ~ label:hover {
    background-color: #f6d556; }

article a.color-f7356b {
  color: #f7356b; }
  article a.color-f7356b:hover {
    color: #f0094a; }
.color-f7356b > span[role="presentation"]:before {
  color: #f7356b; }
.color-f7356b:hover > span[role="presentation"]:before {
  color: #f9668f; }
.abbr-circle.color-f7356b abbr {
  background-color: #f7356b;
  color: white; }
a:hover .abbr-circle.color-f7356b abbr {
  background-color: #f0094a;
  color: white; }
dt.color-f7356b a {
  color: #f7356b;
  text-decoration: none; }
  dt.color-f7356b a:hover {
    color: #f0094a; }
div.selector li.color-f7356b > label {
  background-color: #efdce1;
  color: #8c797e; }
  div.selector li.color-f7356b > label .abbr-circle > abbr {
    background-color: #8c797e;
    color: #efdce1; }
div.selector li.color-f7356b:hover > label {
  background-color: #efdce1;
  color: #f7356b; }
  div.selector li.color-f7356b:hover > label .abbr-circle > abbr {
    background-color: #f7356b;
    color: #efdce1; }
div.selector li.color-f7356b > input[type="checkbox"]:checked ~ label {
  background-color: #f7356b;
  color: white; }
  div.selector li.color-f7356b > input[type="checkbox"]:checked ~ label .abbr-circle > abbr {
    background-color: white;
    color: #f7356b; }
div.selector li.color-f7356b:hover > input[type="checkbox"]:checked ~ label {
  background-color: #f7356b;
  color: white; }
  div.selector li.color-f7356b:hover > input[type="checkbox"]:checked ~ label .abbr-circle > abbr {
    background-color: white;
    color: #f7356b; }
  div.selector li.color-f7356b:hover > input[type="checkbox"]:checked ~ label ~ label:hover {
    background-color: #f9668f; }

article a.color-f7941e {
  color: #f7941e; }
  article a.color-f7941e:hover {
    color: #da7a08; }
.color-f7941e > span[role="presentation"]:before {
  color: #f7941e; }
.color-f7941e:hover > span[role="presentation"]:before {
  color: #f9ab4f; }
.abbr-circle.color-f7941e abbr {
  background-color: #f7941e;
  color: white; }
a:hover .abbr-circle.color-f7941e abbr {
  background-color: #da7a08;
  color: white; }
dt.color-f7941e a {
  color: #f7941e;
  text-decoration: none; }
  dt.color-f7941e a:hover {
    color: #da7a08; }
div.selector li.color-f7941e > label {
  background-color: #efe5d9;
  color: #8c8276; }
  div.selector li.color-f7941e > label .abbr-circle > abbr {
    background-color: #8c8276;
    color: #efe5d9; }
div.selector li.color-f7941e:hover > label {
  background-color: #efe5d9;
  color: #f7941e; }
  div.selector li.color-f7941e:hover > label .abbr-circle > abbr {
    background-color: #f7941e;
    color: #efe5d9; }
div.selector li.color-f7941e > input[type="checkbox"]:checked ~ label {
  background-color: #f7941e;
  color: white; }
  div.selector li.color-f7941e > input[type="checkbox"]:checked ~ label .abbr-circle > abbr {
    background-color: white;
    color: #f7941e; }
div.selector li.color-f7941e:hover > input[type="checkbox"]:checked ~ label {
  background-color: #f7941e;
  color: white; }
  div.selector li.color-f7941e:hover > input[type="checkbox"]:checked ~ label .abbr-circle > abbr {
    background-color: white;
    color: #f7941e; }
  div.selector li.color-f7941e:hover > input[type="checkbox"]:checked ~ label ~ label:hover {
    background-color: #f9ab4f; }

article a.color-ffffff {
  color: white; }
  article a.color-ffffff:hover {
    color: #e6e6e6; }
.color-ffffff > span[role="presentation"]:before {
  color: white; }
.color-ffffff:hover > span[role="presentation"]:before {
  color: white; }
.abbr-circle.color-ffffff abbr {
  background-color: white;
  color: white; }
a:hover .abbr-circle.color-ffffff abbr {
  background-color: #e6e6e6;
  color: white; }
dt.color-ffffff a {
  color: white;
  text-decoration: none; }
  dt.color-ffffff a:hover {
    color: #e6e6e6; }
div.selector li.color-ffffff > label {
  background-color: #f0f0f0;
  color: #8d8d8d; }
  div.selector li.color-ffffff > label .abbr-circle > abbr {
    background-color: #8d8d8d;
    color: #f0f0f0; }
div.selector li.color-ffffff:hover > label {
  background-color: #f0f0f0;
  color: white; }
  div.selector li.color-ffffff:hover > label .abbr-circle > abbr {
    background-color: white;
    color: #f0f0f0; }
div.selector li.color-ffffff > input[type="checkbox"]:checked ~ label {
  background-color: white;
  color: white; }
  div.selector li.color-ffffff > input[type="checkbox"]:checked ~ label .abbr-circle > abbr {
    background-color: white;
    color: white; }
div.selector li.color-ffffff:hover > input[type="checkbox"]:checked ~ label {
  background-color: white;
  color: white; }
  div.selector li.color-ffffff:hover > input[type="checkbox"]:checked ~ label .abbr-circle > abbr {
    background-color: white;
    color: white; }
  div.selector li.color-ffffff:hover > input[type="checkbox"]:checked ~ label ~ label:hover {
    background-color: white; }

article a.color-014b63 {
  color: #014b63; }
  article a.color-014b63:hover {
    color: #002531; }
.color-014b63 > span[role="presentation"]:before {
  color: #014b63; }
.color-014b63:hover > span[role="presentation"]:before {
  color: #027195; }
.abbr-circle.color-014b63 abbr {
  background-color: #014b63;
  color: white; }
a:hover .abbr-circle.color-014b63 abbr {
  background-color: #002531;
  color: white; }
dt.color-014b63 a {
  color: #014b63;
  text-decoration: none; }
  dt.color-014b63 a:hover {
    color: #002531; }
div.selector li.color-014b63 > label {
  background-color: #d6dee0;
  color: #737b7d; }
  div.selector li.color-014b63 > label .abbr-circle > abbr {
    background-color: #737b7d;
    color: #d6dee0; }
div.selector li.color-014b63:hover > label {
  background-color: #d6dee0;
  color: #014b63; }
  div.selector li.color-014b63:hover > label .abbr-circle > abbr {
    background-color: #014b63;
    color: #d6dee0; }
div.selector li.color-014b63 > input[type="checkbox"]:checked ~ label {
  background-color: #014b63;
  color: white; }
  div.selector li.color-014b63 > input[type="checkbox"]:checked ~ label .abbr-circle > abbr {
    background-color: white;
    color: #014b63; }
div.selector li.color-014b63:hover > input[type="checkbox"]:checked ~ label {
  background-color: #014b63;
  color: white; }
  div.selector li.color-014b63:hover > input[type="checkbox"]:checked ~ label .abbr-circle > abbr {
    background-color: white;
    color: #014b63; }
  div.selector li.color-014b63:hover > input[type="checkbox"]:checked ~ label ~ label:hover {
    background-color: #027195; }

article a.color-017095 {
  color: #017095; }
  article a.color-017095:hover {
    color: #014a62; }
.color-017095 > span[role="presentation"]:before {
  color: #017095; }
.color-017095:hover > span[role="presentation"]:before {
  color: #0196c8; }
.abbr-circle.color-017095 abbr {
  background-color: #017095;
  color: white; }
a:hover .abbr-circle.color-017095 abbr {
  background-color: #014a62;
  color: white; }
dt.color-017095 a {
  color: #017095;
  text-decoration: none; }
  dt.color-017095 a:hover {
    color: #014a62; }
div.selector li.color-017095 > label {
  background-color: #d6e1e5;
  color: #737e82; }
  div.selector li.color-017095 > label .abbr-circle > abbr {
    background-color: #737e82;
    color: #d6e1e5; }
div.selector li.color-017095:hover > label {
  background-color: #d6e1e5;
  color: #017095; }
  div.selector li.color-017095:hover > label .abbr-circle > abbr {
    background-color: #017095;
    color: #d6e1e5; }
div.selector li.color-017095 > input[type="checkbox"]:checked ~ label {
  background-color: #017095;
  color: white; }
  div.selector li.color-017095 > input[type="checkbox"]:checked ~ label .abbr-circle > abbr {
    background-color: white;
    color: #017095; }
div.selector li.color-017095:hover > input[type="checkbox"]:checked ~ label {
  background-color: #017095;
  color: white; }
  div.selector li.color-017095:hover > input[type="checkbox"]:checked ~ label .abbr-circle > abbr {
    background-color: white;
    color: #017095; }
  div.selector li.color-017095:hover > input[type="checkbox"]:checked ~ label ~ label:hover {
    background-color: #0196c8; }

article a.color-028ebc {
  color: #028ebc; }
  article a.color-028ebc:hover {
    color: #01688a; }
.color-028ebc > span[role="presentation"]:before {
  color: #028ebc; }
.color-028ebc:hover > span[role="presentation"]:before {
  color: #03b4ee; }
.abbr-circle.color-028ebc abbr {
  background-color: #028ebc;
  color: white; }
a:hover .abbr-circle.color-028ebc abbr {
  background-color: #01688a;
  color: white; }
dt.color-028ebc a {
  color: #028ebc;
  text-decoration: none; }
  dt.color-028ebc a:hover {
    color: #01688a; }
div.selector li.color-028ebc > label {
  background-color: #d6e4e9;
  color: #738186; }
  div.selector li.color-028ebc > label .abbr-circle > abbr {
    background-color: #738186;
    color: #d6e4e9; }
div.selector li.color-028ebc:hover > label {
  background-color: #d6e4e9;
  color: #028ebc; }
  div.selector li.color-028ebc:hover > label .abbr-circle > abbr {
    background-color: #028ebc;
    color: #d6e4e9; }
div.selector li.color-028ebc > input[type="checkbox"]:checked ~ label {
  background-color: #028ebc;
  color: white; }
  div.selector li.color-028ebc > input[type="checkbox"]:checked ~ label .abbr-circle > abbr {
    background-color: white;
    color: #028ebc; }
div.selector li.color-028ebc:hover > input[type="checkbox"]:checked ~ label {
  background-color: #028ebc;
  color: white; }
  div.selector li.color-028ebc:hover > input[type="checkbox"]:checked ~ label .abbr-circle > abbr {
    background-color: white;
    color: #028ebc; }
  div.selector li.color-028ebc:hover > input[type="checkbox"]:checked ~ label ~ label:hover {
    background-color: #03b4ee; }

article a.color-02a2d6 {
  color: #02a2d6; }
  article a.color-02a2d6:hover {
    color: #027ca3; }
.color-02a2d6 > span[role="presentation"]:before {
  color: #02a2d6; }
.color-02a2d6:hover > span[role="presentation"]:before {
  color: #0ec2fd; }
.abbr-circle.color-02a2d6 abbr {
  background-color: #02a2d6;
  color: white; }
a:hover .abbr-circle.color-02a2d6 abbr {
  background-color: #027ca3;
  color: white; }
dt.color-02a2d6 a {
  color: #02a2d6;
  text-decoration: none; }
  dt.color-02a2d6 a:hover {
    color: #027ca3; }
div.selector li.color-02a2d6 > label {
  background-color: #d6e6ec;
  color: #738389; }
  div.selector li.color-02a2d6 > label .abbr-circle > abbr {
    background-color: #738389;
    color: #d6e6ec; }
div.selector li.color-02a2d6:hover > label {
  background-color: #d6e6ec;
  color: #02a2d6; }
  div.selector li.color-02a2d6:hover > label .abbr-circle > abbr {
    background-color: #02a2d6;
    color: #d6e6ec; }
div.selector li.color-02a2d6 > input[type="checkbox"]:checked ~ label {
  background-color: #02a2d6;
  color: white; }
  div.selector li.color-02a2d6 > input[type="checkbox"]:checked ~ label .abbr-circle > abbr {
    background-color: white;
    color: #02a2d6; }
div.selector li.color-02a2d6:hover > input[type="checkbox"]:checked ~ label {
  background-color: #02a2d6;
  color: white; }
  div.selector li.color-02a2d6:hover > input[type="checkbox"]:checked ~ label .abbr-circle > abbr {
    background-color: white;
    color: #02a2d6; }
  div.selector li.color-02a2d6:hover > input[type="checkbox"]:checked ~ label ~ label:hover {
    background-color: #0ec2fd; }

article a.color-02ace4 {
  color: #02ace4; }
  article a.color-02ace4:hover {
    color: #0286b1; }
.color-02ace4 > span[role="presentation"]:before {
  color: #02ace4; }
.color-02ace4:hover > span[role="presentation"]:before {
  color: #1cc5fd; }
.abbr-circle.color-02ace4 abbr {
  background-color: #02ace4;
  color: white; }
a:hover .abbr-circle.color-02ace4 abbr {
  background-color: #0286b1;
  color: white; }
dt.color-02ace4 a {
  color: #02ace4;
  text-decoration: none; }
  dt.color-02ace4 a:hover {
    color: #0286b1; }
div.selector li.color-02ace4 > label {
  background-color: #d6e7ed;
  color: #73848a; }
  div.selector li.color-02ace4 > label .abbr-circle > abbr {
    background-color: #73848a;
    color: #d6e7ed; }
div.selector li.color-02ace4:hover > label {
  background-color: #d6e7ed;
  color: #02ace4; }
  div.selector li.color-02ace4:hover > label .abbr-circle > abbr {
    background-color: #02ace4;
    color: #d6e7ed; }
div.selector li.color-02ace4 > input[type="checkbox"]:checked ~ label {
  background-color: #02ace4;
  color: white; }
  div.selector li.color-02ace4 > input[type="checkbox"]:checked ~ label .abbr-circle > abbr {
    background-color: white;
    color: #02ace4; }
div.selector li.color-02ace4:hover > input[type="checkbox"]:checked ~ label {
  background-color: #02ace4;
  color: white; }
  div.selector li.color-02ace4:hover > input[type="checkbox"]:checked ~ label .abbr-circle > abbr {
    background-color: white;
    color: #02ace4; }
  div.selector li.color-02ace4:hover > input[type="checkbox"]:checked ~ label ~ label:hover {
    background-color: #1cc5fd; }

article a.color-02bbf8 {
  color: #02bbf8; }
  article a.color-02bbf8:hover {
    color: #0295c5; }
.color-02bbf8 > span[role="presentation"]:before {
  color: #02bbf8; }
.color-02bbf8:hover > span[role="presentation"]:before {
  color: #30cafd; }
.abbr-circle.color-02bbf8 abbr {
  background-color: #02bbf8;
  color: white; }
a:hover .abbr-circle.color-02bbf8 abbr {
  background-color: #0295c5;
  color: white; }
dt.color-02bbf8 a {
  color: #02bbf8;
  text-decoration: none; }
  dt.color-02bbf8 a:hover {
    color: #0295c5; }
div.selector li.color-02bbf8 > label {
  background-color: #d6e9ef;
  color: #73868c; }
  div.selector li.color-02bbf8 > label .abbr-circle > abbr {
    background-color: #73868c;
    color: #d6e9ef; }
div.selector li.color-02bbf8:hover > label {
  background-color: #d6e9ef;
  color: #02bbf8; }
  div.selector li.color-02bbf8:hover > label .abbr-circle > abbr {
    background-color: #02bbf8;
    color: #d6e9ef; }
div.selector li.color-02bbf8 > input[type="checkbox"]:checked ~ label {
  background-color: #02bbf8;
  color: white; }
  div.selector li.color-02bbf8 > input[type="checkbox"]:checked ~ label .abbr-circle > abbr {
    background-color: white;
    color: #02bbf8; }
div.selector li.color-02bbf8:hover > input[type="checkbox"]:checked ~ label {
  background-color: #02bbf8;
  color: white; }
  div.selector li.color-02bbf8:hover > input[type="checkbox"]:checked ~ label .abbr-circle > abbr {
    background-color: white;
    color: #02bbf8; }
  div.selector li.color-02bbf8:hover > input[type="checkbox"]:checked ~ label ~ label:hover {
    background-color: #30cafd; }

article a.color-11c3fd {
  color: #11c3fd; }
  article a.color-11c3fd:hover {
    color: #02a4d9; }
.color-11c3fd > span[role="presentation"]:before {
  color: #11c3fd; }
.color-11c3fd:hover > span[role="presentation"]:before {
  color: #44d0fd; }
.abbr-circle.color-11c3fd abbr {
  background-color: #11c3fd;
  color: white; }
a:hover .abbr-circle.color-11c3fd abbr {
  background-color: #02a4d9;
  color: white; }
dt.color-11c3fd a {
  color: #11c3fd;
  text-decoration: none; }
  dt.color-11c3fd a:hover {
    color: #02a4d9; }
div.selector li.color-11c3fd > label {
  background-color: #d8eaf0;
  color: #75878d; }
  div.selector li.color-11c3fd > label .abbr-circle > abbr {
    background-color: #75878d;
    color: #d8eaf0; }
div.selector li.color-11c3fd:hover > label {
  background-color: #d8eaf0;
  color: #11c3fd; }
  div.selector li.color-11c3fd:hover > label .abbr-circle > abbr {
    background-color: #11c3fd;
    color: #d8eaf0; }
div.selector li.color-11c3fd > input[type="checkbox"]:checked ~ label {
  background-color: #11c3fd;
  color: white; }
  div.selector li.color-11c3fd > input[type="checkbox"]:checked ~ label .abbr-circle > abbr {
    background-color: white;
    color: #11c3fd; }
div.selector li.color-11c3fd:hover > input[type="checkbox"]:checked ~ label {
  background-color: #11c3fd;
  color: white; }
  div.selector li.color-11c3fd:hover > input[type="checkbox"]:checked ~ label .abbr-circle > abbr {
    background-color: white;
    color: #11c3fd; }
  div.selector li.color-11c3fd:hover > input[type="checkbox"]:checked ~ label ~ label:hover {
    background-color: #44d0fd; }

article a.color-1fc6fd {
  color: #1fc6fd; }
  article a.color-1fc6fd:hover {
    color: #02aee7; }
.color-1fc6fd > span[role="presentation"]:before {
  color: #1fc6fd; }
.color-1fc6fd:hover > span[role="presentation"]:before {
  color: #52d3fd; }
.abbr-circle.color-1fc6fd abbr {
  background-color: #1fc6fd;
  color: white; }
a:hover .abbr-circle.color-1fc6fd abbr {
  background-color: #02aee7;
  color: white; }
dt.color-1fc6fd a {
  color: #1fc6fd;
  text-decoration: none; }
  dt.color-1fc6fd a:hover {
    color: #02aee7; }
div.selector li.color-1fc6fd > label {
  background-color: #d9eaf0;
  color: #76878d; }
  div.selector li.color-1fc6fd > label .abbr-circle > abbr {
    background-color: #76878d;
    color: #d9eaf0; }
div.selector li.color-1fc6fd:hover > label {
  background-color: #d9eaf0;
  color: #1fc6fd; }
  div.selector li.color-1fc6fd:hover > label .abbr-circle > abbr {
    background-color: #1fc6fd;
    color: #d9eaf0; }
div.selector li.color-1fc6fd > input[type="checkbox"]:checked ~ label {
  background-color: #1fc6fd;
  color: white; }
  div.selector li.color-1fc6fd > input[type="checkbox"]:checked ~ label .abbr-circle > abbr {
    background-color: white;
    color: #1fc6fd; }
div.selector li.color-1fc6fd:hover > input[type="checkbox"]:checked ~ label {
  background-color: #1fc6fd;
  color: white; }
  div.selector li.color-1fc6fd:hover > input[type="checkbox"]:checked ~ label .abbr-circle > abbr {
    background-color: white;
    color: #1fc6fd; }
  div.selector li.color-1fc6fd:hover > input[type="checkbox"]:checked ~ label ~ label:hover {
    background-color: #52d3fd; }

article a.color-39cdfd {
  color: #39cdfd; }
  article a.color-39cdfd:hover {
    color: #07c0fc; }
.color-39cdfd > span[role="presentation"]:before {
  color: #39cdfd; }
.color-39cdfd:hover > span[role="presentation"]:before {
  color: #6bdafe; }
.abbr-circle.color-39cdfd abbr {
  background-color: #39cdfd;
  color: white; }
a:hover .abbr-circle.color-39cdfd abbr {
  background-color: #07c0fc;
  color: white; }
dt.color-39cdfd a {
  color: #39cdfd;
  text-decoration: none; }
  dt.color-39cdfd a:hover {
    color: #07c0fc; }
div.selector li.color-39cdfd > label {
  background-color: #dcebf0;
  color: #79888d; }
  div.selector li.color-39cdfd > label .abbr-circle > abbr {
    background-color: #79888d;
    color: #dcebf0; }
div.selector li.color-39cdfd:hover > label {
  background-color: #dcebf0;
  color: #39cdfd; }
  div.selector li.color-39cdfd:hover > label .abbr-circle > abbr {
    background-color: #39cdfd;
    color: #dcebf0; }
div.selector li.color-39cdfd > input[type="checkbox"]:checked ~ label {
  background-color: #39cdfd;
  color: white; }
  div.selector li.color-39cdfd > input[type="checkbox"]:checked ~ label .abbr-circle > abbr {
    background-color: white;
    color: #39cdfd; }
div.selector li.color-39cdfd:hover > input[type="checkbox"]:checked ~ label {
  background-color: #39cdfd;
  color: white; }
  div.selector li.color-39cdfd:hover > input[type="checkbox"]:checked ~ label .abbr-circle > abbr {
    background-color: white;
    color: #39cdfd; }
  div.selector li.color-39cdfd:hover > input[type="checkbox"]:checked ~ label ~ label:hover {
    background-color: #6bdafe; }

article a.color-531111 {
  color: #531111; }
  article a.color-531111:hover {
    color: #290808; }
.color-531111 > span[role="presentation"]:before {
  color: #531111; }
.color-531111:hover > span[role="presentation"]:before {
  color: #7d1a1a; }
.abbr-circle.color-531111 abbr {
  background-color: #531111;
  color: white; }
a:hover .abbr-circle.color-531111 abbr {
  background-color: #290808;
  color: white; }
dt.color-531111 a {
  color: #531111;
  text-decoration: none; }
  dt.color-531111 a:hover {
    color: #290808; }
div.selector li.color-531111 > label {
  background-color: #dfd8d8;
  color: #7c7575; }
  div.selector li.color-531111 > label .abbr-circle > abbr {
    background-color: #7c7575;
    color: #dfd8d8; }
div.selector li.color-531111:hover > label {
  background-color: #dfd8d8;
  color: #531111; }
  div.selector li.color-531111:hover > label .abbr-circle > abbr {
    background-color: #531111;
    color: #dfd8d8; }
div.selector li.color-531111 > input[type="checkbox"]:checked ~ label {
  background-color: #531111;
  color: white; }
  div.selector li.color-531111 > input[type="checkbox"]:checked ~ label .abbr-circle > abbr {
    background-color: white;
    color: #531111; }
div.selector li.color-531111:hover > input[type="checkbox"]:checked ~ label {
  background-color: #531111;
  color: white; }
  div.selector li.color-531111:hover > input[type="checkbox"]:checked ~ label .abbr-circle > abbr {
    background-color: white;
    color: #531111; }
  div.selector li.color-531111:hover > input[type="checkbox"]:checked ~ label ~ label:hover {
    background-color: #7d1a1a; }

article a.color-61d7fd {
  color: #61d7fd; }
  article a.color-61d7fd:hover {
    color: #2fcafc; }
.color-61d7fd > span[role="presentation"]:before {
  color: #61d7fd; }
.color-61d7fd:hover > span[role="presentation"]:before {
  color: #93e4fe; }
.abbr-circle.color-61d7fd abbr {
  background-color: #61d7fd;
  color: white; }
a:hover .abbr-circle.color-61d7fd abbr {
  background-color: #2fcafc;
  color: white; }
dt.color-61d7fd a {
  color: #61d7fd;
  text-decoration: none; }
  dt.color-61d7fd a:hover {
    color: #2fcafc; }
div.selector li.color-61d7fd > label {
  background-color: #e0ecf0;
  color: #7d898d; }
  div.selector li.color-61d7fd > label .abbr-circle > abbr {
    background-color: #7d898d;
    color: #e0ecf0; }
div.selector li.color-61d7fd:hover > label {
  background-color: #e0ecf0;
  color: #61d7fd; }
  div.selector li.color-61d7fd:hover > label .abbr-circle > abbr {
    background-color: #61d7fd;
    color: #e0ecf0; }
div.selector li.color-61d7fd > input[type="checkbox"]:checked ~ label {
  background-color: #61d7fd;
  color: white; }
  div.selector li.color-61d7fd > input[type="checkbox"]:checked ~ label .abbr-circle > abbr {
    background-color: white;
    color: #61d7fd; }
div.selector li.color-61d7fd:hover > input[type="checkbox"]:checked ~ label {
  background-color: #61d7fd;
  color: white; }
  div.selector li.color-61d7fd:hover > input[type="checkbox"]:checked ~ label .abbr-circle > abbr {
    background-color: white;
    color: #61d7fd; }
  div.selector li.color-61d7fd:hover > input[type="checkbox"]:checked ~ label ~ label:hover {
    background-color: #93e4fe; }

article a.color-861c1c {
  color: #861c1c; }
  article a.color-861c1c:hover {
    color: #5c1313; }
.color-861c1c > span[role="presentation"]:before {
  color: #861c1c; }
.color-861c1c:hover > span[role="presentation"]:before {
  color: #b02525; }
.abbr-circle.color-861c1c abbr {
  background-color: #861c1c;
  color: white; }
a:hover .abbr-circle.color-861c1c abbr {
  background-color: #5c1313;
  color: white; }
dt.color-861c1c a {
  color: #861c1c;
  text-decoration: none; }
  dt.color-861c1c a:hover {
    color: #5c1313; }
div.selector li.color-861c1c > label {
  background-color: #e4d9d9;
  color: #817676; }
  div.selector li.color-861c1c > label .abbr-circle > abbr {
    background-color: #817676;
    color: #e4d9d9; }
div.selector li.color-861c1c:hover > label {
  background-color: #e4d9d9;
  color: #861c1c; }
  div.selector li.color-861c1c:hover > label .abbr-circle > abbr {
    background-color: #861c1c;
    color: #e4d9d9; }
div.selector li.color-861c1c > input[type="checkbox"]:checked ~ label {
  background-color: #861c1c;
  color: white; }
  div.selector li.color-861c1c > input[type="checkbox"]:checked ~ label .abbr-circle > abbr {
    background-color: white;
    color: #861c1c; }
div.selector li.color-861c1c:hover > input[type="checkbox"]:checked ~ label {
  background-color: #861c1c;
  color: white; }
  div.selector li.color-861c1c:hover > input[type="checkbox"]:checked ~ label .abbr-circle > abbr {
    background-color: white;
    color: #861c1c; }
  div.selector li.color-861c1c:hover > input[type="checkbox"]:checked ~ label ~ label:hover {
    background-color: #b02525; }

article a.color-90062d {
  color: #90062d; }
  article a.color-90062d:hover {
    color: #5f041e; }
.color-90062d > span[role="presentation"]:before {
  color: #90062d; }
.color-90062d:hover > span[role="presentation"]:before {
  color: #c1083c; }
.abbr-circle.color-90062d abbr {
  background-color: #90062d;
  color: white; }
a:hover .abbr-circle.color-90062d abbr {
  background-color: #5f041e;
  color: white; }
dt.color-90062d a {
  color: #90062d;
  text-decoration: none; }
  dt.color-90062d a:hover {
    color: #5f041e; }
div.selector li.color-90062d > label {
  background-color: #e5d7db;
  color: #827478; }
  div.selector li.color-90062d > label .abbr-circle > abbr {
    background-color: #827478;
    color: #e5d7db; }
div.selector li.color-90062d:hover > label {
  background-color: #e5d7db;
  color: #90062d; }
  div.selector li.color-90062d:hover > label .abbr-circle > abbr {
    background-color: #90062d;
    color: #e5d7db; }
div.selector li.color-90062d > input[type="checkbox"]:checked ~ label {
  background-color: #90062d;
  color: white; }
  div.selector li.color-90062d > input[type="checkbox"]:checked ~ label .abbr-circle > abbr {
    background-color: white;
    color: #90062d; }
div.selector li.color-90062d:hover > input[type="checkbox"]:checked ~ label {
  background-color: #90062d;
  color: white; }
  div.selector li.color-90062d:hover > input[type="checkbox"]:checked ~ label .abbr-circle > abbr {
    background-color: white;
    color: #90062d; }
  div.selector li.color-90062d:hover > input[type="checkbox"]:checked ~ label ~ label:hover {
    background-color: #c1083c; }

article a.color-957001 {
  color: #957001; }
  article a.color-957001:hover {
    color: #624a01; }
.color-957001 > span[role="presentation"]:before {
  color: #957001; }
.color-957001:hover > span[role="presentation"]:before {
  color: #c89601; }
.abbr-circle.color-957001 abbr {
  background-color: #957001;
  color: white; }
a:hover .abbr-circle.color-957001 abbr {
  background-color: #624a01;
  color: white; }
dt.color-957001 a {
  color: #957001;
  text-decoration: none; }
  dt.color-957001 a:hover {
    color: #624a01; }
div.selector li.color-957001 > label {
  background-color: #e5e1d6;
  color: #827e73; }
  div.selector li.color-957001 > label .abbr-circle > abbr {
    background-color: #827e73;
    color: #e5e1d6; }
div.selector li.color-957001:hover > label {
  background-color: #e5e1d6;
  color: #957001; }
  div.selector li.color-957001:hover > label .abbr-circle > abbr {
    background-color: #957001;
    color: #e5e1d6; }
div.selector li.color-957001 > input[type="checkbox"]:checked ~ label {
  background-color: #957001;
  color: white; }
  div.selector li.color-957001 > input[type="checkbox"]:checked ~ label .abbr-circle > abbr {
    background-color: white;
    color: #957001; }
div.selector li.color-957001:hover > input[type="checkbox"]:checked ~ label {
  background-color: #957001;
  color: white; }
  div.selector li.color-957001:hover > input[type="checkbox"]:checked ~ label .abbr-circle > abbr {
    background-color: white;
    color: #957001; }
  div.selector li.color-957001:hover > input[type="checkbox"]:checked ~ label ~ label:hover {
    background-color: #c89601; }

article a.color-991f1f {
  color: #991f1f; }
  article a.color-991f1f:hover {
    color: #6f1616; }
.color-991f1f > span[role="presentation"]:before {
  color: #991f1f; }
.color-991f1f:hover > span[role="presentation"]:before {
  color: #c32828; }
.abbr-circle.color-991f1f abbr {
  background-color: #991f1f;
  color: white; }
a:hover .abbr-circle.color-991f1f abbr {
  background-color: #6f1616;
  color: white; }
dt.color-991f1f a {
  color: #991f1f;
  text-decoration: none; }
  dt.color-991f1f a:hover {
    color: #6f1616; }
div.selector li.color-991f1f > label {
  background-color: #e6d9d9;
  color: #837676; }
  div.selector li.color-991f1f > label .abbr-circle > abbr {
    background-color: #837676;
    color: #e6d9d9; }
div.selector li.color-991f1f:hover > label {
  background-color: #e6d9d9;
  color: #991f1f; }
  div.selector li.color-991f1f:hover > label .abbr-circle > abbr {
    background-color: #991f1f;
    color: #e6d9d9; }
div.selector li.color-991f1f > input[type="checkbox"]:checked ~ label {
  background-color: #991f1f;
  color: white; }
  div.selector li.color-991f1f > input[type="checkbox"]:checked ~ label .abbr-circle > abbr {
    background-color: white;
    color: #991f1f; }
div.selector li.color-991f1f:hover > input[type="checkbox"]:checked ~ label {
  background-color: #991f1f;
  color: white; }
  div.selector li.color-991f1f:hover > input[type="checkbox"]:checked ~ label .abbr-circle > abbr {
    background-color: white;
    color: #991f1f; }
  div.selector li.color-991f1f:hover > input[type="checkbox"]:checked ~ label ~ label:hover {
    background-color: #c32828; }

article a.color-9d2d90 {
  color: #9d2d90; }
  article a.color-9d2d90:hover {
    color: #75226c; }
.color-9d2d90 > span[role="presentation"]:before {
  color: #9d2d90; }
.color-9d2d90:hover > span[role="presentation"]:before {
  color: #c538b4; }
.abbr-circle.color-9d2d90 abbr {
  background-color: #9d2d90;
  color: white; }
a:hover .abbr-circle.color-9d2d90 abbr {
  background-color: #75226c;
  color: white; }
dt.color-9d2d90 a {
  color: #9d2d90;
  text-decoration: none; }
  dt.color-9d2d90 a:hover {
    color: #75226c; }
div.selector li.color-9d2d90 > label {
  background-color: #e6dbe5;
  color: #837882; }
  div.selector li.color-9d2d90 > label .abbr-circle > abbr {
    background-color: #837882;
    color: #e6dbe5; }
div.selector li.color-9d2d90:hover > label {
  background-color: #e6dbe5;
  color: #9d2d90; }
  div.selector li.color-9d2d90:hover > label .abbr-circle > abbr {
    background-color: #9d2d90;
    color: #e6dbe5; }
div.selector li.color-9d2d90 > input[type="checkbox"]:checked ~ label {
  background-color: #9d2d90;
  color: white; }
  div.selector li.color-9d2d90 > input[type="checkbox"]:checked ~ label .abbr-circle > abbr {
    background-color: white;
    color: #9d2d90; }
div.selector li.color-9d2d90:hover > input[type="checkbox"]:checked ~ label {
  background-color: #9d2d90;
  color: white; }
  div.selector li.color-9d2d90:hover > input[type="checkbox"]:checked ~ label .abbr-circle > abbr {
    background-color: white;
    color: #9d2d90; }
  div.selector li.color-9d2d90:hover > input[type="checkbox"]:checked ~ label ~ label:hover {
    background-color: #c538b4; }

article a.color-b5489b {
  color: #b5489b; }
  article a.color-b5489b:hover {
    color: #91397c; }
.color-b5489b > span[role="presentation"]:before {
  color: #b5489b; }
.color-b5489b:hover > span[role="presentation"]:before {
  color: #c46caf; }
.abbr-circle.color-b5489b abbr {
  background-color: #b5489b;
  color: white; }
a:hover .abbr-circle.color-b5489b abbr {
  background-color: #91397c;
  color: white; }
dt.color-b5489b a {
  color: #b5489b;
  text-decoration: none; }
  dt.color-b5489b a:hover {
    color: #91397c; }
div.selector li.color-b5489b > label {
  background-color: #e8dde6;
  color: #857a83; }
  div.selector li.color-b5489b > label .abbr-circle > abbr {
    background-color: #857a83;
    color: #e8dde6; }
div.selector li.color-b5489b:hover > label {
  background-color: #e8dde6;
  color: #b5489b; }
  div.selector li.color-b5489b:hover > label .abbr-circle > abbr {
    background-color: #b5489b;
    color: #e8dde6; }
div.selector li.color-b5489b > input[type="checkbox"]:checked ~ label {
  background-color: #b5489b;
  color: white; }
  div.selector li.color-b5489b > input[type="checkbox"]:checked ~ label .abbr-circle > abbr {
    background-color: white;
    color: #b5489b; }
div.selector li.color-b5489b:hover > input[type="checkbox"]:checked ~ label {
  background-color: #b5489b;
  color: white; }
  div.selector li.color-b5489b:hover > input[type="checkbox"]:checked ~ label .abbr-circle > abbr {
    background-color: white;
    color: #b5489b; }
  div.selector li.color-b5489b:hover > input[type="checkbox"]:checked ~ label ~ label:hover {
    background-color: #c46caf; }

article a.color-ba2626 {
  color: #ba2626; }
  article a.color-ba2626:hover {
    color: #901d1d; }
.color-ba2626 > span[role="presentation"]:before {
  color: #ba2626; }
.color-ba2626:hover > span[role="presentation"]:before {
  color: #d73c3c; }
.abbr-circle.color-ba2626 abbr {
  background-color: #ba2626;
  color: white; }
a:hover .abbr-circle.color-ba2626 abbr {
  background-color: #901d1d;
  color: white; }
dt.color-ba2626 a {
  color: #ba2626;
  text-decoration: none; }
  dt.color-ba2626 a:hover {
    color: #901d1d; }
div.selector li.color-ba2626 > label {
  background-color: #e9dada;
  color: #867777; }
  div.selector li.color-ba2626 > label .abbr-circle > abbr {
    background-color: #867777;
    color: #e9dada; }
div.selector li.color-ba2626:hover > label {
  background-color: #e9dada;
  color: #ba2626; }
  div.selector li.color-ba2626:hover > label .abbr-circle > abbr {
    background-color: #ba2626;
    color: #e9dada; }
div.selector li.color-ba2626 > input[type="checkbox"]:checked ~ label {
  background-color: #ba2626;
  color: white; }
  div.selector li.color-ba2626 > input[type="checkbox"]:checked ~ label .abbr-circle > abbr {
    background-color: white;
    color: #ba2626; }
div.selector li.color-ba2626:hover > input[type="checkbox"]:checked ~ label {
  background-color: #ba2626;
  color: white; }
  div.selector li.color-ba2626:hover > input[type="checkbox"]:checked ~ label .abbr-circle > abbr {
    background-color: white;
    color: #ba2626; }
  div.selector li.color-ba2626:hover > input[type="checkbox"]:checked ~ label ~ label:hover {
    background-color: #d73c3c; }

article a.color-d29f02 {
  color: #d29f02; }
  article a.color-d29f02:hover {
    color: #9f7902; }
.color-d29f02 > span[role="presentation"]:before {
  color: #d29f02; }
.color-d29f02:hover > span[role="presentation"]:before {
  color: #fdc10a; }
.abbr-circle.color-d29f02 abbr {
  background-color: #d29f02;
  color: white; }
a:hover .abbr-circle.color-d29f02 abbr {
  background-color: #9f7902;
  color: white; }
dt.color-d29f02 a {
  color: #d29f02;
  text-decoration: none; }
  dt.color-d29f02 a:hover {
    color: #9f7902; }
div.selector li.color-d29f02 > label {
  background-color: #ebe6d6;
  color: #888373; }
  div.selector li.color-d29f02 > label .abbr-circle > abbr {
    background-color: #888373;
    color: #ebe6d6; }
div.selector li.color-d29f02:hover > label {
  background-color: #ebe6d6;
  color: #d29f02; }
  div.selector li.color-d29f02:hover > label .abbr-circle > abbr {
    background-color: #d29f02;
    color: #ebe6d6; }
div.selector li.color-d29f02 > input[type="checkbox"]:checked ~ label {
  background-color: #d29f02;
  color: white; }
  div.selector li.color-d29f02 > input[type="checkbox"]:checked ~ label .abbr-circle > abbr {
    background-color: white;
    color: #d29f02; }
div.selector li.color-d29f02:hover > input[type="checkbox"]:checked ~ label {
  background-color: #d29f02;
  color: white; }
  div.selector li.color-d29f02:hover > input[type="checkbox"]:checked ~ label .abbr-circle > abbr {
    background-color: white;
    color: #d29f02; }
  div.selector li.color-d29f02:hover > input[type="checkbox"]:checked ~ label ~ label:hover {
    background-color: #fdc10a; }

article a.color-d53535 {
  color: #d53535; }
  article a.color-d53535:hover {
    color: #b22525; }
.color-d53535 > span[role="presentation"]:before {
  color: #d53535; }
.color-d53535:hover > span[role="presentation"]:before {
  color: #de5f5f; }
.abbr-circle.color-d53535 abbr {
  background-color: #d53535;
  color: white; }
a:hover .abbr-circle.color-d53535 abbr {
  background-color: #b22525;
  color: white; }
dt.color-d53535 a {
  color: #d53535;
  text-decoration: none; }
  dt.color-d53535 a:hover {
    color: #b22525; }
div.selector li.color-d53535 > label {
  background-color: #ecdcdc;
  color: #897979; }
  div.selector li.color-d53535 > label .abbr-circle > abbr {
    background-color: #897979;
    color: #ecdcdc; }
div.selector li.color-d53535:hover > label {
  background-color: #ecdcdc;
  color: #d53535; }
  div.selector li.color-d53535:hover > label .abbr-circle > abbr {
    background-color: #d53535;
    color: #ecdcdc; }
div.selector li.color-d53535 > input[type="checkbox"]:checked ~ label {
  background-color: #d53535;
  color: white; }
  div.selector li.color-d53535 > input[type="checkbox"]:checked ~ label .abbr-circle > abbr {
    background-color: white;
    color: #d53535; }
div.selector li.color-d53535:hover > input[type="checkbox"]:checked ~ label {
  background-color: #d53535;
  color: white; }
  div.selector li.color-d53535:hover > input[type="checkbox"]:checked ~ label .abbr-circle > abbr {
    background-color: white;
    color: #d53535; }
  div.selector li.color-d53535:hover > input[type="checkbox"]:checked ~ label ~ label:hover {
    background-color: #de5f5f; }

article a.color-d94747 {
  color: #d94747; }
  article a.color-d94747:hover {
    color: #c42929; }
.color-d94747 > span[role="presentation"]:before {
  color: #d94747; }
.color-d94747:hover > span[role="presentation"]:before {
  color: #e27171; }
.abbr-circle.color-d94747 abbr {
  background-color: #d94747;
  color: white; }
a:hover .abbr-circle.color-d94747 abbr {
  background-color: #c42929;
  color: white; }
dt.color-d94747 a {
  color: #d94747;
  text-decoration: none; }
  dt.color-d94747 a:hover {
    color: #c42929; }
div.selector li.color-d94747 > label {
  background-color: #ecdddd;
  color: #897a7a; }
  div.selector li.color-d94747 > label .abbr-circle > abbr {
    background-color: #897a7a;
    color: #ecdddd; }
div.selector li.color-d94747:hover > label {
  background-color: #ecdddd;
  color: #d94747; }
  div.selector li.color-d94747:hover > label .abbr-circle > abbr {
    background-color: #d94747;
    color: #ecdddd; }
div.selector li.color-d94747 > input[type="checkbox"]:checked ~ label {
  background-color: #d94747;
  color: white; }
  div.selector li.color-d94747 > input[type="checkbox"]:checked ~ label .abbr-circle > abbr {
    background-color: white;
    color: #d94747; }
div.selector li.color-d94747:hover > input[type="checkbox"]:checked ~ label {
  background-color: #d94747;
  color: white; }
  div.selector li.color-d94747:hover > input[type="checkbox"]:checked ~ label .abbr-circle > abbr {
    background-color: white;
    color: #d94747; }
  div.selector li.color-d94747:hover > input[type="checkbox"]:checked ~ label ~ label:hover {
    background-color: #e27171; }

article a.color-e40000 {
  color: #e40000; }
  article a.color-e40000:hover {
    color: #b10000; }
.color-e40000 > span[role="presentation"]:before {
  color: #e40000; }
.color-e40000:hover > span[role="presentation"]:before {
  color: #ff1818; }
.abbr-circle.color-e40000 abbr {
  background-color: #e40000;
  color: white; }
a:hover .abbr-circle.color-e40000 abbr {
  background-color: #b10000;
  color: white; }
dt.color-e40000 a {
  color: #e40000;
  text-decoration: none; }
  dt.color-e40000 a:hover {
    color: #b10000; }
div.selector li.color-e40000 > label {
  background-color: #edd6d6;
  color: #8a7373; }
  div.selector li.color-e40000 > label .abbr-circle > abbr {
    background-color: #8a7373;
    color: #edd6d6; }
div.selector li.color-e40000:hover > label {
  background-color: #edd6d6;
  color: #e40000; }
  div.selector li.color-e40000:hover > label .abbr-circle > abbr {
    background-color: #e40000;
    color: #edd6d6; }
div.selector li.color-e40000 > input[type="checkbox"]:checked ~ label {
  background-color: #e40000;
  color: white; }
  div.selector li.color-e40000 > input[type="checkbox"]:checked ~ label .abbr-circle > abbr {
    background-color: white;
    color: #e40000; }
div.selector li.color-e40000:hover > input[type="checkbox"]:checked ~ label {
  background-color: #e40000;
  color: white; }
  div.selector li.color-e40000:hover > input[type="checkbox"]:checked ~ label .abbr-circle > abbr {
    background-color: white;
    color: #e40000; }
  div.selector li.color-e40000:hover > input[type="checkbox"]:checked ~ label ~ label:hover {
    background-color: #ff1818; }

article a.color-f61e5b {
  color: #f61e5b; }
  article a.color-f61e5b:hover {
    color: #d80943; }
.color-f61e5b > span[role="presentation"]:before {
  color: #f61e5b; }
.color-f61e5b:hover > span[role="presentation"]:before {
  color: #f84f7f; }
.abbr-circle.color-f61e5b abbr {
  background-color: #f61e5b;
  color: white; }
a:hover .abbr-circle.color-f61e5b abbr {
  background-color: #d80943;
  color: white; }
dt.color-f61e5b a {
  color: #f61e5b;
  text-decoration: none; }
  dt.color-f61e5b a:hover {
    color: #d80943; }
div.selector li.color-f61e5b > label {
  background-color: #efd9df;
  color: #8c767c; }
  div.selector li.color-f61e5b > label .abbr-circle > abbr {
    background-color: #8c767c;
    color: #efd9df; }
div.selector li.color-f61e5b:hover > label {
  background-color: #efd9df;
  color: #f61e5b; }
  div.selector li.color-f61e5b:hover > label .abbr-circle > abbr {
    background-color: #f61e5b;
    color: #efd9df; }
div.selector li.color-f61e5b > input[type="checkbox"]:checked ~ label {
  background-color: #f61e5b;
  color: white; }
  div.selector li.color-f61e5b > input[type="checkbox"]:checked ~ label .abbr-circle > abbr {
    background-color: white;
    color: #f61e5b; }
div.selector li.color-f61e5b:hover > input[type="checkbox"]:checked ~ label {
  background-color: #f61e5b;
  color: white; }
  div.selector li.color-f61e5b:hover > input[type="checkbox"]:checked ~ label .abbr-circle > abbr {
    background-color: white;
    color: #f61e5b; }
  div.selector li.color-f61e5b:hover > input[type="checkbox"]:checked ~ label ~ label:hover {
    background-color: #f84f7f; }

article a.color-fb95b2 {
  color: #fb95b2; }
  article a.color-fb95b2:hover {
    color: #f9648e; }
.color-fb95b2 > span[role="presentation"]:before {
  color: #fb95b2; }
.color-fb95b2:hover > span[role="presentation"]:before {
  color: #fdc6d6; }
.abbr-circle.color-fb95b2 abbr {
  background-color: #fb95b2;
  color: white; }
a:hover .abbr-circle.color-fb95b2 abbr {
  background-color: #f9648e;
  color: white; }
dt.color-fb95b2 a {
  color: #fb95b2;
  text-decoration: none; }
  dt.color-fb95b2 a:hover {
    color: #f9648e; }
div.selector li.color-fb95b2 > label {
  background-color: #efe5e8;
  color: #8c8285; }
  div.selector li.color-fb95b2 > label .abbr-circle > abbr {
    background-color: #8c8285;
    color: #efe5e8; }
div.selector li.color-fb95b2:hover > label {
  background-color: #efe5e8;
  color: #fb95b2; }
  div.selector li.color-fb95b2:hover > label .abbr-circle > abbr {
    background-color: #fb95b2;
    color: #efe5e8; }
div.selector li.color-fb95b2 > input[type="checkbox"]:checked ~ label {
  background-color: #fb95b2;
  color: white; }
  div.selector li.color-fb95b2 > input[type="checkbox"]:checked ~ label .abbr-circle > abbr {
    background-color: white;
    color: #fb95b2; }
div.selector li.color-fb95b2:hover > input[type="checkbox"]:checked ~ label {
  background-color: #fb95b2;
  color: white; }
  div.selector li.color-fb95b2:hover > input[type="checkbox"]:checked ~ label .abbr-circle > abbr {
    background-color: white;
    color: #fb95b2; }
  div.selector li.color-fb95b2:hover > input[type="checkbox"]:checked ~ label ~ label:hover {
    background-color: #fdc6d6; }

article a.color-fdc417 {
  color: #fdc417; }
  article a.color-fdc417:hover {
    color: #dfa802; }
.color-fdc417 > span[role="presentation"]:before {
  color: #fdc417; }
.color-fdc417:hover > span[role="presentation"]:before {
  color: #fdd14a; }
.abbr-circle.color-fdc417 abbr {
  background-color: #fdc417;
  color: white; }
a:hover .abbr-circle.color-fdc417 abbr {
  background-color: #dfa802;
  color: white; }
dt.color-fdc417 a {
  color: #fdc417;
  text-decoration: none; }
  dt.color-fdc417 a:hover {
    color: #dfa802; }
div.selector li.color-fdc417 > label {
  background-color: #f0ead9;
  color: #8d8776; }
  div.selector li.color-fdc417 > label .abbr-circle > abbr {
    background-color: #8d8776;
    color: #f0ead9; }
div.selector li.color-fdc417:hover > label {
  background-color: #f0ead9;
  color: #fdc417; }
  div.selector li.color-fdc417:hover > label .abbr-circle > abbr {
    background-color: #fdc417;
    color: #f0ead9; }
div.selector li.color-fdc417 > input[type="checkbox"]:checked ~ label {
  background-color: #fdc417;
  color: white; }
  div.selector li.color-fdc417 > input[type="checkbox"]:checked ~ label .abbr-circle > abbr {
    background-color: white;
    color: #fdc417; }
div.selector li.color-fdc417:hover > input[type="checkbox"]:checked ~ label {
  background-color: #fdc417;
  color: white; }
  div.selector li.color-fdc417:hover > input[type="checkbox"]:checked ~ label .abbr-circle > abbr {
    background-color: white;
    color: #fdc417; }
  div.selector li.color-fdc417:hover > input[type="checkbox"]:checked ~ label ~ label:hover {
    background-color: #fdd14a; }

article a.color-fed454 {
  color: #fed454; }
  article a.color-fed454:hover {
    color: #fec721; }
.color-fed454 > span[role="presentation"]:before {
  color: #fed454; }
.color-fed454:hover > span[role="presentation"]:before {
  color: #fee187; }
.abbr-circle.color-fed454 abbr {
  background-color: #fed454;
  color: white; }
a:hover .abbr-circle.color-fed454 abbr {
  background-color: #fec721;
  color: white; }
dt.color-fed454 a {
  color: #fed454;
  text-decoration: none; }
  dt.color-fed454 a:hover {
    color: #fec721; }
div.selector li.color-fed454 > label {
  background-color: #f0ebdf;
  color: #8d887c; }
  div.selector li.color-fed454 > label .abbr-circle > abbr {
    background-color: #8d887c;
    color: #f0ebdf; }
div.selector li.color-fed454:hover > label {
  background-color: #f0ebdf;
  color: #fed454; }
  div.selector li.color-fed454:hover > label .abbr-circle > abbr {
    background-color: #fed454;
    color: #f0ebdf; }
div.selector li.color-fed454 > input[type="checkbox"]:checked ~ label {
  background-color: #fed454;
  color: white; }
  div.selector li.color-fed454 > input[type="checkbox"]:checked ~ label .abbr-circle > abbr {
    background-color: white;
    color: #fed454; }
div.selector li.color-fed454:hover > input[type="checkbox"]:checked ~ label {
  background-color: #fed454;
  color: white; }
  div.selector li.color-fed454:hover > input[type="checkbox"]:checked ~ label .abbr-circle > abbr {
    background-color: white;
    color: #fed454; }
  div.selector li.color-fed454:hover > input[type="checkbox"]:checked ~ label ~ label:hover {
    background-color: #fee187; }

article a.color-fee392 {
  color: #fee392; }
  article a.color-fee392:hover {
    color: #fed65f; }
.color-fee392 > span[role="presentation"]:before {
  color: #fee392; }
.color-fee392:hover > span[role="presentation"]:before {
  color: #fef0c5; }
.abbr-circle.color-fee392 abbr {
  background-color: #fee392;
  color: white; }
a:hover .abbr-circle.color-fee392 abbr {
  background-color: #fed65f;
  color: white; }
dt.color-fee392 a {
  color: #fee392;
  text-decoration: none; }
  dt.color-fee392 a:hover {
    color: #fed65f; }
div.selector li.color-fee392 > label {
  background-color: #f0ede5;
  color: #8d8a82; }
  div.selector li.color-fee392 > label .abbr-circle > abbr {
    background-color: #8d8a82;
    color: #f0ede5; }
div.selector li.color-fee392:hover > label {
  background-color: #f0ede5;
  color: #fee392; }
  div.selector li.color-fee392:hover > label .abbr-circle > abbr {
    background-color: #fee392;
    color: #f0ede5; }
div.selector li.color-fee392 > input[type="checkbox"]:checked ~ label {
  background-color: #fee392;
  color: white; }
  div.selector li.color-fee392 > input[type="checkbox"]:checked ~ label .abbr-circle > abbr {
    background-color: white;
    color: #fee392; }
div.selector li.color-fee392:hover > input[type="checkbox"]:checked ~ label {
  background-color: #fee392;
  color: white; }
  div.selector li.color-fee392:hover > input[type="checkbox"]:checked ~ label .abbr-circle > abbr {
    background-color: white;
    color: #fee392; }
  div.selector li.color-fee392:hover > input[type="checkbox"]:checked ~ label ~ label:hover {
    background-color: #fef0c5; }

article a.color-1f497d {
  color: #1f497d; }
  article a.color-1f497d:hover {
    color: #153154; }
.color-1f497d > span[role="presentation"]:before {
  color: #1f497d; }
.color-1f497d:hover > span[role="presentation"]:before {
  color: #2961a6; }
.abbr-circle.color-1f497d abbr {
  background-color: #1f497d;
  color: white; }
a:hover .abbr-circle.color-1f497d abbr {
  background-color: #153154;
  color: white; }
dt.color-1f497d a {
  color: #1f497d;
  text-decoration: none; }
  dt.color-1f497d a:hover {
    color: #153154; }
div.selector li.color-1f497d > label {
  background-color: #d9dee3;
  color: #767b80; }
  div.selector li.color-1f497d > label .abbr-circle > abbr {
    background-color: #767b80;
    color: #d9dee3; }
div.selector li.color-1f497d:hover > label {
  background-color: #d9dee3;
  color: #1f497d; }
  div.selector li.color-1f497d:hover > label .abbr-circle > abbr {
    background-color: #1f497d;
    color: #d9dee3; }
div.selector li.color-1f497d > input[type="checkbox"]:checked ~ label {
  background-color: #1f497d;
  color: white; }
  div.selector li.color-1f497d > input[type="checkbox"]:checked ~ label .abbr-circle > abbr {
    background-color: white;
    color: #1f497d; }
div.selector li.color-1f497d:hover > input[type="checkbox"]:checked ~ label {
  background-color: #1f497d;
  color: white; }
  div.selector li.color-1f497d:hover > input[type="checkbox"]:checked ~ label .abbr-circle > abbr {
    background-color: white;
    color: #1f497d; }
  div.selector li.color-1f497d:hover > input[type="checkbox"]:checked ~ label ~ label:hover {
    background-color: #2961a6; }

article a.color-8064a2 {
  color: #8064a2; }
  article a.color-8064a2:hover {
    color: #674f84; }
.color-8064a2 > span[role="presentation"]:before {
  color: #8064a2; }
.color-8064a2:hover > span[role="presentation"]:before {
  color: #9a84b5; }
.abbr-circle.color-8064a2 abbr {
  background-color: #8064a2;
  color: white; }
a:hover .abbr-circle.color-8064a2 abbr {
  background-color: #674f84;
  color: white; }
dt.color-8064a2 a {
  color: #8064a2;
  text-decoration: none; }
  dt.color-8064a2 a:hover {
    color: #674f84; }
div.selector li.color-8064a2 > label {
  background-color: #e3e0e6;
  color: #807d83; }
  div.selector li.color-8064a2 > label .abbr-circle > abbr {
    background-color: #807d83;
    color: #e3e0e6; }
div.selector li.color-8064a2:hover > label {
  background-color: #e3e0e6;
  color: #8064a2; }
  div.selector li.color-8064a2:hover > label .abbr-circle > abbr {
    background-color: #8064a2;
    color: #e3e0e6; }
div.selector li.color-8064a2 > input[type="checkbox"]:checked ~ label {
  background-color: #8064a2;
  color: white; }
  div.selector li.color-8064a2 > input[type="checkbox"]:checked ~ label .abbr-circle > abbr {
    background-color: white;
    color: #8064a2; }
div.selector li.color-8064a2:hover > input[type="checkbox"]:checked ~ label {
  background-color: #8064a2;
  color: white; }
  div.selector li.color-8064a2:hover > input[type="checkbox"]:checked ~ label .abbr-circle > abbr {
    background-color: white;
    color: #8064a2; }
  div.selector li.color-8064a2:hover > input[type="checkbox"]:checked ~ label ~ label:hover {
    background-color: #9a84b5; }

article a.color-4bacc6 {
  color: #4bacc6; }
  article a.color-4bacc6:hover {
    color: #3590a9; }
.color-4bacc6 > span[role="presentation"]:before {
  color: #4bacc6; }
.color-4bacc6:hover > span[role="presentation"]:before {
  color: #72bed2; }
.abbr-circle.color-4bacc6 abbr {
  background-color: #4bacc6;
  color: white; }
a:hover .abbr-circle.color-4bacc6 abbr {
  background-color: #3590a9;
  color: white; }
dt.color-4bacc6 a {
  color: #4bacc6;
  text-decoration: none; }
  dt.color-4bacc6 a:hover {
    color: #3590a9; }
div.selector li.color-4bacc6 > label {
  background-color: #dee7ea;
  color: #7b8487; }
  div.selector li.color-4bacc6 > label .abbr-circle > abbr {
    background-color: #7b8487;
    color: #dee7ea; }
div.selector li.color-4bacc6:hover > label {
  background-color: #dee7ea;
  color: #4bacc6; }
  div.selector li.color-4bacc6:hover > label .abbr-circle > abbr {
    background-color: #4bacc6;
    color: #dee7ea; }
div.selector li.color-4bacc6 > input[type="checkbox"]:checked ~ label {
  background-color: #4bacc6;
  color: white; }
  div.selector li.color-4bacc6 > input[type="checkbox"]:checked ~ label .abbr-circle > abbr {
    background-color: white;
    color: #4bacc6; }
div.selector li.color-4bacc6:hover > input[type="checkbox"]:checked ~ label {
  background-color: #4bacc6;
  color: white; }
  div.selector li.color-4bacc6:hover > input[type="checkbox"]:checked ~ label .abbr-circle > abbr {
    background-color: white;
    color: #4bacc6; }
  div.selector li.color-4bacc6:hover > input[type="checkbox"]:checked ~ label ~ label:hover {
    background-color: #72bed2; }

article a.color-008080 {
  color: teal; }
  article a.color-008080:hover {
    color: #004d4d; }
.color-008080 > span[role="presentation"]:before {
  color: teal; }
.color-008080:hover > span[role="presentation"]:before {
  color: #00b3b3; }
.abbr-circle.color-008080 abbr {
  background-color: teal;
  color: white; }
a:hover .abbr-circle.color-008080 abbr {
  background-color: #004d4d;
  color: white; }
dt.color-008080 a {
  color: teal;
  text-decoration: none; }
  dt.color-008080 a:hover {
    color: #004d4d; }
div.selector li.color-008080 > label {
  background-color: #d6e3e3;
  color: #738080; }
  div.selector li.color-008080 > label .abbr-circle > abbr {
    background-color: #738080;
    color: #d6e3e3; }
div.selector li.color-008080:hover > label {
  background-color: #d6e3e3;
  color: teal; }
  div.selector li.color-008080:hover > label .abbr-circle > abbr {
    background-color: teal;
    color: #d6e3e3; }
div.selector li.color-008080 > input[type="checkbox"]:checked ~ label {
  background-color: teal;
  color: white; }
  div.selector li.color-008080 > input[type="checkbox"]:checked ~ label .abbr-circle > abbr {
    background-color: white;
    color: teal; }
div.selector li.color-008080:hover > input[type="checkbox"]:checked ~ label {
  background-color: teal;
  color: white; }
  div.selector li.color-008080:hover > input[type="checkbox"]:checked ~ label .abbr-circle > abbr {
    background-color: white;
    color: teal; }
  div.selector li.color-008080:hover > input[type="checkbox"]:checked ~ label ~ label:hover {
    background-color: #00b3b3; }

article a.color-120a8f {
  color: #120a8f; }
  article a.color-120a8f:hover {
    color: #0c075f; }
.color-120a8f > span[role="presentation"]:before {
  color: #120a8f; }
.color-120a8f:hover > span[role="presentation"]:before {
  color: #180dbf; }
.abbr-circle.color-120a8f abbr {
  background-color: #120a8f;
  color: white; }
a:hover .abbr-circle.color-120a8f abbr {
  background-color: #0c075f;
  color: white; }
dt.color-120a8f a {
  color: #120a8f;
  text-decoration: none; }
  dt.color-120a8f a:hover {
    color: #0c075f; }
div.selector li.color-120a8f > label {
  background-color: #d8d7e5;
  color: #757482; }
  div.selector li.color-120a8f > label .abbr-circle > abbr {
    background-color: #757482;
    color: #d8d7e5; }
div.selector li.color-120a8f:hover > label {
  background-color: #d8d7e5;
  color: #120a8f; }
  div.selector li.color-120a8f:hover > label .abbr-circle > abbr {
    background-color: #120a8f;
    color: #d8d7e5; }
div.selector li.color-120a8f > input[type="checkbox"]:checked ~ label {
  background-color: #120a8f;
  color: white; }
  div.selector li.color-120a8f > input[type="checkbox"]:checked ~ label .abbr-circle > abbr {
    background-color: white;
    color: #120a8f; }
div.selector li.color-120a8f:hover > input[type="checkbox"]:checked ~ label {
  background-color: #120a8f;
  color: white; }
  div.selector li.color-120a8f:hover > input[type="checkbox"]:checked ~ label .abbr-circle > abbr {
    background-color: white;
    color: #120a8f; }
  div.selector li.color-120a8f:hover > input[type="checkbox"]:checked ~ label ~ label:hover {
    background-color: #180dbf; }

article a.color-69b871 {
  color: #69b871; }
  article a.color-69b871:hover {
    color: #4ca255; }
.color-69b871 > span[role="presentation"]:before {
  color: #69b871; }
.color-69b871:hover > span[role="presentation"]:before {
  color: #8cc892; }
.abbr-circle.color-69b871 abbr {
  background-color: #69b871;
  color: white; }
a:hover .abbr-circle.color-69b871 abbr {
  background-color: #4ca255;
  color: white; }
dt.color-69b871 a {
  color: #69b871;
  text-decoration: none; }
  dt.color-69b871 a:hover {
    color: #4ca255; }
div.selector li.color-69b871 > label {
  background-color: #e1e9e2;
  color: #7e867f; }
  div.selector li.color-69b871 > label .abbr-circle > abbr {
    background-color: #7e867f;
    color: #e1e9e2; }
div.selector li.color-69b871:hover > label {
  background-color: #e1e9e2;
  color: #69b871; }
  div.selector li.color-69b871:hover > label .abbr-circle > abbr {
    background-color: #69b871;
    color: #e1e9e2; }
div.selector li.color-69b871 > input[type="checkbox"]:checked ~ label {
  background-color: #69b871;
  color: white; }
  div.selector li.color-69b871 > input[type="checkbox"]:checked ~ label .abbr-circle > abbr {
    background-color: white;
    color: #69b871; }
div.selector li.color-69b871:hover > input[type="checkbox"]:checked ~ label {
  background-color: #69b871;
  color: white; }
  div.selector li.color-69b871:hover > input[type="checkbox"]:checked ~ label .abbr-circle > abbr {
    background-color: white;
    color: #69b871; }
  div.selector li.color-69b871:hover > input[type="checkbox"]:checked ~ label ~ label:hover {
    background-color: #8cc892; }

article a.color-964f96 {
  color: #964f96; }
  article a.color-964f96:hover {
    color: #753d75; }
.color-964f96 > span[role="presentation"]:before {
  color: #964f96; }
.color-964f96:hover > span[role="presentation"]:before {
  color: #b068b0; }
.abbr-circle.color-964f96 abbr {
  background-color: #964f96;
  color: white; }
a:hover .abbr-circle.color-964f96 abbr {
  background-color: #753d75;
  color: white; }
dt.color-964f96 a {
  color: #964f96;
  text-decoration: none; }
  dt.color-964f96 a:hover {
    color: #753d75; }
div.selector li.color-964f96 > label {
  background-color: #e5dee5;
  color: #827b82; }
  div.selector li.color-964f96 > label .abbr-circle > abbr {
    background-color: #827b82;
    color: #e5dee5; }
div.selector li.color-964f96:hover > label {
  background-color: #e5dee5;
  color: #964f96; }
  div.selector li.color-964f96:hover > label .abbr-circle > abbr {
    background-color: #964f96;
    color: #e5dee5; }
div.selector li.color-964f96 > input[type="checkbox"]:checked ~ label {
  background-color: #964f96;
  color: white; }
  div.selector li.color-964f96 > input[type="checkbox"]:checked ~ label .abbr-circle > abbr {
    background-color: white;
    color: #964f96; }
div.selector li.color-964f96:hover > input[type="checkbox"]:checked ~ label {
  background-color: #964f96;
  color: white; }
  div.selector li.color-964f96:hover > input[type="checkbox"]:checked ~ label .abbr-circle > abbr {
    background-color: white;
    color: #964f96; }
  div.selector li.color-964f96:hover > input[type="checkbox"]:checked ~ label ~ label:hover {
    background-color: #b068b0; }

article a.color-b03060 {
  color: #b03060; }
  article a.color-b03060:hover {
    color: #88254a; }
.color-b03060 > span[role="presentation"]:before {
  color: #b03060; }
.color-b03060:hover > span[role="presentation"]:before {
  color: #cd4679; }
.abbr-circle.color-b03060 abbr {
  background-color: #b03060;
  color: white; }
a:hover .abbr-circle.color-b03060 abbr {
  background-color: #88254a;
  color: white; }
dt.color-b03060 a {
  color: #b03060;
  text-decoration: none; }
  dt.color-b03060 a:hover {
    color: #88254a; }
div.selector li.color-b03060 > label {
  background-color: #e8dbe0;
  color: #85787d; }
  div.selector li.color-b03060 > label .abbr-circle > abbr {
    background-color: #85787d;
    color: #e8dbe0; }
div.selector li.color-b03060:hover > label {
  background-color: #e8dbe0;
  color: #b03060; }
  div.selector li.color-b03060:hover > label .abbr-circle > abbr {
    background-color: #b03060;
    color: #e8dbe0; }
div.selector li.color-b03060 > input[type="checkbox"]:checked ~ label {
  background-color: #b03060;
  color: white; }
  div.selector li.color-b03060 > input[type="checkbox"]:checked ~ label .abbr-circle > abbr {
    background-color: white;
    color: #b03060; }
div.selector li.color-b03060:hover > input[type="checkbox"]:checked ~ label {
  background-color: #b03060;
  color: white; }
  div.selector li.color-b03060:hover > input[type="checkbox"]:checked ~ label .abbr-circle > abbr {
    background-color: white;
    color: #b03060; }
  div.selector li.color-b03060:hover > input[type="checkbox"]:checked ~ label ~ label:hover {
    background-color: #cd4679; }

article a.color-f27d50 {
  color: #f27d50; }
  article a.color-f27d50:hover {
    color: #ee5a21; }
.color-f27d50 > span[role="presentation"]:before {
  color: #f27d50; }
.color-f27d50:hover > span[role="presentation"]:before {
  color: #f6a07f; }
.abbr-circle.color-f27d50 abbr {
  background-color: #f27d50;
  color: white; }
a:hover .abbr-circle.color-f27d50 abbr {
  background-color: #ee5a21;
  color: white; }
dt.color-f27d50 a {
  color: #f27d50;
  text-decoration: none; }
  dt.color-f27d50 a:hover {
    color: #ee5a21; }
div.selector li.color-f27d50 > label {
  background-color: #eee3de;
  color: #8b807b; }
  div.selector li.color-f27d50 > label .abbr-circle > abbr {
    background-color: #8b807b;
    color: #eee3de; }
div.selector li.color-f27d50:hover > label {
  background-color: #eee3de;
  color: #f27d50; }
  div.selector li.color-f27d50:hover > label .abbr-circle > abbr {
    background-color: #f27d50;
    color: #eee3de; }
div.selector li.color-f27d50 > input[type="checkbox"]:checked ~ label {
  background-color: #f27d50;
  color: white; }
  div.selector li.color-f27d50 > input[type="checkbox"]:checked ~ label .abbr-circle > abbr {
    background-color: white;
    color: #f27d50; }
div.selector li.color-f27d50:hover > input[type="checkbox"]:checked ~ label {
  background-color: #f27d50;
  color: white; }
  div.selector li.color-f27d50:hover > input[type="checkbox"]:checked ~ label .abbr-circle > abbr {
    background-color: white;
    color: #f27d50; }
  div.selector li.color-f27d50:hover > input[type="checkbox"]:checked ~ label ~ label:hover {
    background-color: #f6a07f; }

article a.color-ffdb58 {
  color: #ffdb58; }
  article a.color-ffdb58:hover {
    color: #ffd025; }
.color-ffdb58 > span[role="presentation"]:before {
  color: #ffdb58; }
.color-ffdb58:hover > span[role="presentation"]:before {
  color: #ffe68b; }
.abbr-circle.color-ffdb58 abbr {
  background-color: #ffdb58;
  color: white; }
a:hover .abbr-circle.color-ffdb58 abbr {
  background-color: #ffd025;
  color: white; }
dt.color-ffdb58 a {
  color: #ffdb58;
  text-decoration: none; }
  dt.color-ffdb58 a:hover {
    color: #ffd025; }
div.selector li.color-ffdb58 > label {
  background-color: #f0ecdf;
  color: #8d897c; }
  div.selector li.color-ffdb58 > label .abbr-circle > abbr {
    background-color: #8d897c;
    color: #f0ecdf; }
div.selector li.color-ffdb58:hover > label {
  background-color: #f0ecdf;
  color: #ffdb58; }
  div.selector li.color-ffdb58:hover > label .abbr-circle > abbr {
    background-color: #ffdb58;
    color: #f0ecdf; }
div.selector li.color-ffdb58 > input[type="checkbox"]:checked ~ label {
  background-color: #ffdb58;
  color: white; }
  div.selector li.color-ffdb58 > input[type="checkbox"]:checked ~ label .abbr-circle > abbr {
    background-color: white;
    color: #ffdb58; }
div.selector li.color-ffdb58:hover > input[type="checkbox"]:checked ~ label {
  background-color: #ffdb58;
  color: white; }
  div.selector li.color-ffdb58:hover > input[type="checkbox"]:checked ~ label .abbr-circle > abbr {
    background-color: white;
    color: #ffdb58; }
  div.selector li.color-ffdb58:hover > input[type="checkbox"]:checked ~ label ~ label:hover {
    background-color: #ffe68b; }

article a.color-ee8011 {
  color: #ee8011; }
  article a.color-ee8011:hover {
    color: #be660e; }
.color-ee8011 > span[role="presentation"]:before {
  color: #ee8011; }
.color-ee8011:hover > span[role="presentation"]:before {
  color: #f19941; }
.abbr-circle.color-ee8011 abbr {
  background-color: #ee8011;
  color: white; }
a:hover .abbr-circle.color-ee8011 abbr {
  background-color: #be660e;
  color: white; }
dt.color-ee8011 a {
  color: #ee8011;
  text-decoration: none; }
  dt.color-ee8011 a:hover {
    color: #be660e; }
div.selector li.color-ee8011 > label {
  background-color: #eee3d8;
  color: #8b8075; }
  div.selector li.color-ee8011 > label .abbr-circle > abbr {
    background-color: #8b8075;
    color: #eee3d8; }
div.selector li.color-ee8011:hover > label {
  background-color: #eee3d8;
  color: #ee8011; }
  div.selector li.color-ee8011:hover > label .abbr-circle > abbr {
    background-color: #ee8011;
    color: #eee3d8; }
div.selector li.color-ee8011 > input[type="checkbox"]:checked ~ label {
  background-color: #ee8011;
  color: white; }
  div.selector li.color-ee8011 > input[type="checkbox"]:checked ~ label .abbr-circle > abbr {
    background-color: white;
    color: #ee8011; }
div.selector li.color-ee8011:hover > input[type="checkbox"]:checked ~ label {
  background-color: #ee8011;
  color: white; }
  div.selector li.color-ee8011:hover > input[type="checkbox"]:checked ~ label .abbr-circle > abbr {
    background-color: white;
    color: #ee8011; }
  div.selector li.color-ee8011:hover > input[type="checkbox"]:checked ~ label ~ label:hover {
    background-color: #f19941; }

article a.color-f19638 {
  color: #f19638; }
  article a.color-f19638:hover {
    color: #e67d10; }
.color-f19638 > span[role="presentation"]:before {
  color: #f19638; }
.color-f19638:hover > span[role="presentation"]:before {
  color: #f4af68; }
.abbr-circle.color-f19638 abbr {
  background-color: #f19638;
  color: white; }
a:hover .abbr-circle.color-f19638 abbr {
  background-color: #e67d10;
  color: white; }
dt.color-f19638 a {
  color: #f19638;
  text-decoration: none; }
  dt.color-f19638 a:hover {
    color: #e67d10; }
div.selector li.color-f19638 > label {
  background-color: #eee5dc;
  color: #8b8279; }
  div.selector li.color-f19638 > label .abbr-circle > abbr {
    background-color: #8b8279;
    color: #eee5dc; }
div.selector li.color-f19638:hover > label {
  background-color: #eee5dc;
  color: #f19638; }
  div.selector li.color-f19638:hover > label .abbr-circle > abbr {
    background-color: #f19638;
    color: #eee5dc; }
div.selector li.color-f19638 > input[type="checkbox"]:checked ~ label {
  background-color: #f19638;
  color: white; }
  div.selector li.color-f19638 > input[type="checkbox"]:checked ~ label .abbr-circle > abbr {
    background-color: white;
    color: #f19638; }
div.selector li.color-f19638:hover > input[type="checkbox"]:checked ~ label {
  background-color: #f19638;
  color: white; }
  div.selector li.color-f19638:hover > input[type="checkbox"]:checked ~ label .abbr-circle > abbr {
    background-color: white;
    color: #f19638; }
  div.selector li.color-f19638:hover > input[type="checkbox"]:checked ~ label ~ label:hover {
    background-color: #f4af68; }

article a.color-f3a658 {
  color: #f3a658; }
  article a.color-f3a658:hover {
    color: #f08d28; }
.color-f3a658 > span[role="presentation"]:before {
  color: #f3a658; }
.color-f3a658:hover > span[role="presentation"]:before {
  color: #f6bf88; }
.abbr-circle.color-f3a658 abbr {
  background-color: #f3a658;
  color: white; }
a:hover .abbr-circle.color-f3a658 abbr {
  background-color: #f08d28;
  color: white; }
dt.color-f3a658 a {
  color: #f3a658;
  text-decoration: none; }
  dt.color-f3a658 a:hover {
    color: #f08d28; }
div.selector li.color-f3a658 > label {
  background-color: #efe7df;
  color: #8c847c; }
  div.selector li.color-f3a658 > label .abbr-circle > abbr {
    background-color: #8c847c;
    color: #efe7df; }
div.selector li.color-f3a658:hover > label {
  background-color: #efe7df;
  color: #f3a658; }
  div.selector li.color-f3a658:hover > label .abbr-circle > abbr {
    background-color: #f3a658;
    color: #efe7df; }
div.selector li.color-f3a658 > input[type="checkbox"]:checked ~ label {
  background-color: #f3a658;
  color: white; }
  div.selector li.color-f3a658 > input[type="checkbox"]:checked ~ label .abbr-circle > abbr {
    background-color: white;
    color: #f3a658; }
div.selector li.color-f3a658:hover > input[type="checkbox"]:checked ~ label {
  background-color: #f3a658;
  color: white; }
  div.selector li.color-f3a658:hover > input[type="checkbox"]:checked ~ label .abbr-circle > abbr {
    background-color: white;
    color: #f3a658; }
  div.selector li.color-f3a658:hover > input[type="checkbox"]:checked ~ label ~ label:hover {
    background-color: #f6bf88; }

article a.color-f7bf88 {
  color: #f7bf88; }
  article a.color-f7bf88:hover {
    color: #f4a558; }
.color-f7bf88 > span[role="presentation"]:before {
  color: #f7bf88; }
.color-f7bf88:hover > span[role="presentation"]:before {
  color: #fad9b8; }
.abbr-circle.color-f7bf88 abbr {
  background-color: #f7bf88;
  color: white; }
a:hover .abbr-circle.color-f7bf88 abbr {
  background-color: #f4a558;
  color: white; }
dt.color-f7bf88 a {
  color: #f7bf88;
  text-decoration: none; }
  dt.color-f7bf88 a:hover {
    color: #f4a558; }
div.selector li.color-f7bf88 > label {
  background-color: #efe9e4;
  color: #8c8681; }
  div.selector li.color-f7bf88 > label .abbr-circle > abbr {
    background-color: #8c8681;
    color: #efe9e4; }
div.selector li.color-f7bf88:hover > label {
  background-color: #efe9e4;
  color: #f7bf88; }
  div.selector li.color-f7bf88:hover > label .abbr-circle > abbr {
    background-color: #f7bf88;
    color: #efe9e4; }
div.selector li.color-f7bf88 > input[type="checkbox"]:checked ~ label {
  background-color: #f7bf88;
  color: white; }
  div.selector li.color-f7bf88 > input[type="checkbox"]:checked ~ label .abbr-circle > abbr {
    background-color: white;
    color: #f7bf88; }
div.selector li.color-f7bf88:hover > input[type="checkbox"]:checked ~ label {
  background-color: #f7bf88;
  color: white; }
  div.selector li.color-f7bf88:hover > input[type="checkbox"]:checked ~ label .abbr-circle > abbr {
    background-color: white;
    color: #f7bf88; }
  div.selector li.color-f7bf88:hover > input[type="checkbox"]:checked ~ label ~ label:hover {
    background-color: #fad9b8; }

article a.color-fad9b7 {
  color: #fad9b7; }
  article a.color-fad9b7:hover {
    color: #f7c087; }
.color-fad9b7 > span[role="presentation"]:before {
  color: #fad9b7; }
.color-fad9b7:hover > span[role="presentation"]:before {
  color: #fdf2e7; }
.abbr-circle.color-fad9b7 abbr {
  background-color: #fad9b7;
  color: white; }
a:hover .abbr-circle.color-fad9b7 abbr {
  background-color: #f7c087;
  color: white; }
dt.color-fad9b7 a {
  color: #fad9b7;
  text-decoration: none; }
  dt.color-fad9b7 a:hover {
    color: #f7c087; }
div.selector li.color-fad9b7 > label {
  background-color: #efece9;
  color: #8c8986; }
  div.selector li.color-fad9b7 > label .abbr-circle > abbr {
    background-color: #8c8986;
    color: #efece9; }
div.selector li.color-fad9b7:hover > label {
  background-color: #efece9;
  color: #fad9b7; }
  div.selector li.color-fad9b7:hover > label .abbr-circle > abbr {
    background-color: #fad9b7;
    color: #efece9; }
div.selector li.color-fad9b7 > input[type="checkbox"]:checked ~ label {
  background-color: #fad9b7;
  color: white; }
  div.selector li.color-fad9b7 > input[type="checkbox"]:checked ~ label .abbr-circle > abbr {
    background-color: white;
    color: #fad9b7; }
div.selector li.color-fad9b7:hover > input[type="checkbox"]:checked ~ label {
  background-color: #fad9b7;
  color: white; }
  div.selector li.color-fad9b7:hover > input[type="checkbox"]:checked ~ label .abbr-circle > abbr {
    background-color: white;
    color: #fad9b7; }
  div.selector li.color-fad9b7:hover > input[type="checkbox"]:checked ~ label ~ label:hover {
    background-color: #fdf2e7; }

article a.color-409fbf {
  color: #409fbf; }
  article a.color-409fbf:hover {
    color: #337f99; }
.color-409fbf > span[role="presentation"]:before {
  color: #409fbf; }
.color-409fbf:hover > span[role="presentation"]:before {
  color: #66b2cc; }
.abbr-circle.color-409fbf abbr {
  background-color: #409fbf;
  color: white; }
a:hover .abbr-circle.color-409fbf abbr {
  background-color: #337f99;
  color: white; }
dt.color-409fbf a {
  color: #409fbf;
  text-decoration: none; }
  dt.color-409fbf a:hover {
    color: #337f99; }
div.selector li.color-409fbf > label {
  background-color: #dde6e9;
  color: #7a8386; }
  div.selector li.color-409fbf > label .abbr-circle > abbr {
    background-color: #7a8386;
    color: #dde6e9; }
div.selector li.color-409fbf:hover > label {
  background-color: #dde6e9;
  color: #409fbf; }
  div.selector li.color-409fbf:hover > label .abbr-circle > abbr {
    background-color: #409fbf;
    color: #dde6e9; }
div.selector li.color-409fbf > input[type="checkbox"]:checked ~ label {
  background-color: #409fbf;
  color: white; }
  div.selector li.color-409fbf > input[type="checkbox"]:checked ~ label .abbr-circle > abbr {
    background-color: white;
    color: #409fbf; }
div.selector li.color-409fbf:hover > input[type="checkbox"]:checked ~ label {
  background-color: #409fbf;
  color: white; }
  div.selector li.color-409fbf:hover > input[type="checkbox"]:checked ~ label .abbr-circle > abbr {
    background-color: white;
    color: #409fbf; }
  div.selector li.color-409fbf:hover > input[type="checkbox"]:checked ~ label ~ label:hover {
    background-color: #66b2cc; }

article a.color-66b3cc {
  color: #66b3cc; }
  article a.color-66b3cc:hover {
    color: #40a0bf; }
.color-66b3cc > span[role="presentation"]:before {
  color: #66b3cc; }
.color-66b3cc:hover > span[role="presentation"]:before {
  color: #8cc6d9; }
.abbr-circle.color-66b3cc abbr {
  background-color: #66b3cc;
  color: white; }
a:hover .abbr-circle.color-66b3cc abbr {
  background-color: #40a0bf;
  color: white; }
dt.color-66b3cc a {
  color: #66b3cc;
  text-decoration: none; }
  dt.color-66b3cc a:hover {
    color: #40a0bf; }
div.selector li.color-66b3cc > label {
  background-color: #e0e8eb;
  color: #7d8588; }
  div.selector li.color-66b3cc > label .abbr-circle > abbr {
    background-color: #7d8588;
    color: #e0e8eb; }
div.selector li.color-66b3cc:hover > label {
  background-color: #e0e8eb;
  color: #66b3cc; }
  div.selector li.color-66b3cc:hover > label .abbr-circle > abbr {
    background-color: #66b3cc;
    color: #e0e8eb; }
div.selector li.color-66b3cc > input[type="checkbox"]:checked ~ label {
  background-color: #66b3cc;
  color: white; }
  div.selector li.color-66b3cc > input[type="checkbox"]:checked ~ label .abbr-circle > abbr {
    background-color: white;
    color: #66b3cc; }
div.selector li.color-66b3cc:hover > input[type="checkbox"]:checked ~ label {
  background-color: #66b3cc;
  color: white; }
  div.selector li.color-66b3cc:hover > input[type="checkbox"]:checked ~ label .abbr-circle > abbr {
    background-color: white;
    color: #66b3cc; }
  div.selector li.color-66b3cc:hover > input[type="checkbox"]:checked ~ label ~ label:hover {
    background-color: #8cc6d9; }

article a.color-8cc6d9 {
  color: #8cc6d9; }
  article a.color-8cc6d9:hover {
    color: #66b3cc; }
.color-8cc6d9 > span[role="presentation"]:before {
  color: #8cc6d9; }
.color-8cc6d9:hover > span[role="presentation"]:before {
  color: #b2d9e6; }
.abbr-circle.color-8cc6d9 abbr {
  background-color: #8cc6d9;
  color: white; }
a:hover .abbr-circle.color-8cc6d9 abbr {
  background-color: #66b3cc;
  color: white; }
dt.color-8cc6d9 a {
  color: #8cc6d9;
  text-decoration: none; }
  dt.color-8cc6d9 a:hover {
    color: #66b3cc; }
div.selector li.color-8cc6d9 > label {
  background-color: #e4eaec;
  color: #818789; }
  div.selector li.color-8cc6d9 > label .abbr-circle > abbr {
    background-color: #818789;
    color: #e4eaec; }
div.selector li.color-8cc6d9:hover > label {
  background-color: #e4eaec;
  color: #8cc6d9; }
  div.selector li.color-8cc6d9:hover > label .abbr-circle > abbr {
    background-color: #8cc6d9;
    color: #e4eaec; }
div.selector li.color-8cc6d9 > input[type="checkbox"]:checked ~ label {
  background-color: #8cc6d9;
  color: white; }
  div.selector li.color-8cc6d9 > input[type="checkbox"]:checked ~ label .abbr-circle > abbr {
    background-color: white;
    color: #8cc6d9; }
div.selector li.color-8cc6d9:hover > input[type="checkbox"]:checked ~ label {
  background-color: #8cc6d9;
  color: white; }
  div.selector li.color-8cc6d9:hover > input[type="checkbox"]:checked ~ label .abbr-circle > abbr {
    background-color: white;
    color: #8cc6d9; }
  div.selector li.color-8cc6d9:hover > input[type="checkbox"]:checked ~ label ~ label:hover {
    background-color: #b2d9e6; }

article a.color-9dbb4f {
  color: #9dbb4f; }
  article a.color-9dbb4f:hover {
    color: #819b3c; }
.color-9dbb4f > span[role="presentation"]:before {
  color: #9dbb4f; }
.color-9dbb4f:hover > span[role="presentation"]:before {
  color: #b1c974; }
.abbr-circle.color-9dbb4f abbr {
  background-color: #9dbb4f;
  color: white; }
a:hover .abbr-circle.color-9dbb4f abbr {
  background-color: #819b3c;
  color: white; }
dt.color-9dbb4f a {
  color: #9dbb4f;
  text-decoration: none; }
  dt.color-9dbb4f a:hover {
    color: #819b3c; }
div.selector li.color-9dbb4f > label {
  background-color: #e6e9de;
  color: #83867b; }
  div.selector li.color-9dbb4f > label .abbr-circle > abbr {
    background-color: #83867b;
    color: #e6e9de; }
div.selector li.color-9dbb4f:hover > label {
  background-color: #e6e9de;
  color: #9dbb4f; }
  div.selector li.color-9dbb4f:hover > label .abbr-circle > abbr {
    background-color: #9dbb4f;
    color: #e6e9de; }
div.selector li.color-9dbb4f > input[type="checkbox"]:checked ~ label {
  background-color: #9dbb4f;
  color: white; }
  div.selector li.color-9dbb4f > input[type="checkbox"]:checked ~ label .abbr-circle > abbr {
    background-color: white;
    color: #9dbb4f; }
div.selector li.color-9dbb4f:hover > input[type="checkbox"]:checked ~ label {
  background-color: #9dbb4f;
  color: white; }
  div.selector li.color-9dbb4f:hover > input[type="checkbox"]:checked ~ label .abbr-circle > abbr {
    background-color: white;
    color: #9dbb4f; }
  div.selector li.color-9dbb4f:hover > input[type="checkbox"]:checked ~ label ~ label:hover {
    background-color: #b1c974; }

article a.color-c4d697 {
  color: #c4d697; }
  article a.color-c4d697:hover {
    color: #afc872; }
.color-c4d697 > span[role="presentation"]:before {
  color: #c4d697; }
.color-c4d697:hover > span[role="presentation"]:before {
  color: #d9e4bc; }
.abbr-circle.color-c4d697 abbr {
  background-color: #c4d697;
  color: white; }
a:hover .abbr-circle.color-c4d697 abbr {
  background-color: #afc872;
  color: white; }
dt.color-c4d697 a {
  color: #c4d697;
  text-decoration: none; }
  dt.color-c4d697 a:hover {
    color: #afc872; }
div.selector li.color-c4d697 > label {
  background-color: #eaece5;
  color: #878982; }
  div.selector li.color-c4d697 > label .abbr-circle > abbr {
    background-color: #878982;
    color: #eaece5; }
div.selector li.color-c4d697:hover > label {
  background-color: #eaece5;
  color: #c4d697; }
  div.selector li.color-c4d697:hover > label .abbr-circle > abbr {
    background-color: #c4d697;
    color: #eaece5; }
div.selector li.color-c4d697 > input[type="checkbox"]:checked ~ label {
  background-color: #c4d697;
  color: white; }
  div.selector li.color-c4d697 > input[type="checkbox"]:checked ~ label .abbr-circle > abbr {
    background-color: white;
    color: #c4d697; }
div.selector li.color-c4d697:hover > input[type="checkbox"]:checked ~ label {
  background-color: #c4d697;
  color: white; }
  div.selector li.color-c4d697:hover > input[type="checkbox"]:checked ~ label .abbr-circle > abbr {
    background-color: white;
    color: #c4d697; }
  div.selector li.color-c4d697:hover > input[type="checkbox"]:checked ~ label ~ label:hover {
    background-color: #d9e4bc; }

div.pages > nav ul li.color-ffffff a {
  color: #000000; }

section.page.color-ffffff > header {
  color: #000000; }

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