@font-face {
  font-family:'Montserrat';
   src:url('./fonts/Montserrat-700.woff') format('woff');
   font-weight:700;
   font-style:normal;
}
@font-face {
  font-family:'Open Sans';
   src:url('./fonts/OpenSans-400.woff') format('woff');
   font-weight:400;
   font-style:normal;
}
@font-face {
  font-family:'Open Sans';
   src:url('./fonts/OpenSans-700.woff') format('woff');
   font-weight:700;
   font-style:normal;
}
/*! normalize.css 5.0.0 */
html{
  font-family:sans-serif;
  line-height:1;
  -ms-text-size-adjust:100%;
  -webkit-text-size-adjust:100%
}
body{
  margin:0
}

app-root {
  width: 100%;
  height: 100%;;
  box-sizing:border-box;
   outline:none;
}


article,aside,footer, header,nav,section {
  display:block
}

h1{
  font-size:2em;
  margin:0.67em 0
}
figcaption,figure,main{
  display:block
}
figure{
  margin:1em 40px
}
hr{
  box-sizing:content-box;
  height:0;
  overflow:visible
}
pre{
  font-family:monospace,monospace;
  font-size:1em
}
a {
  background-color:transparent;
  -webkit-text-decoration-skip:objects
}
a:active,a:hover{
  outline-width:0
}
abbr[title]{
  border-bottom:none;
  text-decoration:underline;
  text-decoration:underline dotted
}
b,strong{
  font-weight:inherit;
  font-weight:bolder
}
code,kbd,samp{
  font-family:monospace,monospace;
  font-size:1em
}
dfn{
  font-style:italic
}

mark{
/*  background-color:#ff0;
  color:#000 */
}

small{
  font-size:80%
}
sub,sup{
  font-size:75%;
  line-height:0;
  position:relative;
  vertical-align:baseline
}
sub{
  bottom:-0.25em
}
sup{
  top:-0.5em
}
audio,video{
  display:inline-block
}
audio:not([controls]){
  display:none;
  height:0
}
img{
  border-style:none
}
svg:not(:root){
  overflow:hidden;
  display:block;
}
button,input,optgroup,select,textarea{
  font-family:sans-serif;
  font-size:100%;
  line-height:1;
  margin:0
}
button,input{
  overflow:visible
}
button,select{
  text-transform:none
}
button,html[type="button"],[type="reset"],[type="submit"]{
  -webkit-appearance:button
}
button::-moz-focus-inner,[type="button"]::-moz-focus-inner,[type="reset"]::-moz-focus-inner,[type="submit"]::-moz-focus-inner{
  border-style:none;
  padding:0
}
button:-moz-focusring,[type="button"]:-moz-focusring,[type="reset"]:-moz-focusring,[type="submit"]:-moz-focusring{
  outline:1px dotted ButtonText
}
fieldset{
  border:1px solid #c0c0c0;
  margin:0 2px;
  padding:0.35em 0.625em 0.75em
}
legend{
  box-sizing:border-box;
  color:inherit;
  display:table;
  max-width:100%;
  padding:0;
  white-space:normal
}
progress{
  display:inline-block;
  vertical-align:baseline
}
textarea{
  overflow:auto
}
[type="checkbox"],[type="radio"]{
  box-sizing:border-box;
  padding:0
}
[type="number"]::-webkit-inner-spin-button,[type="number"]::-webkit-outer-spin-button{
  height:auto
}
[type="search"]{
  -webkit-appearance:textfield;
  outline-offset:-2px
}
[type="search"]::-webkit-search-cancel-button,[type="search"]::-webkit-search-decoration{
  -webkit-appearance:none
}
::-webkit-file-upload-button {
  -webkit-appearance:button;
  font:inherit
}
details,menu{
  display:block
}
summary{
  display:list-item
}
canvas{
  display:inline-block
}
template {
  display:none
}
[hidden]{
  display:none
}
html, app-root body, app-root div, app-root span, app-root applet, app-root object, app-root iframe, app-root h1, app-root h2, app-root h3, app-root h4, app-root h5, app-root h6, app-root p, app-root blockquote, app-root pre, app-root a, app-root abbr, app-root acronym, app-root address, app-root big, app-root cite, app-root code, app-root del, app-root dfn, app-root img, app-root ins, app-root kbd, app-root q, app-root s, app-root samp, app-root small, app-root strike,
app-root sub, app-root sup, app-root tt, app-root var, app-root b, app-root u, app-root i, app-root center, app-root dl,app-root  dt, app-root dd, app-root ol, app-root ul, app-root li, app-root fieldset,
app-root form, app-root label, app-root legend, app-root table, app-root caption, app-root tbody, app-root tfoot, app-root thead, app-root tr, app-root th, app-root td,
app-root article, app-root aside, app-root canvas, app-root details, app-root embed, app-root figure, app-root figcaption, app-root footer, app-root header, app-root hgroup, app-root menu, app-root nav, app-root output, app-root ruby, app-root section, app-root summary, app-root time, app-root mark, app-root audio, app-root video {
  border:0;
   vertical-align:baseline;
}

fieldset {
  margin:0;
   padding:0;
   width:100%;
}
html,body {
  height:100%;
   margin:0;
   padding:0;
}
body {
  font-family:'Open Sans', sans-serif;
   display:flex;
   /*background:#282D31;*/
   flex-wrap:wrap;
}
::-webkit-scrollbar-track {
  -webkit-box-shadow:inset 0 0 6px rgba(0,0,0,0.3);
   background-color:rgba(255,255,255,.1);
}
::-webkit-scrollbar {
  width:6px;
   height:6px;
   background-color:rgba(255,255,255,.1);
}
::-webkit-scrollbar-thumb {
  background-color:#000;
}
::selection {
  /*background:#999;*/
}
html.xsmall {
  font-size:12px;
}
html.small {
  font-size:14px;
}
html.normal {
  font-size:16px;
}
html.large {
  font-size:18px;
}
html.xlarge {
  font-size:20px;
}
.scrolly {
  overflow-y:auto;
}
a {
  cursor:pointer;
   color:inherit;
}
label {
  font-family:montserrat;
   text-transform:uppercase;
   /*color:#888;*/
   font-size:.7rem;
   display:block;
   margin-bottom:.25rem;
   position:relative;
   white-space:nowrap;
}
fieldset > div + div {
  margin-top:.5rem;
}
label .cmd {
  position:absolute;
   right:2px;
   top:100%;
   margin-top:.5rem;
   margin-right:.5rem;
}


input[type=checkbox] {
  display:none !important;
}
input[type=checkbox] + label {
  text-transform:none;
   font-family:'open sans';
   font-size:.8rem;
   display:inline-flex;
   align-items:center;
   margin-bottom:0;
}
input[type=checkbox] + label:before {
  content:'';
   width:1rem;
   height:1rem;
   margin-right:.5rem;
   /*border:1px solid #666;*/
}
input[type=checkbox]:checked + label:before {
  content:'\000D7';
   /*background:#666;
   color:#fff;*/
   text-align:center;
   line-height:1rem;
   font-weight:700;
   font-size:1.25rem;
}
.switch input[type=checkbox] + label {
  height:1rem;
   border-radius:1rem;
   width:1.8rem;
   /*background:#d45;*/
   display:flex;
   justify-content:flex-start;
   transition:all .3s;
   margin:0;
   cursor:pointer;
}
.switch input[type=checkbox]:checked + label {
  justify-content:flex-end;
  /*background:#6C4;*/
}
.switch input[type=checkbox] + label:before {
  margin:.1rem;
   width:.8rem;
   height:.8rem;
   border-radius:50%;
   border:0;
   /*background:#fff;*/
   transition:all .3s;
}
.switch input[type=checkbox]:checked + label:before {
  content:'';
}
.right {
  text-align:right;
}
[hidden] {
  display:none !important;
}
.spread {
  display:flex;
   justify-content:space-around;
   align-items:center;
}
.spread > div {
  flex:1;
}
.spread > * + * {