/* http://meyerweb.com/eric/tools/css/reset/
v2.0 | 20110126
License: none (public domain)
 */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block;
}

body {
  line-height: 1;
}

ol, ul {
  list-style: none;
}

blockquote, q {
  quotes: none;
}

blockquote:before, blockquote:after,
q:before, q:after {
  content: "";
  content: none;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

.spinner,
.spinner:after {
  border-radius: 50%;
  width: 10em;
  height: 10em;
}

.spinner {
  margin: 60px auto;
  font-size: 10px;
  position: relative;
  text-indent: -9999em;
  border-top: 1.1em solid #D6E2FF;
  border-right: 1.1em solid #D6E2FF;
  border-bottom: 1.1em solid #D6E2FF;
  border-left: 1.1em solid #ffffff;
  -webkit-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-animation: spinneranimation 1.1s infinite linear;
  animation: spinneranimation 1.1s infinite linear;
}

.spinner-text--takes-long {
  padding-top: 1em;
}

@-webkit-keyframes spinneranimation {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes spinneranimation {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
.animation--fadein {
  animation: fadein 2s;
}
.animation--hidden {
  visibility: hidden;
}

@keyframes fadein {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
a, a:link, a:visited {
  color: #1184CE;
  text-decoration: none;
}

.page {
  padding: 1em;
  color: #293c4b;
  font-family: "Source Sans Pro", sans-serif;
  max-width: 45em;
  margin: 0 auto;
}
.page--Registry, .page--Initial {
  text-align: center;
}

.page, .page input, .page select, .page textarea {
  font-size: 1.4em;
}
@media (max-width: 40em) {
  .page, .page input, .page select, .page textarea {
    font-size: 1em;
  }
}
.page__title, .page input__title, .page select__title, .page textarea__title {
  font-size: 2em;
}
.page__title .prefix, .page input__title .prefix, .page select__title .prefix, .page textarea__title .prefix {
  color: #b58900;
}

.input {
  margin: 1em 0;
  display: block;
}
.input__label {
  display: block;
  font-size: 0.8em;
  font-weight: bold;
  color: #666;
  text-transform: uppercase;
  margin-bottom: 0.2em;
}
.input input {
  border: 1px solid #CCC;
  box-shadow: 0 0 0 0.2em #EEE;
  margin: 0.2em 0;
  border-radius: 0.2em;
  padding: 0.2em 0.4em;
  max-width: 100%;
  box-sizing: border-box;
}

.external-links {
  padding: 0.5em 0;
}
.external-links a:before {
  content: " | ";
  color: #CCC;
}
.external-links a:first-child:before {
  content: none;
}

.search__result__item {
  font-size: 0.8em;
  display: block;
  padding: 2em;
  color: inherit !important;
  text-decoration: none;
  text-align: left;
  border-top: 1px solid #CCC;
}
@media (max-width: 40em) {
  .search__result__item {
    padding: 1em 0;
  }
}
.search__result__item h2 {
  color: #1184CE;
  font-size: 2em;
}
.search__result__item p {
  padding: 0.5em 0;
}
.search__result__item div {
  background: #EEE;
  padding: 0.5em;
}
.search__result__item div img {
  display: inline-block;
  padding: 0 0.2em;
}

.nav {
  margin-bottom: 1em;
  padding-bottom: 1em;
  border-bottom: 1px solid #CCC;
}
.nav__back:before {
  content: "<";
  font-weight: bold;
  font-size: 1em;
  background: #1184CE;
  border-radius: 999em;
  width: 1em;
  height: 1em;
  text-align: center;
  display: inline-block;
  color: white;
  margin-right: 0.2em;
}

.instructions {
  padding: 1em 0;
  line-height: 1.3em;
}

b {
  font-weight: bold;
}

pre {
  padding: 1em 0;
  margin: 1em 0;
  font-family: monospace;
  max-width: 100%;
  overflow: auto;
  border: 1px solid #CCC;
}

.fileformat select {
  font-size: 1em;
  margin: 1em 0;
}

.badge-selector {
  padding: 1em 0;
}

.badge-checkbox {
  display: block;
  cursor: pointer;
}

em {
  font-style: italic;
}

.faq {
  text-align: left;
  font-size: 0.8em;
  line-height: 1.3;
  padding: 2em 0;
  column-count: auto;
  column-width: 20em;
}
.faq__item:first-child .faq__question {
  margin-top: 0;
}
.faq__question {
  font-size: 1.4em;
  color: #b58900;
  margin-top: 1em;
}
.faq p {
  padding: 0.25em 0;
}

.faq-toggle {
  display: block;
  padding: 1em;
  font-size: 0.8em;
}

/*# sourceMappingURL=../build/style.css.map */